新程序员最爱的免费资源

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

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