重新回歸學習程式 - 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

GitHub Actions CI:導入與優化 ESLint 檢查

GitHub Actions CI:導入與優化 ESLint 檢查

1731. The Number of Employees Which Report to Each Employee

1731. The Number of Employees Which Report to Each Employee

Return the summation of the number smaller than n

Return the summation of the number smaller than n


Comments