fbpx
Javascript小白學程式成長日誌程式新手

網頁日記 # 8|Iris 程式小白

操作完簡單的 Javascript 實作後,馬上來進到下一步 —— 認識重量級函式庫! 那~ 我們馬上來看看 React.js 能帶給我們哪些便利之處吧~ 本篇日記針對 React 的十大特點做概括性的介紹 希望新手朋友們看完此篇對於 React 就能有最基礎的認識&了解 😆   1. React 超基本介紹 為 Javascript 的函式庫 用於建造可重複使用、元件化、具互動性的 UI…
iris
December 5, 2020
Javascript初學程式小白學程式成長日誌

網頁日記 #5 | Iris 程式小白

前面幾集已差不多把 JS 基本觀念做了一輪概括性的整理,這集我要來和大家示範如何製作最簡易的下拉式選單,也順便驗收&應用所學觀念,那我們就不囉唆~ Let’s get rolling!   首先,製作最基礎的下拉式選單需要的是簡單的 HTML 和 CSS 觀念,甚至如果你只需要滑鼠游標 hover 到按鈕上就能展開選單的功能,那你根本不需要動用到 JS。今天小白🙆‍♀️ 我會分享不需要用到 JS 和必需要用到 JS 的下拉式選單版本,對 HTML 和 CSS 不熟悉(忘得差不多)的朋友也可以順便溫故知新唷~   …
iris
October 26, 2020
Javascript初學程式小白學程式程式新手

網頁日記|Iris 程式小白

JS 基本概念大補帖(上) 你是否和我一樣快速入手 JS 時沒想太多,但到頭來才發現少了些什麼呢? 那麼~這篇文章就是為你而寫 以下分為 JS 五問,送給同是新手的你們😆   🎯 1. 什麼是 console ? 什麼又是 console.log? Console 譯成中文即為「控制台」,普遍來說是 Javascript 中最直接的編譯器,讓開發者(讓任何寫 JS 的人都能快速除錯、初步篩檢)。 Log 相對來說較為複雜,一般我們平常所知道的意思為「對數」或是「木材」…
iris
August 30, 2020
Javascript初學程式小白學程式成長日誌程式新手網頁前端

Javascript學習日記|Iris 程式小白 #8

Javascript在紅什麼?快跟著網頁設計小白🙆‍♀一起速速了解JS吧! 這篇文章專給...   彷彿聽過,對JS 似曾相似,但從來沒有真正了解 愛用Google analytics & inbound marketing (Hubspot) 的行銷人 覺得跟前端工程師錯頻,想了解一下他們星球的語言 想學互動式網頁設計,創建屬於自己的第一個網頁天堂   上次最後提到了 React hooks 的優缺和功用 ,也賣了好多關子,這次趁著「 JS 學習筆記」系列的終結篇的機會讓小白🙆‍♀把剩餘的 React JS 的核心觀念補上&好好說明白…
iris
August 15, 2020
Javascript初學程式小白學程式成長日誌程式新手網頁前端

Javascript 學習日記|Iris 程式小白 #7

Javascript在紅什麼?快跟著網頁設計小白🙆‍♀一起速速了解JS吧! 這篇文章專給...   彷彿聽過,對JS 似曾相似,但從來沒有真正了解 愛用Google analytics & inbound marketing (Hubspot) 的行銷人 覺得跟前端工程師錯頻,想了解一下他們星球的語言 想學互動式網頁設計,創建屬於自己的第一個網頁天堂   📌 React 觀念澄清: 以下分為 3 大點盲點討論: class component ⚡ functional…
iris
August 8, 2020
Javascript初學程式小白學程式成長日誌程式新手網頁前端

Javascript 學習日記|Iris 程式小白 #6

Javascript在紅什麼?快跟著網頁設計小白🙆‍♀一起速速了解JS吧! 這篇文章專給...   彷彿聽過,對JS 似曾相似,但從來沒有真正了解 愛用Google analytics & inbound marketing (Hubspot) 的行銷人 覺得跟前端工程師錯頻,想了解一下他們星球的語言 想學互動式網頁設計,創建屬於自己的第一個網頁天堂     接續 JS ES6,趁著對 ES6 記憶猶新,跟著程式小白🙆‍♀一起來簡單認識👀 React JS吧! 📌 Dear…
iris
August 3, 2020
HTMLJavascript初學程式小白學程式成長日誌程式新手網頁前端

