fbpx
初學程式小白學程式工程思維資源整理

333系列 HTML |Iris 程式小白

這個333系列文章送給初踏入前端的小白們 也送給想創立網頁的朋友們...  希望利用3分33秒(極短時間)就能輕鬆讓初學快速理解 小白們~  我們共勉之   1. 什麼是 HTML? & HTML 幹嘛用? HTML 是 Hyper Text Markup Language 的簡稱,中文為「超文字標記語言」 為「網頁的骨架」,專用來描述網頁長相(架構)   HTML 樣式 sample: <!DOCTYPE…
iris
August 19, 2020
Javascript初學程式小白學程式成長日誌程式新手網頁前端

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

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

前端筆記大雜燴。Iris 程式小白

主題:如何藉由學習框架(Vue JS),培養無可取代的工程思維😎   小白🙆‍♀️心中os:當初學 React 純粹是因為「覺得需要而學」,現在認識 Vue 是為了滿足自己「想重新認識一項事物」的願望,就是這麼存粹,但不浪漫... 🌹   你學過框架嗎?還是說你已經是框架老手? 以往的我,對於 Vue.js 的理解僅限於 JS 的框架(沒錯! 僅此而已🙃 今天...我誤打誤撞,撞見了Vue的新世界,不僅讓我更深入地認識框架,更深化了我的學習思維。   現在我希望點進此文章的每個你,利用10秒鐘,重新思考學習框架,甚至是學習程式的初衷 … … …  … ……
iris
August 12, 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
HTMLJavascript初學程式小白學程式成長日誌程式新手網頁前端

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

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