#分享 適合前端新手的免費資源
秉持著好東西跟好朋友分享以及身為客家人的客家人精神,
所以這些資源必須是免費的!
(當然更進階的課程還是需要付費解鎖)
非常適合給想轉職或想學習網頁的新手試試水溫!
有些課程雖然是英文的,
除了專有名詞要慢慢去適應,其他的英文詞彙都不難,
搭配影片的操作跟程式碼也大概能知道在幹嘛,
所以非常鼓勵英文程度沒有很好的朋友們嘗試看看!
🔸Scrimba 大推👍👍👍
網站內的課程包含HTML、CSS、JS、React等...
我自己是只有看免費的課程,但課程其實就多到看不完了。
非常適合新手去使用的原因是因為課程網頁有內建的編輯器,
不需要去另外去安裝環境,
可以完全把注意力放在學習上面。
內建的編輯最厲害的是他類似於影片播放器,但在影片暫停的時候,可以直接修改上面的code,並且直接執行,省去複製貼上或下載資源檔的麻煩。
很推薦加入他們的DC群!
裡面有來自世界各地的成員,
頻道規劃的很好,很多有關課程、活動、YT coding直播等等的消息都會放在裡面,也可以在裡面發問或分享你的作品!
偶爾會有一些coding challenge的活動,只要完成挑戰就有機會拿到Pro member的資格
我參加過幾次,雖然都沒拿到PRO meber的資格XD(好想要解鎖所有課程阿~)
但這個挑戰規劃的很好,會引導你讓你練習使用到各種JS的方法和DOM的操作。
🔸freeCodeCamp
前端部分有「Legacy Responsive Web Design」、「Responsive Web Design」、「JavaScript Algorithms and Data Structures」這三種類別的課程可以上。
課程會分成很多個章節,一步步帶領你學習,在每個章節都會有一個小挑戰,
必須要完成挑戰才會進入下一個章節。
不需要一次急著完成整個課程,每天給自己設定個小目標,持續學習,持續進步!
另外freeCodeCamp的YT頻道也有各種課程,可以去裡面挖挖寶哦~
🔸 YT頻道: CSS Coke
我剛接觸CSS的時候就是看這個頻道的「金魚系列」學習css屬性跟切版的,
一開始可以先看「HTML網頁入門」先了解一下什麼是HTML,
再去看「金魚都能懂網頁設計入門 」學習一下常用的CSS屬性,了解一下使用時機,
最後再看「金魚都能懂的網頁切版」。
也因為看了這頻道之後很喜歡Amos的教學風格,看到某家職訓講師有Amos,直接手刀報名下去了!!
不過在YT頻道裡面介紹到的css屬性比較分散也比較少,
建議可以到iT邦幫忙裡面搜尋CSScoke,裡面有整理出了css必學的屬性。
🔸 HTMHell
這個網站是收集了各個在真實網站"不當使用html標籤"的內容做為範例,
它會說明錯誤的地方,並且告訴你該使用哪些標籤,解釋標籤的使用方法。
最後也會提供修正後的code做參考。
HTML最重要的就是它的語意。使用適當的標籤,瀏覽器才能知道這個區塊放的是哪些元素。
🔸YT頻道:尚硅谷IT培训学校
這是中文頻道,裡面的課程種類真的相當相當的豐富!!
不單有前端的課程,也有Java、MySQL、Python等等,連UI設計課程也有,
畢竟是人家頻道名稱可是叫做IT培訓學校啊!
我自己只有看過的Vue課程,講師講解的很詳細,
不過對於當時剛接觸Vue的我來說會有點難吸收。
教學方式比較像我們一般在台灣上課的那種感覺。
OK~今天就分享到這裡
學習不能只是看影片,還必須要動腦想、動手寫,下次再跟大家分享適合新手做的挑戰和練習資源。
也歡迎大家跟我分享覺得很棒的學習資源喔!