想开启您的网站开发之旅？从这里开始。
四年前我开始学习编程。一开始，我就知道自己想开发网站和应用程序。我当时的想法是，先学习必要的知识，做出一些酷炫的作品，然后找一份入门级的开发人员工作。但我没想到的是，可供选择的工具竟然如此之多，而且几乎没有任何指导告诉我该从何入手。选择代码编辑器、使用命令行、版本控制，更不用说还要学习各种技术术语，这些都让我的学习之路异常艰难。
我无法告诉你，有多少个夜晚我都在原地打转，学习一些从未用过的东西。我希望当初有人能告诉我这些，以及一些能帮助你入门的实用资源。
从哪里开始
有很多语言和工具可以用来构建网页。它们各有优势，而且都由众多才华横溢的人维护。虽然这有利于推动网络发展，但对于初学者来说，这可能会让人感到困惑和不知所措。
专门学习HTML、CSS和Javascript。
如果你精通 HTML、CSS 和 Javascript，你就能在网络上创建任何东西。
核心十
争取每周进行十小时的实际编码练习。这意味着要在编辑器里编写代码、创建div元素以及编写方法。播客、教程和阅读博客不计入这十小时之内。不要超过这个时间，也绝对不要少于这个时间。理解概念需要一定的时间，所以保持稳定的学习节奏才能更快地提升你的技能。
可用工具
接下来，下载 VS Code 作为代码编辑器。之后，你需要一个终端来运行命令和执行其他操作，所以请下载 iTerm2。最后，你需要一个浏览器来测试你的网站，所以请下载最新版本的 Google Chrome。
融入社区
追赶的唯一方法就是立即行动。请按以下步骤操作：
- 每天阅读FreeCodeCamp和Hackernoon 。
- 每周收听Syntax和Shop Talk Show播客。
- 打开 Twitter，关注一些开发者。这里列出几个供你参考：我（顺便推荐一下）、Dan Abramov、Kyle Mathews、Christian Nwamba、Wes Bos、Jason Miller 🦊 ⚛、Scott Tolinski、Ryan Florence
你现在能理解这些东西吗？可能还不行。关键是要让你尽早接触这些概念，这样以后深入学习起来就更容易了。
HTML 和 CSS
时间：40小时
HTML 为网页提供结构，CSS 则让网页美观。在这个阶段，不要使用像 Bootstrap 这样的样式库。重点在于习惯于仅使用 CSS 创建标记、定位元素和设置样式。以下是我推荐的一些学习资源：
在构建项目时，请重点使用 Chrome 开发者工具。熟悉所有这些功能非常重要，这样您以后才能深入研究它们。
源代码控制
时间：你此后做的每一个项目
千万别跳过这一步！从现在开始，务必使用版本控制系统来跟踪和管理你的代码变更。这样，即使你真的搞砸了，也能回溯到之前的版本；还能与其他开发者协作，并在线分享你的代码。首先，你需要安装 Git，创建一个 GitHub 账号，并初始化一个代码仓库。你可以参考这个课程来入门：
这很可能是你第一次使用命令行进行计算机操作。熟悉命令行非常重要，而 Git 可以帮助你快速上手。当你感觉良好之后，就可以开始使用 SourceTree 了。它能帮助你可视化代码，而且使用起来更加友好。
Javascript
时间：80 小时
现在是时候开始动手实践，深入学习 JavaScript 了。它是 Web 的脚本语言，如今几乎无所不能。你可以用它创建 iOS/Android 应用、后端服务器、Web 应用、桌面应用，甚至进行机器学习。把所有时间都集中在学习这门语言上，而且只专注于这门语言。如果你做些研究，你会看到 PHP、Ruby、Python、Node、Flask、React、Angular、Webpack、Jenkins、WordPress、Rollup、Firebase、Docker、YAML 等等，不胜枚举。所有这些都很棒（也许 PHP 除外），但在你开始学习其他领域之前，你需要专注于精通一门语言。你现在可能不会做太多 Web 相关的事情，但这没关系。入门指南：
整合所有要素
时间：60 小时。
在这个阶段，你需要将目前为止学到的所有知识融会贯通，创造出一些非常酷的东西。我建议你先学习 Wes Bos 的Javascript 30课程，以便熟悉各种类型的项目。
React
时间：100 小时。这是学习现代 Web开发的
关键一步——学习你的第一个库/框架。你在就业市场中看到的对 Web 开发人员的需求大多都要求掌握一些 JavaScript 库或框架。流行的库或框架包括 React、Angular、Vue、Preact 和 jQuery（尽管现在 jQuery 的使用频率有所下降）。你最终可能会学习不止一个库或框架，但我建议先学习 React，因为它会颠覆你之前所学的一切。推荐课程：
CSS时间
时间：20小时
到这个时候，你应该已经积累了一些不错的项目，并且希望在此过程中已经掌握了 CSS。CSS 通常是你最先学习的技能，但也是最难精通的。正如你可能在上面列出的课程中看到的那样，CSS 也提供了许多不同的样式实现方式。例如 CSS、SCSS、LESS、CSS-in-JS、内联样式、PostCSS、作用域 CSS，以及一系列不同的 CSS 组织设计方法。不要被这些吓到。为了快速入门，可以阅读《现代 CSS 入门指南》（Modern CSS Explained For Dinosaurs）。
现在是时候深入了解 Flexbox 了。它将赋予你轻松创建布局的能力。为了更好地学习，可以阅读《Flexbox 工作原理——用生动、色彩丰富的 GIF 图进行讲解》（How Flexbox works — Explained with big, colors, animated gifs）。
更多 Javascript
时长：20 小时。
如果你已经学到这里，是时候放慢速度，回顾一下你所学的内容了。库、编码模式和最佳实践一直在变化，但语言的基础却始终不变。深入学习 JavaScript 是 Web 开发长期成功的关键。购买这门课程，认真学习每一课，确保在继续学习之前理解这些内容。打破玻璃
遵循本指南将帮助您更快地学习，并专注于 Web 开发最重要的方面。如果您对遵循本指南结构的免费视频系列感兴趣，请点赞并订阅！
