當初為什麼報名這堂課?

一個里程碑的概念,網頁切版直播班到JS直播班最後用Vue直播班最一個收尾!

其實一直有想要學Vue的規劃,但往往剛看完基礎指令就會被其他事情拉走注意力,等到下次回來的時候又忘了那些指令要怎麼運用了(😓,透過直播班每週跟著老師的進度完成一個作品,循序漸進地補充知識點,並且運用在實作上加深印象,慢慢的會發現自己越來越熟練Vue這個框架~

如果後續有資料庫或是後端的課程也會繼續跳進這個坑的(偷偷敲碗😂

第一週~第八週的學習過程

第一週&第二週

這兩個禮拜主要是著重在相關的JS觀念,像是箭頭函式,this,promise…等,慢慢的帶到Vue相關的操作,不得不說六角的課程編排真的很讚很用心~如果前面沒弄清楚的話,會覺得Vue是個很陌生的框架,但有了前面的基礎後,之後幾個禮拜進入Vue的世界後就不會覺得學習成本這麼重了,也比較不會想要放棄😂

第三週&第四週

三四週就進入Vue的世界了,從基礎指令操作到註冊元件,慢慢的發現Vue真的很方便😂,這時候也開始在準備最終作業的構想,了解Vue這個框架後,會發現原本覺得很複雜的地方都變得簡單了起來,之前在看電商網站,有很多我想不出來如何實現的功能,透過這兩個禮拜的練習,慢慢的有抓到一點訣竅了~

第五週&第六週

還記得之前為了表單驗證在那裡想破頭,第五週老師就來解救我們了~~還貼心的附上教學文件~讓表單驗證不再那麼複雜

第六週主要是在使用Vue Cli 以及學習Vue Router,其實以前聽到Router都覺得是一個很複雜的知識點,但經過實作案例後,才發現是自己把它複雜化了😂,其實到了這時候,通過老師的課程及自己的練習,會發現原本很多你覺得很可怕的名詞,其實並沒有你想像的那麼難~只要你肯心思去了解它!

第七週&第八週

最後就是最可怕的最終作業了,Vue直播班真的會退件真的會退件真的會退件(很可怕所以說三次😂

而且得到的回饋可能會是之前兩個直播班的好幾倍~~~

Vue直播班的最終作業等於是從零自己開始,無論是設計或是功能撰寫,都需要自己花心思去設計,建議真的要第三週或第四週就開始準備啊啊啊!

目的就是希望每個學生都能有一個獨一無二的電商作品,老師和助教也都是花了很多心思在審閱我們的Code,真的是辛苦他們了~~~~

最大的收獲是?

在剛開始上課時,其實我也是蠻懷疑自己否真的在課程結束前能完成一個完整的前後台電商網站,但其實每個禮拜投入多一點時間,一步一步慢慢完成,到最後會非常有成就感,也慶幸自己有先上過切版班😂,不然光是要做出版面大概就會做到懷疑人生了

真的沒想過自己能完成一個前台+後台的電商網站,而且因為是自己的作品,所以自由度也非常高~~可以隨心所欲地發揮想像力(?

如果不是參加Vue直播班,按照我拖延症的個性,大概沒有辦法真的那麼投入在一個專案中~

最喜歡直播班的哪些活動?

當然是加碼加碼加碼啦😂,六角的課程得到的遠比你原本所想的多~

還有線上助教的服務真的很佛心QQ,在被程式碼的Bug蒙蔽了雙眼時,真的很需要助教的幫忙,那種隨時有人能幫忙解決問題的感覺真好😂

當然還是會先自己找方式解決問題啦~

真的花了太多時間的時候至少還有一個管道可以找到解答~~~

當初為什麼報名這堂課?

延續網頁切版直播班,繼續學習下去,再加上之前的開發經驗都是直接使用jQuery,其實對於javaScript的核心觀念都沒有仔細去了解過,想著功能有出來應該就可以了吧~但常常會把程式碼繞了一圈又一圈,就想著藉著直播班好好釐清自己的觀念,好好的磨練一下 😂

第一週~第八週的學習過程

第一週&第二週

任務拆解和小步測試真的大大提升了開發效率,透過任務拆解可以知道應該先寫哪部分的程式碼,整個開發流程都有了一定的方向,之前都是想到什麼寫什麼,寫到最後也不知道自己到底寫到哪裡了😂,但透過畫流程圖的過程,可以讓自己先思考應該從哪開始做,而透過小步測試可以及早發現問題,而不會寫到最後報錯了,還要花時間去找自己到底哪裡寫壞了!

第三週&第四週

這兩週開始學著處理資料,學習怎麼撈到自己想要的資料,對於陣列及物件使用及觀念有了更進一步的了解

還有函式的運用,其實在之前工作上的開發我用到函式的次數少之又少😂,很多重複的任務我就會在寫一次,程式碼越寫越長,但透過之前的任務拆解,了解哪些可能是會重複使用的程式碼,把它整理成函式增加複用性,讓Code可以更簡潔易懂

第六週&第七週

學習Ajax撈取遠方資料,以及撈到資料之後要怎麼處理,之前學的陣列及物件就派上用場啦!

也了解到工程師的價值就是在於如何整理出想要的資料格式運用在第三方套件上!

有時候後端提供的資料並不會那麼單純,如何一層一層找到目標資料以及如何取出來整理成想要的格式,就是前端工程師的功課了!

套過前幾週的刻意練習,到這裡也已經對陣列及物件的運用越來越上手了

第八週&第九週

最後就是學習API及最終作業了,以前聽到API都會想著那到底是什麼,透過老師的講解,以後看到求職網上要求要會接API終於可以肯定的說我會了!😂

最終作業是一個小型的購物網站,不得不說六角真的很貼心,提供的API文件真的很清楚,讓我可以先初步的了解購物網站大概是怎麼運作的,為未來的Vue課程先打一個小小的基礎~~

最大的收獲是?

這幾週下來,自己的邏輯觀念真的有加強不少,無論是畫流程圖或是刻意練習BMI KATA ,在函式的運用上也更得心應手,老師更是花了好幾週的時間在講解Ajax與API,這兩樣大概是我開始寫JS之後,好像有點懂但好像又不是那麼懂的兩個坑😂,透過直播班終於瞭解了~~~

還有處理資料的部分我覺得也收穫超多的,以後看到一長串的資料再也不怕了,透過上課學習到的步驟與方式,一步一步的整理,展現前端工程師的價值😂

最喜歡直播班的哪些活動?

不得不說JS直播班真的跟切版班不太一樣,雖然每週作業不需要寫code寫到廢寢忘食,但邏輯卡住的話就真的卡住了,還好有slack上眾多的熱心同學,還有住在slack裡的老師😂,後面幾週更是有每日的線上助教回答同學遇到的問題!!

在六角的學習路上真的不用擔心問題找不到辦法,有很多資源都可以使用~也有很多人可以一起討論,不會覺得太孤單~~

最後的最後

其實透過之前的切版班及JS直播班累積的觀念讓我換了一份條件更好的工作,很多觀念終於不再是似懂非懂,而是真的能解釋出來,在面試上也更有底氣(?😂

透過兩個多月的密集練習,學習的成果一定會反應出來,接下來還要繼續挑戰Vue直播班,繼續往轉為RD的路上努力~~~

當初為什麼報名這堂課?

踏進這個領域也已經兩年多了,因為一直都屬於個人開發,從設計到切板都是屬於我ok就ok的狀態,所以沒有太注重在程式易讀性或是複用性上,往往都是頁面呈現出來了,但背後的程式碼就是那種如果進到團隊開發會被同事釘到牆壁上的糞code 😂,這個時候剛好出現了六角的網頁切版直播班,看看課程內容感覺很實用,再加上是直播的方式上課,能強迫我這個拖延症加上懶癌末期的人上課,也想藉由這個課程,補足我至今可能一直都忽略的細節,就這樣,開啟了我維持八週的旅程

第一週~第八週的學習過程

第一週&第二週

對我而言還算容易,但對於css的命名有了大大的轉變,
想當初我也是那個喜歡命名.lefe、.right、.list123…的那種,方便又快速,所以老師在直播中說這樣的缺點的時候,默默地中了好幾槍😅 不過也藉由這次機會,強迫自己拋棄這種命名思維,雖然後來想名字真的想得很痛苦,但可能1年後回來看自己code的我會感謝現在痛苦的自己

第三週&第四週

這時候開始進入大型網站和RWD,我彷彿到了另外一個世界,開始導入bootsrtrap、gulp、ejs開發,每天都是在思考哪些地方可以用util哪些地方可以拆成元件增加複用性、以及如果減少page、layout的css,以前都覺得bootstrap不就那樣嗎我應該會用了吧? 後來才發現是我太天真了,透過這兩週,讓我重新認識了bootstrap也學會了如何客製成自己想要的樣式,這兩週也練習了如何拋棄css語意命名,專注在util上,一個class就專注在一件事情上,當然這過程也會有陣痛期,當我的code從

<div class=”box”></div>

變成

<div class=”bg-primary text-xl py-2 mb-3"></div>

免不了還是會自我懷疑一下,但後來了解util之後,就會慢慢習慣了😂
甚至會有點上癮(?

第五週

第五週進到後台網站切版,學習要如何與後端工程師溝通,以及之前一直似懂非懂的form、input運用,也練習如何使用bootstrap寫好的component,加快切版速度

第六週&第七週

導入bootstrap的格線系統,在這個時期經過前面幾週的磨練(? 對於util以及component有了一定的了解,所以在切版上有感覺到速度明顯的加快了,這時候就是專注於有沒有哪裡的程式碼可以更簡化以及再次練習元件的拆分,這時候看到自己的css切分,有系統多了😂,看class名稱基本上就能知道在控制甚麼樣式,再加上簡單的動畫效果,讓整個網站的質感都提升了不少

之前對於OOCSS、BEM、SMASS這些名稱都是很模糊的,透過這幾週其實這些觀念都在默默的灌輸給我們,當我回頭看的時候才發現自己早就在運用了,只能說老師真的佈局的很用心!

第八週

這週就是個大魔王,前七週學的全部要在這時候拿出來了,同時也可以檢視自己哪裡觀念還很模糊哪裡還可以加強,同時也把之前學的觀念再複習一次加深印象

最大的收獲是?

這八週下來,回頭看看自己上課前的網頁,再看看自己這八週的CODE,真的明顯感覺自己進步了,之前還有很多模糊的觀念,當別人問我block跟inline的差別時,終於能用白話文解釋一遍了 😂

老師一直強調的刻意練習,無論是英打還是emmet都幫助很大,在util和component上,我也秉持著刻意練習的精神,讓自己能做到不要有layout和page這兩個css資料夾,雖然過程真的很痛苦,有時候真的很想每個page就有一個對應的css,能快速解決很多事,但這樣就失去刻意練習的意義了,所以還是含著眼淚強迫自己寫在util或是component裡😂,不過也因為這樣的練習,讓我對util和component更熟練

通過八週的作業累積,也默默地收集了自己的作品集

最喜歡直播班的哪些活動?

不得不說六角的直播班真的很棒,人數眾多的助教群,隨時在線上回覆問題,還有300多人的slack群組,當你有問題時在上面發問,都會有好多熱心的同學回覆,感覺就是沒有slack解決不了的問題😂,一個人學習可能會怠惰,但當你知道有那麼多人跟你一起努力時,就會覺得自己不努力不行,再加上看著同學一個一個的完成作業,也會燃起自己也要盡快把作業交出去的決心,而且還有老師助教的code review,讓我更清楚知道哪邊語意可以再改善,哪邊寫法可以更好,而且在期間內是沒有次數限制的,提交幾次老師助教就看幾次!!

同學的作業也是公開的,當自己在做作業卡住時,就可以去參考其他人是怎麼做的以及老師助教給了那些建議

還有一些精神糧食,當我的作業得到老師或助教的星星時,我彷彿得到了全世界 👑 👑 👑

當然還有一些額外的bonus,不過這就留給有興趣的人去探索了 🤣

分享給想入坑的新同學

如果你覺得你要先有些底子才能參加,真的不用~~
在開始上課前會有課前影音及作業讓你入門,直播課也是循序漸進的,課堂中有問題發問老師也會即時回覆問題,還有助教群和300多位同學是你的好夥伴

想當初我也是還停留在.left、.right命名方式的人,現在整個都不一樣了🤣

不過必須要有一個心裡準備,接下來的八週會長期與code為伍,為了能吸收當週觀念,真的需要花時間去練習,基本上下班回家就是繼續寫code,為了交出作業真的能廢寢忘食了(誤,偷偷說我連上班都默默地在做作業(對不起老闆😂,但得到的遠比你想像的多!

最後的最後

必須說刻意練習真的真的很重要,刻意的過程或許痛苦,但之後都會變成一種自然,會慢慢變成自己的一種習慣,到那個時候在切版上就會變得越來越順手

當初參加的原因就是覺得自己寫的都是糞code,沒有辦法團隊合作,課程結束後,我認為自己的code稍微有系統了,很多觀念也釐清了,在bootstrap運用上也更得心應手,真的收穫了很多,接下來還要繼續參加JS直播班!

300多人都在努力,我怎麼能不努力

chiayu

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store