六角學院 JavaScript 直播班 — JS學徒團練打怪篇

2021春季,這篇記錄著進入JS絕望峽谷產生的各種心情起伏 ~

同步發表於部落格 JIANGs Daily LAB

Photo by Fabian Irsara on Unsplash

在職學習前端也一段時間了,真心覺得邊工作邊學習實在是不簡單,也很崇拜轉職成功的學長姐們,也因此參考學長姐的轉職學習過程,我也時常調整自己的學習腳步,發現滿多人都是從零開始學習,讓我因此也建立了一些自信。

自從去年年底切版班結束之後,就很期待JS直播班開課,因為滿喜歡跟大家一起學習團練的感覺,然後再度開啟戰鬥模式,這個直播班的必經之路就是每週五下班回家後立刻上課,還有伴隨著每週主線任務、支線任務、每日任務的作業轟炸,切版班都經歷過了,接下來的JS挑戰應該都不難克服,JS作業量雖然只有切版班的十分之一,但燒腦程度比切版班多十倍,這十倍就是在培養邏輯思考能力還有運算思維,這九堂課的學習有滿滿滿出來學不完的知識點,所以洧杰老師在第一堂課就開始建立大家健康的學習觀念:

不要知識焦慮,不要什麼都想學,只要跟著老師一堂一堂課學習就好!

當初為什麼報名這堂課?