Javascript 學習日記|Iris 程式小白 #1

Javascript在紅什麼?快跟著網頁設計小白🙆‍♀一起速速了解JS吧! 這篇文章專給... 彷彿聽過,對JS似曾相似,但從來沒有真正了解 愛用Google analytics & inbound marketing (Hubspot) 的行銷人 覺得跟前端工程師錯頻,想了解一下他們星球的語言 想學互動式網頁設計,創建屬於自己的第一個網頁天堂 (more…)
iris
July 25, 2020
HTMLJavascript初學程式小白學程式成長日誌程式新手網頁前端

Javascript 學習日記|Iris 程式小白 #5

Javascript在紅什麼?快跟著網頁設計小白🙆‍♀一起速速了解JS吧! 這篇文章專給...   彷彿聽過,對JS 似曾相似,但從來沒有真正了解 愛用Google analytics & inbound marketing (Hubspot) 的行銷人 覺得跟前端工程師錯頻,想了解一下他們星球的語言 想學互動式網頁設計,創建屬於自己的第一個網頁天堂   📌 首先,我們先來談談什麼是 DOM 和 Javascript &DOM 之間的關係吧!   DOM 的中文全名為文件物件模型…
iris
July 24, 2020
HTMLJavascript初學程式小白學程式成長日誌程式新手網頁前端

Javascript 學習日記|Iris 程式小白 #4

Javascript在紅什麼?快跟著網頁設計小白🙆‍♀一起速速了解JS吧! 這篇文章專給... 彷彿聽過,對JS似曾相似,但從來沒有真正了解 愛用Google analytics & inbound marketing (Hubspot) 的行銷人 覺得跟前端工程師錯頻,想了解一下他們星球的語言 想學互動式網頁設計,創建屬於自己的第一個網頁天堂   📌 首先,我們來暖暖身,複習一下何謂變數,又何謂宣告變數? 如果把變數比喻成一個個空箱子,撰寫程式的我們就是個居家收納達人,我們可以任意地、隨興地把任何和喜歡的東西(像是襪子、內褲、撲克牌等)擺入不同箱子中。於是,原本空的箱子隨著時間內容物就變得越趨豐富,一個個箱子也逐漸出現有了差異。但你一定會疑惑說都是一樣的箱子要怎麼光看表面就知道裡頭裝了些什麼,這時候就要使用到妙用「標籤紙」來讓每個承裝不同性質物品的箱子擁有名字標籤 (name tag)。而宣告變數就是將箱子取名、並告訴大家裡面收納了什麼的過程,像是我們可以定義一個變數為 irisIsTheQueen: var irisIsTheQueen = 87;   那麼從這時開始有個叫做…
iris
July 16, 2020
HTMLJavascript初學程式小白學程式成長日誌程式新手網頁前端

Javascript 學習日記|Iris 程式小白 #3

Javascript在紅什麼?快跟著網頁設計小白🙆‍♀一起速速了解JS吧! 這篇文章專給...   彷彿聽過,對JS似曾相似,但從來沒有真正了解 愛用Google analytics & inbound marketing (Hubspot) 的行銷人 覺得跟前端工程師錯頻,想了解一下他們星球的語言 想學互動式網頁設計,創建屬於自己的第一個網頁天堂   📌 這次我們的起手式,JS編輯器的初認識🙌 講到「編輯器」我們必然會談到它對應的概念「編譯器」 所以,到底什麼是「編輯器」,又什麼是「編譯器」呢?   長話短說,編輯器就是個專門編輯程式的Word 而編譯器則是轉化你所編輯的程式碼,將之翻譯成機器能理解的低端語言   那現成編輯器用誰好呢? 誰好用呢? 這我們繼續看下去😎…
iris
July 13, 2020