新程序员最爱的免费资源

简评：国外美女程序员推荐了她自己用过的一些免费资源，对新手比较友好的那种。

原作者 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