重新回歸學習程式 - part 1 20230308


Posted by mijouhsieh on 2023-03-08

在轉職學習程式過程中有半年多的時間,因為家事所以暫停,被迫面對生離死別的關卡,連哭幾個月眼睛還沒瞎掉也是萬幸。人生是各種體驗。
在沒有線上課程進度壓力的期間(彈性的時間是多了點,但仍處於轉職壓力下),重新複習課程,發現寫程式時能讓我保持冷靜且少點胡思亂想,也對之前所學的難免有點熟悉又陌生,尤其是git的操作,因此現在每天有一點程式進度就使用git做版本控制,習慣此工具。

學習上的困擾:

以前一開始學程式時,有個嚴重困擾是學習A忘記B,尤其JavaScript和切版,會難以同時熟悉,另外還有JS原理和網路原理。

練習實作,助於內化

想法是,在youtube上有一些建議的作品集種類,還有一天一作品集、簡單小功能的教學。先跟著實作有興趣的作品,以有學過的語法優先。

  • 為什麼不重新複習線上課程就好?
    • 在不同平台可以看到同種結果,有不同方法,是以前在線上課程中,助教要我們多觀摩的用意,因為在初學我只想到一種方法,甚至想不出解法。
    • 若只重新複習線上課程,會因為因看過而容易大意,容易錯同個地方,所以我選擇一邊複習線上課程為主一邊以youtube上的教學為輔,讓同個語法印象更深刻,甚至對線上課程的內容印象更深刻。
      學習流程:
    1. 跟著實作的程式碼都會先看一段,才手寫在紙本上,並註明作者的想法,有的沒有口述說明,所以先標記程式碼再找相關資料。
    2. 紙本上,程式碼旁邊我會寫flowchart步驟,因為一開始學JS對flowchart很不習慣且常漏掉某些該考慮的狀況。在整個作品集後面我會畫出完整flowchart,讓自己更了解這份作品(功能)的邏輯,還有這個(功能)情境,可以用哪些語法,甚至比較相似的語法,再筆記查資料看他們的差異性。
    3. 實作,即使是跟著做也會有出錯的地方,而且看似程式碼都依樣,可能是語法打錯,或是某個步驟講很快漏掉了,都是很有可能再次出錯的地方,提醒自己要注意的細節。
    4. 過幾天後,看紙本跟自己說明 是什麼功能,HTML的結構為何,JS的邏輯,CSS的呈現
試試看

透過 youtube或instagram 上一些小功能或效果,除了可以複習語法也可以學習新的語法。
加深印象:

  1. 使用語法的情境可能有哪些
  2. 作者的程式邏輯(比較同一個作品 像是tic tac toe)
  3. 同個作品 一開始用plain JavaScript,換框架 REACT試試看
Sideproject

想解決什麼問題?

  • 像是instagram 加入"我的珍藏" 把貼文加入資料夾後,之後要再加入資料夾,只能左右滑動尋找資料夾,無法用搜尋名稱的功能來查找。

  • 復刻有興趣的網站、電商頁面

  • 有自己的想法、需求,先寫flowchart(會依過程而修改),每次有進度就推到GitHub上(勇於面對恐懼),並寫一篇文章記錄什麼情境可以用什麼語法,遇到bug如何除錯,相似的程式碼做觀摩(優缺點),README介紹,先求有再求好,沒有一次到位,每一次優化都是一點成長和進步。

#一些想法







Related Posts

[Week 2] JavaScript - 函式 function

[Week 2] JavaScript - 函式 function

CMD 常用指令

CMD 常用指令

Day 122

Day 122


Comments