新程序員最愛的免費資源

簡評：國外美女程序員推薦了她本身用過的一些免費資源，對新手比較友好的那種。

原做者 Ali Spittel，是個美女程序員，如下這些資源都是她本身試過的。如下「我」表明 Ali Spittel。

學 HTML 和 CSS

• 一個學習 CSS 選擇器的遊戲：CSS Diner
• 一個學習 CSS Flexbox 的遊戲：Flexbox Froggy
• 一個學習 CSS 網格的遊戲：CSS Grid Garden
• 我從零開始學 CSS 的視頻：Learning CSS Through Creating Art
• Jen Simmons 的一個很棒的 CSS 網格系列視頻：Layout Land

學 JS：

• 介紹 JavaScript 的視頻系列：Khan Academy Computer Programming
• 一個特別棒的，詳細介紹 JS 的視頻：A re-introduction to JavaScript
• 30 天 JS 挑戰：JS 30

學其餘編程語言和概念：

• 這個網站啥都有，從 HTML CSS、JS 到框架以及其餘的各類語言，它使用 REPL 的教學方式，這是學習編程最好的起點：Code Academy
• 學習一個 Web 框架，從命令行到 Python、Django，一天內完成：Django Girls（這個網站對我職業生涯很是關鍵）
• 直接在瀏覽器中嘗試 Ruby 代碼：Try Ruby
• 直接在瀏覽器中學習 Git 和 GitHub：Try Git

學計算機科學：

• 計算機科學基礎知識：BaseCS
• 我寫的一些面試備忘錄：Coding Cheat Sheets
• MIT 的計算機課程：MIT on YouTube

代碼挑戰

• 有不少難題的挑戰大賽：CodeWars
• 更具一致性的代碼挑戰網站：HackerRank
• 數學編程問題：Project Euler

各類有趣的新手庫

• JS 構建藝術：P5 JS
• JS 構建自定義地圖：Leaflet
• JS 構建遊戲：Phaser
• HTML 構建 VR 應用：A-Frame

社區

• 在 dev.to 經過 #explainlikeimfive、＃help和 #meta 來提問
• 參與 Twitter 聊天，收聽一些有用的 podcast 閱讀好博客文章，好比 CodeNewbies。
• 有技術問題也能夠在 Stack Overflow參與討論。

最後重申，這些是我本身使用過的資源，因此我很負責的能夠告訴你，這些挺有用的。

原文：My Favorite Free Resources for New Programmers