同學您好,距離切版班剩下一週時間,這裡老師最後分享練功脈絡,讓您之後結訓後,也能依照此文件來練習。

第一週打好基礎

要做出第一週作業,當然您得對 HTML 標籤、CSS 設定要有足夠的熟悉度,以及 margin 與 padding 來進行推擠。

同時要會 CSS 類別選擇器、後代選擇器,才能做此作業。

這一梯次學生這作業都做得不錯,比較常見的錯誤是 ul、li 運用以及 HTML 標籤使用時機不夠瞭解,才需要刻意練習。

另外在 CSS 類別選擇器上的命名,如果語意不清楚也會被助教點出來,例如 .box1、.left

同時也點出來要刻意練習 emmet,若要以合格分數來說,第一週的 HTML 會建議刻意練習,在十分鐘內可以全部建構出來才有達到水平,只要刻意練習一週,每天練習 25 分,是有機會達到的

第二週 Flexbox

要達到多欄式排版,有各種排版方式,例如 float、inline-block、flexbox、grid,那麼為什麼老師選了 Flexbox ,為什麼不選擇其他,或者是全部都教?

李小龍曾經說過:「他不怕學習一萬種踢腿的人,但會怕一種踢法重複踢一萬次的人」,與其練習各種語法,不如專注將其中一種練好。

再加上 Bootstrap 4 與 5 的排版方式,也仍然是以 Flexbox 為主,所以透過 Flexbox 來座為時代趨勢也是合理的。

其實在這週作業上,從大家的回饋上也是沒太大問題的,要掌握 Flexbox,只要掌握主軸與交錯軸的運用,往往都能迎刃而解。

在這週開始,可能大家也和我們熟了,也陸續問助教跟老師各種問題,每當 Slack 有新問題時,也開始有學生回覆的比我還快,真的 hen 棒 XD

第三週響應式

我認為在學網頁切版,第一個會遇到的大魔王自然是 RWD 響應式,首先第一個要熟悉的自然是 media 的權重覆蓋觀念,到後面相信也有學生對「先看權重、再看先後」也琅琅上口,因為這在學習之後 BS4,嘗試要看懂 BS4 的原始碼會有很大助益。