[心得] 獻給想學前端但沒有錢可以買課程的人

[leelena (lena)]

各位版友好，距離上次發文已經過了好幾年，期間仍會收到一些想轉職版友的私訊
在私訊裡或者版上常看到想轉職但沒有額外的金費可以去參加資策會或者買課程
我本身不是讀相關科系，在學習程式設計上也沒花什麼錢（買鍵盤滑鼠比較花錢ＸＤ）

以我自身的經驗建議初學者可以以影片加上官方文檔一起學習
把影片的速度調慢一步一步照著影片的操作做
邊做邊記下來和思考背後的邏輯

教學影片選擇上youtube比較多英文的影片，逼哩逼哩上比較多中文
如果不介意簡體的話建議可以從逼哩逼哩找口音可以聽得懂的

以下我會針對不同的技能樹羅列一些免費的資源
單純學術分享，如果鏈結有不妥再告知刪除


開發工具
1.VSCode:免錢首推


CSS
必須掌握:
1.盒模型
2.position
3.flex布局

推薦資源
youtube金魚大


JavaScript
必須掌握:
1.迴圈
2.if判斷
3.物件與陣列的觀念與使用
學會更棒:
1.ES6語法

推薦資源
逼哩逼哩 https://tinyl.io/5yVG


VUE
新手建議學習VUE，但還是要看入職公司使用哪種框架
建議先學習VUE2.X

推薦資源
逼哩逼哩 https://tinyl.io/5yVD


React
推薦資源
逼哩逼哩 https://tinyl.io/5yVF


Git
必須掌握
1.git add .
2.git commit -m ""
3.git push
4.git pull
5.git clone

學會更好
1.Git flow 開發流程 https://tinyl.io/5yVI

推薦資源
https://tinyl.io/5yVJ


求職面試
建議可以選定一個框架以購物車或者to do list作為上述知識點練習的目標
並將作品放到git上
履歷上可以搭配圖片羅列所使用的技術有哪些
履歷的樣式可以參考cakeresume上面軟體開發求職者的履歷樣式
可以參考但不能抄襲喔


最後想說點語重心長的話
如果你能看到這裡表示你一定是個有心想學習程式設計的人
根據我上面提到的資訊你一定可以舉一反三找到其他有用的資源
程式設計這個領域更新的很快，框架每幾年都會更新一版
如果能自己鞭策自己把這些知識都掌握住
你不管到哪個行業都肯定能做得很好
事能不能成主要還是看自己的決心
加油！

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 125.230.215.99 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1648542505.A.C18.html
推 keepxha: 推
推 ken888686: 好心人整理 推爆
→ OrzOGC: 都自學超過列表了,不過年紀太大,沒人要...QQ
推 tyler930030: react18了，學不完~
推 cloki: 推好心整理
推 jobintan: React還好，除了hooks之外，基本上沒有啥重大變化。
推 fairbankslin: 推
推 robertchun: 推
推 jobintan: 如果會英語的話免費學習資源更多像是W3school之類的。
推 Mudi: 推
推 ilovetaniji: 感謝分享，很棒！
→ laputaflutin: mdn + modern JavaScript tutorial 比一堆不知道哪
→ laputaflutin: 來的教學好多了
推 laifuya: 推推
推 iLeyaSin365: React 跟Vue那個老師的課我聽過 優質教學！原來他叫
→ iLeyaSin365: 那個名字
→ iLeyaSin365: 還有黑馬pink老師也不錯
→ iLeyaSin365: Javascript css html他都有教
→ iLeyaSin365: https://bit.ly/3QGxL8a
推 w28103566: Wilson Ren 370元便宜，講很好，聲音音質也高
推 mirror0227: 個人推薦胡立大大的吃到飽課程, 一個月390可以看完
推 theworld70: 金魚大的系列超佛～一生推
推 s193704839: 看到這篇我也推薦一下， youtube找蔡承洋，也適合新
→ s193704839: 手觀看，看完觀念會很清楚哦
推 sunnydragon7: 推
推 belief0816: Vue 不好玩