第六週（05/20 ~ 05/26）：前端基礎（一）

[KilluaZDK]

掌握基本 HTML 與 CSS

指定教材：

• [FE101] 前端基礎：HTML 與 CSS：全部
• 程式導師實驗計畫第二期：Week3-2 - CSS
• Chrome 網頁除錯功能大解密

寫完作業才能看：

• 程式導師實驗計畫第二期：Week4-1 - 上週作業檢討

[KilluaZDK]

05/20

今日進度

• Lidemy OJ 挑戰賽
• 總算把心得打完了

明日預定進度

• 繼續 Lidemy OJ 挑戰賽
• 【FE101】前端基礎

[KilluaZDK]

05/ 21

今日進度

• 持續 Lidemy OJ 挑戰賽
• HTTP Game

明日預定進度

• 上傳作業
• 繼續 Lidemy OJ 挑戰賽
• 【FE101】前端基礎

心得

HTTP Game 小遊戲很有趣，讓我對串 API 不只變得更熟悉，也覺得變得更有趣了！今天先休兵，明天再持續挑戰！ 在做 OJ 挑戰賽時，寫程式的邏輯都沒什麼問題，但花了超多時間在解一些很眼殘的 bug，眼睛真的很有問題。

[KilluaZDK]

05/22

今日進度

【FE101】前端基礎

• HTML 基礎(全部，剩下最後兩個小章節)
• 整理 HTML 筆記

其他

• 作業上傳完成
• 零基礎的小明要如何成為前端工程師？
• 跟著小明一起搞懂技術名詞：MVC、SPA 與 SSR

明日預定進度

• HTML 基礎(最後兩個小章節)
• CSS 基礎 Part1：Selector

【FE101】前端基礎

心得

影片很快就看完了，但整理筆記蠻花時間的。

[KilluaZDK]

05/23

今日進度

【FE101】前端基礎

• HTML 基礎(最後兩個小章節)
• CSS 基礎 Part1：Selector(剩最後三個小章節）

明日預定進度

【FE101】前端基礎

• CSS 基礎 Part1：Selector(最後三個小章節）
• CSS 基礎 Part2：各種裝飾
• CSS 基礎 Part3：盒模型（box model）
• CSS 基礎 Part4：定位（position）

心得

看了 Huli 的日本旅遊心得，這煩惱太奢侈了！我們還在水深火熱呀！

[KilluaZDK]

05/24

今日進度

【FE101】前端基礎

• CSS 基礎 Part1：Selector(最後三個小章節）
• CSS 基礎 Part2：各種裝飾

明日預定進度

【FE101】前端基礎

• CSS 基礎 Part3：盒模型（box model）
• CSS 基礎 Part4：定位（position）

Chrome 網頁除錯功能大解密

[KilluaZDK]

05/25

今日進度

【FE101】前端基礎

• CSS 基礎 Part3：盒模型（box model）
• CSS 基礎 Part4：定位（position）
• HTML & CSS 筆記整理完成

明日預定進度

• Chrome 網頁除錯功能大解密
• 寫作業

[KilluaZDK]

05/26

今日進度

• Chrome 網頁除錯功能大解密
• 寫作業

明日預定進度

• 持續寫作業

心得

今天剛好看到了一個蠻有趣的網頁，是「臺北科技大學 互動設計系」今年的畢業展官網：http://poooooof.cc

雖然網頁設計排版上不是很容易閱讀，有些重要的資訊不容易被發現，但是有很多特殊的功能可以參考跟學習。今天看了「 Chrome 網頁除錯功能大解密」，剛好可以搭配Chrome 網頁功能的開發者工具，來檢查這個網頁的架構。之後如果有時間可以再來慢慢研究這網頁裡的功能是如何做出來的，應該會有不錯的收穫。