前端之路-分享六角學院切版直播班

Judy
Sep 28, 2021

--

Hi,大家好
在學了半年多的前端之後,突然發現寫筆記是一件很重要的事,因為我們要記的知識量實在是太多,曾經的我也以為自己過目不忘,後來發現根本不可能(哈哈),寫筆記不只能幫助我們加深印象,更能在需要的時候馬上翻個自己的筆記找到答案,不用在茫茫 google 海中翻找,而決定分享在一個平台是在上完六角的切版班後,發現雖然偶爾會寫筆記,但沒有養成整理筆記的習慣,也為了增加自信心,決定以這個平台為出發點!(其實是覺得 medium 的介面很簡潔舒服,自己看了就爽)

那今天首發文,先來分享一下這兩個月參加切版直播班的心得吧!

取自 六角學院

其實前兩年我是在國外打工度假,後來因疫情緣故決定回台灣,但因為剛畢業就出國,本身也沒有什麼一技之長,不想浪費時間盲目找工作,所以有一段時間在思考自己的興趣跟未來。

一開始的我是先在職訓局上課的,那時候連 html 跟 css 都不知道,抱著試水溫的心態報名了,而且政府還有補助,當時第一次使用 vscode 的時候,就像發現新大陸一樣,哇賽這東西超酷,也讓我對程式碼產生興趣,我決定投入前端工程師這條路,之後職訓局的課因為教的太廣太淺,爬文許久決定購買六角學院的課程,而在五月的時候得知有切版直播班的課程,思考許久,自己雖對 html&css 熟又不熟的感覺,卡就給他刷下去了啦!

取自 六角學院
取自 六角學院

先來說說我覺得一個很棒的點,這個課程是從 7/2 才開始的,但是六角在六月就給學員基礎課程,還有練習的作業,讓一些從 0 開始的人也可以來上課,也讓我們這些基礎不穩的人再一次複習!!超佛啊!!

再來說說我自己,我在上課前是可以切出簡單的頁面,但語法一團亂,沒有概念的寫,js 也只會一點點基礎那種。

而我的演變過程…..

第一週:蛤對盒模型概念不熟,寫出來的版面跟設計稿好像有點差別..

六角告訴你,我們教你高度是如何堆疊出來的,padding 跟 margin 差別在哪,順便教你練習 kata ,學會用 emmet 讓開發更加迅速!

第一週小試身手

第二週:flex 我之前學過呀,阿怎麼寫起來這麼卡 QQ

六角告訴你,別擔心,這週我們深入教你 flex 怎麼排版,還給你小遊戲玩,讓你學習不無聊,再給你個人網頁設計稿練習

我的第二週作業啦

第三週:CSS 權重好像分不太清楚欸,手刻的 RWD 之前寫過,但已經忘光了呢…

六角告訴你,如何算出 CSS 權重分數,如何規劃斷點設計,再給你個多頁網站設計稿,好好加油啊(拍肩

結果這週光首頁的 RWD 就搞超久,原來自己對響應式的轉換過程很不熟

第三週首頁

第四週:蛤 gulp 係瞎咪? ejs ???? 我是聽過 git 啦但我不會用..薩斯有聽過,可是都不知道是什麼怎麼辦!!!

六角告訴你,別怕!我們會一步步教你安裝,gulp 跟 git 都會讓你上手的,不只上課有錄影檔,我們上週就發布 gulp 使用的影片讓你預習啦~真的再不會,安裝上有問題,校長跟助教們隨時都在線上等你詢問!而且這週設計稿跟上週一樣喔,給你休息一下顆顆。再來教你 SCSS寫法,讓你 code 寫起來更輕鬆!

第五週:這週要學 BootStrap 了!雖然有學過一點但我還是不太會..蛤原來 SCSS 還有分結構,看來我要學的還很多!

六角告訴你,放心,老師都會告訴你怎麼做的,這週我們嘗試用 bs5 來開發後台表單設計,教你如何規劃使用者體驗及用點簡單的 jQuery 來做設計,讓你熟悉這些再來迎接下一週的挑戰!

第五週作業喔

第六週:阿慘了慘了,我 BootStrap 還沒完全搞懂呢,這週又要學響應式網頁了,來不及了!!

六角告訴你,不要擔心,跟著自己的節奏吧!不要跟別人比較,跟自己比較就好,你只要比昨天的你更進步就好了,這週我們教你 BootStrap 5 的格線系統跟通用類別的搭配。

這邊必須要說一下,因為前面資訊量太大,菜鳥我花了很多時間在研究,所以第六週作業我並沒有實作,而是直接挑戰第八週了。

第七週:總算能休息一點點了,這週要學簡單的 aos 效果。

六角說,這週非常簡單,教你實作 aos 視差滾動效果,只要套用在其中一個作業即可過關,趁現在趕快衝刺吧!

第八週:最後一週了呀!時間過好快,不知不覺中好像學會了很多東西,我準備好來挑戰第八週了!30 頁的設計稿,我給自己的目標是全部都要做出來!!!!!!

六角告訴你,這是最後一週作業了,我們會教你 CSS 模組化概念,讓你的結構再進化,透過容器與元件減少 layout 跟 pages 的 code ,是時候把你所學的展現出來了。

第八週作業!!

必須說,六角在整個過程中,真的讓學的人不感覺孤單,從一開始有小組分組,讓我們可以一起討論作業,沒有小組的人也可以直接在 slack 頻道去發問,基本上大家都非常踴躍去回覆你的問題。
(我也會天天看那些問題,我會的就會回覆他,順便鍛鍊自己!)

而在中間的時候就有每日助教服務,可以在服務時間提出問題,助教能及時替你解答,有段時間我也是直接求助校長,他也會非常耐心的回答我(溫暖在心頭嗚嗚),是不是很親民!!

還有每日任務喔,每天助教會出一個小題目,基本上是當週作業可能會遇到的難題,但是六角把它碎片化,讓你一點一點去學習,做作業的時候你就會發現容易多了,且在每週二助教會開直播,回覆我們一些作業的問題,或是指導我們該如何去做作業,媽呀真的有夠佛心(我沒有業配)

最後,經過兩個月六角學院慈善事業(威)的洗禮,我竟然對 BootStrap 5 上手了,我也會用 gulp 任務管理,再上傳到 gitHub ,甚至對 CSS 模組化有了一定的認識,在我的第八週作業裡,layout 的 CSS 程式碼只有兩行,pages 更是完全沒有程式碼了,SCSS 的寫法也會了,還能簡單地寫出 JavaScript 的切換,要寫出 RWD 的網頁也不在話下,更知道版型管理的重要性,再加個 aos 效果,網頁瞬間高級不少!

沒想到自己能成長這麼多,過程中雖然緊湊,但也認知到自己其實蠻喜歡整個成長的過程,也知道自己還有好多好多要去學習,但我卻很開心,因為我知道我正在成長,生活不盲目。但我必須說,成長是要靠自己的,六角只能提供一個環境給你,你要是擺爛,兩個月後一樣是什麼都不會的,唯有自己認知到努力的重要性,你才能改變自己!

我正在成長中

你呢? 你也正在成長嗎?

--

--