2022 學習前端開發

首先，React是首選，
尤其是ZTM的React 2022開發剛更新，裡面這次從防火牆、Reducer、Redux到Thunk應有盡有，還一併加了TypeScript的詳細解說啊啊啊啊啊啊啊!

ZTM - React 2022
https://www.udemy.com/course/complete-react-developer-zero-to-mastery/

因為太震驚，所以貼在第一個，如果說你剛在學前端，想要找到工作，只願意付費買一個課程，這個就是你最好的選擇💖

________________________________________________

自學是一條不歸路，當你開始走，便不會再回頭。
尤其當這個頻道提供你所有語言的免費課程...

React履歷，不做嗎?
https://www.youtube.com/watch?v=bmpI252DmiI

當你成功一個課程又一個課程的功課，作品開始堆疊如山，終於明白一萬小時成專家的真意，盡管沒有實際商業合作經驗，能力容易過時或不中用，所以快去接案或工作吧(??)。

IDE肯定推Vscode，有人不用他嗎???

好吧，有些大神說我就是Geek中的Geek，我用Sublime超強，顯示本Geek與眾不同，氣勢非凡，你贏! 👌

https://www.udemy.com/course/the-complete-web-developer-zero-to-mastery/
我沒騙你啊，Andrei (講師兼ZTM創辦人)真的在課程裡這麼講啊，他堅持當Geek之王啊!
顯示他在工程師中多麼有品味，所以快來買課吧，一起當同學啦!🤣

注意:
開發進化的速度真的太快了，對萌新來說，許多課程過期的太突然，建議尋找有社群的教學頻道的教學頻道或資源。

_____________________________

IDE

1. VSCode(你不用嗎??)
   https://code.visualstudio.com/Download
   常用設定可看我的教學(Windows)
   https://www.youtube.com/watch?v=hdmEMDpgXZ0
   Mac版安裝教學會在近期推出，目前都是英文教學。八月可能會推出中文版本，請拭目以待😎
   
   
2. Sublime 
   https://www.sublimetext.com/
   其實用習慣了，和VSCode沒差太多，但因為vscode太多好用的extensions，我已經回不去了... 想像copilot幫你預判下一步，auto-import當你導路徑，打錯字eslint紅字大大的警告你，prettier在你每一次ctrl+s的儲存動作中幫你整理codes... 🤦‍♀️(我懶)
   
   
3. Atom
   https://atom.io/
   他的介面很美，但我只有在最一開始初學網頁設計(html+css)時有碰過，比起前兩者，我說不出優勢🤷‍♀️但Logo和介面很美(說了兩次)
   
   
4. PyCharm
   https://www.jetbrains.com/pycharm/
   這個只針對Python，但真心大推，尤其剛入門，對IDE碰到都會嚇哭的小萌新(對，當初的我...一個設定可以耗掉24小時去找解答還做不來，最後電腦重灌(誤)

_____________________________

前端開發須了解html、css和javascript語言，其中javascript衍生出相當多好用的強大分枝。

目前我致力學習React、並延伸到React reducer 和 React Redux，最近也開始開發React Native(這是用來開發跨平台手機App)，同時衍生的還有Next.js(超火，Route內建功能超好用)和Sanity.io也相當多youtube大神使用來開發(並業配lol)。

React

1. 被粉絲們瘋狂示愛的羊駝開發 💕
   https://www.youtube.com/c/LamaDev
   
   你在留言區看到的，不是詢問過期的用法或是哪裡卡住了，而是粉絲們對羊駝的示愛和尊(怎麼聽起來哪裡怪怪的)...
   
   教學不僅頻繁更新，解說詳細易懂，前端、後端不僅全交給你，還很實用，這個頻道打十個頻道，付費教學也沒他好，風格又漂亮...
   你也變成鐵粉了嗎💖
   
   
2. 想要看到陽光笑容? Papa React 在此
   https://www.youtube.com/c/SonnySangha
   一樣有課程，假如你喜歡他的教學風格，就別猶豫了!
   react、react-native、next.js、sanity.io等應有盡有!
   
   
3. 履歷增光大神 JavaScript Mastery
   https://www.youtube.com/results?search_query=javascript+mastery
   更新頻繁，想增加履歷就找他

_____________________________

Next.js

devaslife  💕
https://www.youtube.com/watch?v=GznmPACXBlY&t=798s

如果你此生想體驗一次 Code ASMR，
來這裡打開任一個教學影片，你將會進入禪定的境界🧘‍♀️

太美了... 不僅僅有許多具美感的IDE、系統和開發設定，定期更新，是少數讓你在學習過程脫離煩躁不安，進入平靜境界的開發頻道(開發者們似乎很不淡定)。

被粉絲敬愛的男人，為世界帶來平靜和美好的開發者，粉絲也同樣都在留言區不停對其表達深深的愛意💖
_____________________________

Typescript

上LinkedIn找了前端工作，我發現TypeScript早已是無法撇開的趨勢，所以你肯定要懂些，freeCodeCamp的youtube頻道有許多免費資源(30幾個小時的所在都是，我還看過90小時...粉絲們稱這個頻道為毀滅資本主義貪婪的國度，缺點是都英文，但有些應該中文字幕啦🤦‍♀️我推測)

https://www.youtube.com/watch?v=FJDVKeh7RJI

_____________________________

Python

100 Days with Python

https://github.com/prettier/prettier-vscode
每天看一點，補點python養分吧!

_____________________________

React Native

feat超好用的expo-cli，app開發? 一塊蛋糕!
跨平台? 什麼，我以為那是基本。(被flutter拍肩，但被swift和kotlin海踢)
怎麼安裝expo-cli和虛擬手機(windows & android)，mac版教學趕工中...
https://www.youtube.com/watch?v=ocwG-z3hGAo


所以教學要看誰呢?
最近迷上了一邊開發網頁，吃飯做app，跟著這位大大...

NotJustDev
https://www.youtube.com/watch?v=ZPNHWlMk6_E&t=9918s

差點眼鏡跌破了三次，超讚的頻道不是嗎? Shut up and Take my money!!

想重頭到尾做出一款Instagram App找他就對了，他最近幾天才(火熱剛出爐)推出了課程，相較目前頻道上相關資源都過期，我建議小萌新們，想學就趁熱，那點錢就砸在老師頭上吧!

前端後端通通都有，別等了!

_____________________________

Deploy Websites

1. Heroku
   https://www.heroku.com/
   
2. Netlify
   https://www.netlify.com/
   
3. Vercel
   https://vercel.com/
   
4. Hostinger(付費)
   https://www.hostinger.com/
   你會在很多大大的頻道看到他的業配，但前面開發通通都教你了，支持大大們吧🤷‍♀️
   網頁需要正式上線，而非免費的測試(無法選網址名)，他就挺好用的!
   

軟實力延伸!

前端開發區

1. 絕對是...Angular
2. Vue.js
3. Python Django
   

後端開發

什麼? 我以為node.js是基本?

Traversy Media
https://www.youtube.com/watch?v=-0exw-9YJBo
一樣是佛心來的頻道，不只後端，各式各樣網頁開發它都有實用又讓人安心(?)的教學，在Udemy也有課程，Shut up and Take my money!!


雲端開發

別說了，AWS站你的背後。
https://www.youtube.com/watch?v=iRaai1IBlB0&t=135s
freeCodeCamp正看著你。

超火熱的最新趨勢，快去看教學啦，別再滑Matters了(?)