#分享 適合前端新手的免費資源

秉持著好東西跟好朋友分享以及身為客家人的客家人精神, 所以這些資源必須是免費的! (當然更進階的課程還是需要付費解鎖) 非常適合給想轉職或想學習網頁的新手試試水溫! 有些課程雖然是英文的, 除了專有名詞要慢慢去適應,其他的英文詞彙都不難, 搭配影片的操作跟程式碼也大概能知道在幹嘛, 所以非常鼓勵英文程度沒有很好的朋友們嘗試看看! 🔸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~今天就分享到這裡 學習不能只是看影片,還必須要動腦想、動手寫,下次再跟大家分享適合新手做的挑戰和練習資源。 也歡迎大家跟我分享覺得很棒的學習資源喔!
愛心
92
留言 14
文章資訊