fbpx
333 系列初學程式小白學程式程式新手資源整理

333系列 CSS | Iris 程式小白

這篇文章送給初踏入前端的小白們 也送給想創立網頁的朋友們...    承上篇...  上篇談過網頁骨幹 HTML ,這次不囉唆就來聊聊化妝大師 CSS   什麼是 CSS? CSS 為 Cascading Style Sheets 的簡稱,中文譯為「階層式樣式表」 為妝點 HTML 用,不可單3獨使用 工作為外觀上微調(字體、顏色、位置、對齊等等)   既然是妝點冷冰冰 HTML,CSS 可以加在…
iris
August 24, 2020
初學程式小白學程式程式新手

工程師養成 Podcastor特輯 | Iris 程式小白

🙋‍♂️「偽工程師」與「真工程師」的溝通術 🙋‍♀️ 想知道更多關於工程師的職場狀況和生活型態嗎?歡迎去看看偽汝娘娘與汝伯的 Podcast channel!    工程 10 問: 1. 要如何找到有關工程相關知識呢? 需秉持「虛心請教」的 mindset,必要時需要積極上網查找資料。但由於工程門檻高、許多概念過於抽象局外人難以理解,即使網路上有資料也不見得能夠消化吸收,因此大多時間娘娘與汝伯都另外必須求助專業。   2. 娘娘與汝伯的工作? 她們倆負責的是 IT 部門的資訊採購,工作技能需靈活接收&確認廠商和工程師的兩端需求,並反覆作回應、溝通、下單。   3. 娘娘與汝伯的生涯規劃? 娘娘和汝伯本身都非資訊背景,起初在公關公司(女性居多)上班,其後轉而加入 ERP team…
iris
August 20, 2020
初學程式小白學程式工程思維資源整理

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