# 心得:網頁切版直播班-2021S ### 前言: 今年四月離職,五月加入Vue直播班,上完接著上切版班,後續也參加10開課的JS直播班,這期間也參加了bootstrap 5 新手教學實戰營,Vue3體驗營。 去年在職期間,已經買了六角前端工程師整套,上完html css JQery JS初階,後來發現學習進度有點慢,評估目前狀況: 1. 擔心年紀更大轉職不容易 2. 目前工作能否更往上 3. 目前經濟狀況能讓我學習多久 ### 當初為什麼報名這堂課? 迫切想把東西學好是主因。前面上Vue直播班時,前面幾周作業看其他人連作業版型都弄得很好看,~~心想明明作業主題就是不那個呀,那麼好看要逼死誰~~😳,讓我發現自己切版練習不夠多,這也呼應了切版直播班前幾周上課,洧杰校長所說,持續輸出的重要性,直到繳交Vue 3 直播班最終作業被退件時😭,我就確定了我一定好好基本功練得更扎實一點。 ### 第一週~第八週的學習過程 一、二週: 對於有一些html css 基礎的人,應該算是很簡單,因此我把他歸類到訓練菜單上,之所以把他歸類到訓練菜單上不是因為他很簡單。事實上,這兩份作業是重要的觀念基礎,在後續作業上,可以再看設計稿上,心裡有個底,哪些部分,下什麼css,或是遇到問題能有一個方向。 三、四週: 覺得這兩週獲得很多資源,因為好多學生給老師看他們的sass結構批改,那我從中去學習架構且去爬文了解,sass中語法,ex:@for @map ,試著做出格線系統,成就感提升了許多。 這兩週雖是同一份設計稿,但我交的是兩份全切的,第一次切讓自己了解規劃、元素推擠如何統一、計算推擠空間,坦白說這樣直接硬切很費時,助教評語也很多....,訂正作業時,更意外發現,語意化、註解的重要性,光是找助教所說的問題就有點小崩潰,這份作業花了我8天時間。 第二次切,也就是我第四週,我到了繳交第七週作業完才去交,這次我好好做了sass管理,試著做格線系統、margin....,速度快了許多,助教評語也少了許多。 五、六週: 第五週後台版型,讓我印象深刻是sidebar在bootstrap 5 原來叫做offcanvs,所以這部分我就自己手刻了,我應該要好好去看bootstrap。 第六週,難度高了許多,不過承接上面教訓,我有好好看了bootstrap 5 坐起來算是滿順利的,但也越來越多知識點,需要筆記和熟悉,因此我每日訓練flex 海盜和青蛙加入,position 用法筆記下來,接著看完"金魚都能懂 bootstrap 5 "系列。 七、八週: Vue直播組員有推薦aos動畫套件,所以第七週實做上沒什麼問題。 八週作業,看起來挺簡單的,但實際上坐起來挺難的,設計稿好像一直在考bootstrap的功能,如果bootstrap 不熟真的會卡很久,如果對於css不熟就更難理解bootstrap ~~(廢話)~~,也遇到套用swipers.js套件問題,總結就是很難,過了就可以學到很多。 助教直播&問答區&校長24h營業: 每個禮拜助教都會針對作業,額外補充去直播,每日也都會有助教問答區,做作業沒有助教還真的不會太順利😄,不過最誇張的是校長,基本常駐slack,有問必答,很感謝校長和他的助教團隊。 ### 最大的收獲是? 每日的練習看到一點一滴的改變,喜歡上持續進步的自己,我想就是我最大的收穫。(~~我就是自戀XD~~~) ### 最喜歡直播班的哪些活動? 每日任務&加碼活動。 ### 如果時光能倒流,會希望自己再次注意哪些細節? 希望自己練習的部分,更勤奮一點,看設計稿更仔細一點。 ### 對課程的建議或鼓勵? 覺得助教和校長都很用心,感謝你們營造這麼好的環境。 ### 身為學長姐,分享些想入坑的新同學一些勉勵的話 自己本身是全職學習,想入坑的要三思,沒有決心不要讓廢時間和金錢。 如果你跟我一樣入坑: 1. 所有作業一定要做喔! 2. 做出訓練菜單,每日練習完。 3. 每日都要筆記,盡量不要拖延。 4. 寫下學到什麼。 5. 鼓勵自己,然後運動。 ### 結論: 參加兩個直播營下來,很充實也很累,收穫滿滿,遇到了很多很厲害的同學,過程中也碰到了很多挫折,看不懂得套件,引入跑不出效果,爬文看了不太懂,想問不知從何問起。但這過程中也學會拆解問題,分析問題的輕重緩急,也越來越了解自己,面對問題時的盲點。未來我想把好的習慣持續增加,持續輸出。 :::danger 你不需要一開始就很厲害,但必須開始才有辦法很厲害 :::
×
Sign in
Email
Password
Forgot password
or
By clicking below, you agree to our
terms of service
.
Sign in via Facebook
Sign in via Twitter
Sign in via GitHub
Sign in via Dropbox
Sign in with Wallet
Wallet (
)
Connect another wallet
New to HackMD?
Sign up