我最喜欢的新程序员免费资源

上周，我分享了给新开发者的建议以及如何开始编程。我还想分享我最喜欢的一些免费编程学习资源。这些资源我都亲自使用过，所以我可以保证它们质量上乘，而且对初学者友好！

对于 HTML 和 CSS

• 学习 CSS 选择器的游戏：CSS Diner
• 学习 CSS Flexbox 的游戏：Flexbox Froggy
• 学习 CSS 网格的游戏：CSS 网格花园
• 我制作的从零开始学习 CSS 的视频：通过创作艺术学习 CSS
• Jen Simmons 的精彩 CSS Grid 系列：Layout Land

对于 JavaScript

• 免费代码营
• 介绍 JavaScript 的视频系列：可汗学院计算机编程
• 一篇很棒的、更高级的 JavaScript 介绍文章：JavaScript 的重新介绍
• Wes Bos 的 30 天 JavaScript 挑战及相应视频：JS 30

对于其他编程语言和概念

• 这个网站应有尽有——从 HTML、CSS、JS 到框架和其他编程语言。它有一个独特的 REPL 教程格式：Code Academy——这是我最推荐的入门网站。
• 学习一个 Web 框架 - 从命令行到 Python 和 Django 再到 HTML 和 CSS - 大约只需一天时间：Django Girls - 他们的在线教程让我对 Web 开发有了初步了解 - 这对我的职业生涯至关重要！
• 直接在浏览器中尝试 Ruby 代码：尝试 Ruby
• Github 有一系列教程，可以直接在浏览器中学习 Git 和 GitHub：尝试 Git
• 学习 Python 的完整资源列表

对于计算机科学

• 一系列计算机科学基础图解指南：BaseCS -其中一些文章还有播客和视频版本！
• 我在准备面试时写的一堆备忘单：编码备忘单
• 许多课程（包括计算机科学课程）的视频版本：YouTube 上的 MIT

对于代码挑战

• 大量充满困难的挑战：CodeWars
• 另一个更一致的代码挑战网站：HackerRank
• 数学编码问题：欧拉计划

很棒的初学者图书馆

• 使用 JavaScript 创作艺术：P5 JS
• 使用 JavaScript 构建自定义地图：Leaflet
• 使用 HTML 构建虚拟现实应用程序：A-Frame
• 构建 JavaScript 游戏：Phaser

社区

• 使用 #explainlikeimfive、#help 和 #meta 标签提问dev.to
• 参与 Twitter 聊天，收听精彩的励志播客，阅读有用的博客文章：CodeNewbies - 他们还有一个 Slack 小组！

您的收藏夹

再次强调，这些资源都是我自己用过，或者至少是体验过的，所以我强烈推荐。由于我主要从事 Python 和 JavaScript 开发，所以这些资源也偏向于这方面！在 Twitter 上分享你最喜欢的资源吧！如果你喜欢这篇文章，欢迎订阅我的每周邮件列表，其中包含我本周最喜欢的链接以及我本周的所有作品！