2021 Junior 前端工程師的求職之旅Published onJan 29, 2021程式導師計畫下筆之前,我想很久究竟該分享些什麼,會對正在準備第一份轉職面試的人幫助最大,無論是心態或實質技能,關於自己可以輸出什麼的思考。Read more →
[第二十二週] Class component 與 Functional component 的差別Published onDec 10, 2020程式導師計畫過去 functional component 只用來單純呈現資料,但是,hook 的出現改變了一切,解決它不能擁有 state 的問題,也變相擁有類似生命週期方法的操作。Read more →
[第二十二週] React:認識 HooksPublished onDec 07, 2020程式導師計畫Hook 是一種重複使用邏輯的方法,讓 function component 可以擁有 state 的功能。Read more →
[第二十二週] React Lifecycle:認識生命週期方法Published onDec 05, 2020程式導師計畫元件從準備、渲染到頁面、狀態更新後等各個階段,組成了所謂的 lifecycle。Read more →
[第十二週] 什麼是 Single Page ApplicationPublished onOct 16, 2020程式導師計畫一改以往多頁式的設計,每點選一個按鈕就得重新載入另外一個頁面的操作。SPA 架構下,除了第一次需要全畫面渲染,之後網頁「不需跳轉頁面」就可以達到基本的建立、讀取、修改、刪除功能。Read more →
[第七週] 什麼是 DOM?Published onAug 30, 2020程式導師計畫DOM 是 HTML 的程式介面,它提供了一個文件樹的結構化表示法,讓程式可以存取、改變風格和內容。Read more →
[第六週] 了解 position: static, relative, absolute 跟 fixed 的差別Published onAug 23, 2020程式導師計畫用來指定一個元素的定位方式,透過 top、right、bottom 和 left 特性來「特別定位」元素,是經過計算後得到的位置Read more →
[第六週] 了解 inline, block 跟 inline-block 的差別Published onAug 21, 2020程式導師計畫用來定義標籤們的顯示方式,透過 CSS 來改變元素預設的顯示方式,進而達到排版目的Read more →