這是2020年底針對自己的前端轉職做的2021年的規劃與期許( 參考了六角學院的 前端開發者地圖 ),有鑒於在去年底經過 切版直播班 洗禮之後,瞬間點開了好幾個技能,每天至少兩到三小時的學習持續三個月(這是在職的情況下),學會一項前端技能,這是絕對辦的到的,也發現到原來自己的自學力與自制力已經進化轉換養成每日學習的好習慣,每天都會固定時間觀看影音課程 ,就算沒啥時間也會看個一兩個小段落,這大概跟切版直播班的每日刻意練習有關吧!也因為前公司在這幾個月發生了遽變,所以現在非常迫切地希望能在2021年度順利轉職(握拳~

總覺得自己在越級打怪,為什麼說是越級打怪呢?

因為雖然已經有上過切版班的一些些基礎,卻又很迫切地想要學更進階,大概就像是還沒站穩就想要跑的感覺,啊現在都上完了JS直播班,必須承認有些事情還沒頓悟呢!?

原來我也正踏入了JS的絕望峽谷呀 ~

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

JavaScript 工程師養成直播班

第一堂:重新認識 JavaScript 之術

第一週其實都是小菜一碟,如果有認真看課前預習釋出的影片,這堂課根本就是輕鬆過關啦,但接下來絕對不可能像第一堂這麼歡樂了,接下來的八堂課肯定是要帶著尿袋上課囉,第一堂課老師就打破我們對於工程師的迷思與想像

  • google 翻譯是必備
  • 請拋棄羞恥心,翻譯要一直開著
  • 變數命名也是需要練習的
  • 好 code 都是從命名開始
  • 連老師都需要 google

而以上這些都是工程師最基本的基本功

第二堂:邏輯判斷之術

很快速地來到第二堂課啦,年後開課之後,時間都過的異常的快,尤其第二週有兩堂課啊,課前預習的課程都還沒上完QQ,好險洧杰老師說這週星期五課程的強度沒有這週星期三來的強,讓我感到有點放心,再加上老師講話很幽默,像是本週的經典名句「JavaScript 就像北爛的貓」「通常客戶給的資訊都不齊全,要學會通靈」「經典鄉野傳說:老闆只給 logo 就要生一個網站」,嗯嗯嗯嗯嗯(點頭如搗蒜),最後一句我感同身受,有些 boss 真的就是這樣的生物阿!

這週開始作業變得有點燒腦,很多邏輯運算跟流程圖要畫,再加上自己的邏輯很差,年前趕緊買了一本老師推薦的 運算思維 來讀讀,但目前還沒看完,期待看完可以進步神速!

這週猜拳的流程圖目前還是先參考同組同學的畫的,承認自己的不足是必要的,虛心跟強者學習也是絕對的,相信上完JS直播課我們都可以成為別人口中的「 強者我同學 」

第三堂:物件跟陣列資料處理之術

第三堂課開始有點難度了,這次學會了物件跟陣列資料處理的方法、JSON撈取需要的資訊、還有各大政府機關的opendata,之後作業串接可能會用到,但還有很多細節沒有搞懂,像是新增、刪除、取值之類的,還必須要熟練才行!講到物件,就想起之前在台大上過進階班,老師也提到凡是複雜的資料都是物件,可見之前上的課還是很有用處的,雖然當時真的都聽不懂,但現在想起來真的有打下一點點基礎,想當初上課,因為完全不懂JS邏輯,打code也超級無敵慢的,一下忘記加分號一下忘記加逗號,然後一直跑錯誤訊息,學習效果超級差,所以目前打算四月要再去上一次台大資訊進階班實體課,把之前不懂得趕緊一起補齊,去年也是這樣上了基礎班然後搭配切版直播班,我覺得效果滿好的,希望這次這種學習模式可以讓我進步神速!要找到自己的學習方法真的很重要!

input 輸入知識 >> 但作業量不夠大 >> 輸出就會不夠 >> 所以要刻意練習

第四堂:函式設計之術

第四週任務的 Kata 練習真的難到爆掉(我是超基礎的JS初學者),第四週主線第一階段的影片看到第三階段的影片,大概看了有30次,但是還是很不理解其中的邏輯,所以就先到小組去發問,也感謝本組組員書豪大神跟Cooley大神的幫助,給了一些線索,讓我解題較有方向!雖然老師說照著影片打10遍code就會了,但是打10遍的前提之下是要懂得其中的邏輯才有用啊,本著必死決心,先練習打了5遍,真的覺得我的邏輯不行,必須找到解題方法,看了書豪大神在 slack 上面分享的筆記好像看出了點端倪,但是還是有些不理解,大概是資質不夠 (淚奔~~~ 03/11 早上開始鼓起勇氣,挑戰三階段打完,第一次打完大概花了40分鐘,其中過程還偷看了解答,不小心又卡在取值的地方,真心覺得取值好難吶,中午吃飽飯過後再挑戰第二次,這次比較順暢一點,第一第二階段很快速地打完,又是卡在第三階段了,一樣是老問題,取值好煩啦,不過這次花了28分鐘,有稍微變快,當然過程還是有偷看一下解答,但看的次數比第一次少了,也開始有比較有邏輯的思考步驟!

BMI Kata 練習10遍紀錄

老師也提到,第四週一定要把前三週的觀念融會貫通,不然第五週之後就會很快脫隊登出,聽到老師這樣說了,開始有種緊張感,畢竟都付了一筆學費,一定要在這裡帶點東西走!

總之,加油吧,六角學員們 %%%%%%%%%%

除了輸入技術知識,更要大量輸出練習,讓所學真正地吸收成為自己的技能。

第五堂:期中試煉

正式進入第五堂啦,Kata作業真的太燒腦了,花了很多天才把邏輯程序搞清楚,也參考了組員還有其他同學的code,真的覺得需要進步的地方還有很多很多很多,老師總是說跟昨天的自己比較就好了,但我還是很care自己的沒什麼進步,這週只練習了CSS 現成模版套用,練習套票列表用 JS 的 innerHTML 套用,並運用 data 變數資訊,這部份真的還算簡單,Lv1只需要把文字組合,然後印出資訊就好,就可以交作業了,但接下來Lv3就有點困難了,打算看助教的教學在來實做一遍,這週開始明顯有開始變困難,邏輯也開始變得比較亂,真的很需要另一顆腦袋來記住這些東西~\

第六週:AJAX 操控伺服器之術

接下來六七堂開始學習串接第三方服務的東西囉,這部份真的很有趣,就是別人幫妳寫好套件,妳直接套入公式,就可以使用了,但也是必須先學會遊戲規則,但當然不是所有的API都可以接,這時候可用 test-cors 去查詢,200就是成功可以使用,沒回傳任何值的大概就是不能使用,當然老師也是有提到有別的方法去接不能串的部分,axios 的 get 語法可以用來取得遠端伺服器的資料,在以下 user 的部分填入 API 網址,如果連接成功,可以用 then() 處理傳回來的值,以下程式碼將回傳結果儲存於 responce ( 如下圖 )

第七堂:第三方 JS 套件整合之術

第七堂開始學習C3.js囉,其實我最期待這堂課,可能是因為本身是平面視覺設計吧,很喜歡看到圖表呈現的感覺,相較於冷冰冰的文字敘述,圖表呈現更讓人一目了然更吸睛,C3.js 根基於 D3.js 的圖表套件,沒有太多複雜的設定,那為什麼不學D3而學C3呢?當然是要選擇效率高的方式去完成任務,第三方套件也只是個輔助功能,加速開發的作用,讓編譯速度更快,所以選擇套件也要去想想開發時程,不管是什麼產業,效率跟專案時程真的都很重要,不能忽視,就像做設計一樣,過程都是蒐集資料 → 整理資料 → 呈現可用資料

第八週:API 開發流程 + 第九週:期末專案試煉

最後第八堂跟第九堂都是老師在講解最後一週的任務,老實說如果沒有老師的講解,對於JS超新手真的不知道要從何下手才好,老師為了讓同學們能更加瞭解任務作業解題流程,最後兩周老師瘋狂加碼課程,甚至還LIVE DEMO一整天,真的是佛心來著,也很多同學特地請假看老師大神的解題邏輯寫CODE,最後我還是要承認自己對於JS還很陌生,最終作業還是必須仰賴老師的範例code,但至少自己努力過了,開始看得懂JS程式邏輯跟語法!

每週的作業是為了提升自己的能力以及訓練手感,再加上加碼獎品的誘因,大家也都卯起來寫作業啦 ~ CP 值真的超級高,不認真寫作業真的對不起自己!

最大的收獲是?

  1. 撰寫程式時的小步測試與任務拆解
  2. 最重要的是刻意練習的必要性
  3. 終於了解 API 是什麼東西了
  4. 真的很適合無經驗JS程式新手,在這裡可以扎穩基礎
  5. 每日任務的 JS 題目,每天都只要半小時到一小時去理解觀念

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

  1. 每週的主線任務、支線任務、小組任務、每日任務(最喜歡這個每日任務,好希望課程結束之後每天都還有)
  2. slack的24小時助教服務,這個真的好蚌蚌(虐)呀~(謝謝助教,助教辛苦喏)
  3. 有上不完的課前課後影片,課前預習跟課後複習,老師真的一直加碼
  4. 作業可以參考三百多位同學的解答攻略,這對於新手真是一大福音
  5. 週間白天還有助教的直播,可以複習一些觀念
每週助教直播

6. 老師導入 CODE KATA 大家一起大團練

BMI KATA 團練

如果時光能倒流,會希望自己再次注意哪些細節?

這次的JS直播班跟切版直播班時不太一樣,JS比較著重在理解觀念還有邏輯思考,每堂直播上課時的輸入與每週主線任務的輸出,最好的方式就是當週上完課,當週寫作業提交,這樣也比較能夠知道自己的癥結點在哪或是卡關的地方,但因為自己常常跟不上,上課後期整個節奏大亂,每週都在跟時間賽跑補看直播錄影還有老師的加碼影片,加碼影片就像長壽劇一樣,永遠追劇追不完啊 ~ 好感謝老師的課前課後的用心錄影,讓我們觀念更清楚 ~

覺得還可以改善的細節

  1. 把握時間,瘋狂提交作業!!! (時間永遠不夠用)
  2. slack 要每天看大家提的問題,並且認真記錄(做筆記)
  3. 多看別人的原始碼做學習(每週任務破關攻略)

每個細節都好值得檢討,尤其是自己懶惰癌發作時…

分享些想入坑的新同學一些勉勵的話

這是一門關於高效學習、成長思維、打團體戰的JS工程師養成直播班,就是從基礎中的基礎教起,因JS屬於較進階程式語言,當然還是會建議有點基本的HTML/CSS程式基礎,在學習上會比較順利,基本上在六角學院直播班學習,有 slack 線上真人老師與助教的服務,寫程式時不卡關,讓學員有安全感,還有轉職路上的陪伴 ~

最後,來個 JS直播班 總結

文章的最後一定要個總結,所以我來總結一下我上完這堂課之後的感覺:

  1. 課程設計很有脈絡,不會輕易脫隊
  2. 老師經驗分享,JS知識點經驗累積
  3. 作業海量練習,加碼獎品加好加滿

直播班就是高效學習的最佳方式,接下來已經報名五月VUE直播班還有七月切版班二刷,開始期待未來半年後的自己!

後記

想學寫程式語言想了很久,大概是2016年開始,當時觀望了很多補習班資源還有線上課程,但因為實體補習班課程真的過於昂貴還有時間安排上的問題,最後終於決定在2016年底買了第一套六角學院的課程,但我竟然放生課程都沒在看欸,直到2020年初才開始看課程,也開始慢慢培養起自己的程式邏輯與撰寫手感,漸漸地覺得自己寫程式好像可以喔,好像真的可以喔,好像轉這條路真的可行喔,因為六角學院的課程設計的不會太難,讓初學者在一開始就可以建立一定程度的自信,這可能也是我一直學習下去的主因吧,所以就這麼一直追六角的課程追到現在了,接下來還會繼續追下去,準備開始上五月的 Vue 作品實戰班 lalala~

不用很厲害才開始,要先開始才會很厲害!

即將繼續挑戰 Vue

朝前端努力的 Graphic Designer|https://viccjiang.github.io

朝前端努力的 Graphic Designer|https://viccjiang.github.io