網頁切版直播班心得

2022 夏,切版直播班心得。


報名契機

今年年四月左右參加了為期一個月的公益體驗營,然而在體驗營結束前夕,學院按照慣例會推坑下一次的活動,這次是切版直播班,不過內容相較過去更為豐富,教學大綱除了舊有的 Bootstrap 到近幾年盛行的 Tailwind,思索一番之後還是報名了。其實原本是衝著 Tailwind 來的,但礙於過去在切版方面都是純手刻又覺得 Bootstrap 很困難而遲遲不去面對,導致自己連一個 CSS 框架都不會,另一方面自己在新技能的學習上會需要花不少時間來吸收,擔心一次學兩個會應付不來,因此就把目標先轉向了目前使用率較高的 Bootstrap;除此之外,這次也要求自己必須把八週主線任務的所有頁面都切出來,既然都全職學習了,至少這一點是能做到的吧。

每週學習歷程

直播

雖然每週直播的教學內容算是在複習錄影,但是現場跟大家一起聽課的氛圍比起自己看錄影兩者還是有差的,而且常常會有同學在聊天室提出一些平常可能不太會注意到的有趣問題,也能當作是一種額外的知識吸收,此外當然也少不了校長的嘴砲模式以及心靈雞湯,畢竟學程式容易產生焦慮,長時間學習下還是需要找地方宣洩一下情緒。八週的直播形式基本上都是前面提到的這樣,整體的感覺不錯,這部分也沒有需要特別需要補充甚麼了,不過直播班本來就是以大量輸出為前提,每週花費在作業上的時間自然就比較多。

另外這次直播班每週是有兩場直播的,上述提到的是週五例行的直播,另一場則是週三的 Tailwind 主題,雖然大部分心思都投入在 Bootstrap 上面,但是每週還是有聽課並把作業都做過一次,整體感覺其實是很不錯的。

小組討論

這次被分配到的組別還不錯,每週的小組討論出席率都很高,只是大多數的組員平時都比較忙,也有組員加班到很晚還趕回來餐與討論,辛苦各位了,無法出席的人也會透過線下時間把作業補齊,也要特別感謝組長主持以及做資料彙整,不得不說組長真的很認真好學,小組伺服器的發問次數也是最多的,自己也從不少問題中學到各種額外的知識,賺爛了。

每日任務

不得不說每日任務真的是很棒的學習資源,每天會釋出一道小題目給學員練習,有時候作業卡關也能從這邊找到線索,也可以學到很多平常不知道的知識,算是一個小寶庫;不過後半段的部分因為都在趕主線任務的進度,幾乎都是用補交的就是了。

主線任務

作業方面主線任務難度是最高的,前兩週比較像是在試水溫,但是從第三週開始版型就是一個完整的電商網站了,印象中在做第三週時,平均一頁包含 RWD 就花了幾乎一天的時間,切完所有頁面後開始地毯式搜索看有甚麼地方沒處理仔細或是可以再調整,也嘗試透過簡單的 JS 加入了一些小功能和效果,結果自己很滿意。

第四週設計稿和第三週是同一份,差別在於第四週需要透過 Gulp 來做,講白一點這已經不是切版的範疇了,但是提早面對終端機指令、版本相容性或是編譯等問題對未來學習上無疑是好事,不過 Gulp 要怎麼寫任務就要靠自己學了,可惡!好想學會自己寫 Gulp 啊!!

第五週是後台版型,也開始嘗試使用以前一直不敢面對的 Bootstrap,然而這週的作業是一邊看官方文件一邊做的,大部分的時間都花在看文件而不是切版,為了讓自己能早一點習慣使用 Bootstrap,有好幾天晚上睡前用手機都不是在看社群,而是在看官方文件…。

校長在第一次直播時,有大概用折線圖描述一下每週的作業難度,印象中第六週的難度是僅次於第八週的,而且第六週開始被要求使用 CSS 框架來做,還好前一段時間花了不少時間研究 Bootstrap,現在通用類別與元件在使用上已經熟練了非常多,頓時覺得自己以前只是懶的去看密密麻麻的文件而已。除此之外,第六週設計稿部分區塊還需要引入 JS 套件,從 Discord 作業討論頻道也可以看到不少學員受到 Swiper 無情肆虐。自己也花費將近一週的時間才做完,就順便整合第七週一起繳交了,然而心想終於可以休息一下,結果第八週設計稿就提前釋出,害我差點就忘記自己還在通往地獄的列車上。

第八週的設計稿很特別,充斥著各式各樣酷炫的排版。在這過程中也做了很多以往沒做過的嘗試,首先是開始自己設計元件,先前看到其他同學不用 Pages 資料夾就能做出所有頁面,自己早就想嘗試看看了,意外的是然辦到了!果然有些事如果不做永遠不知道結果;另外也學會了客製化通用類別的方法,不得不說使用起來很方便可惜相見恨晚。不過最麻煩的部分還是 JS 套件,這部分花了很多時間不斷嘗試和理解才做出來,從拿到設計稿到切完所有頁面大概用了一個多禮拜的時間,真的好累啊…。

結語

本來以為自己會倒在第八週,但意外的挺過來了,不得不說即便是全職學習還是覺得時間很緊迫,真心佩服那些平時有工作還來進修的同學。總結來說,這次直播班真的扎扎實實的學到很多知識,同時也深刻體會到學習是沒有捷徑的,追求卓越的唯一方法只有不斷的練習,最後非常感謝六角學院提供這麼棒的學習資源和環境,兩位講師和每位助教都辛苦了,小心肝啊!!

(長嘆,肝了無數個夜晚終於可以休息一下了,啊~原來我報名了 JS 直播班,差點忘記我搭的是不停靠的直達列車了。


網頁切版直播班心得
http://kurifu.tw/2022-09-10-hexschool-web-feedback/
作者
Cliff Chu
發布於
2022年9月10日
許可協議