2020 年如何开始 Web 开发

大家好！希望大家一切顺利。这是我在 dev.to 上的第一篇文章。这篇文章的灵感来自一条推文，我真的很想帮助Gourav，并与大家分享我的经验。

1. 可以先从一些入门课程开始，比如Codecademy.com 上的这门课程，或者Simon Allardice 在 Lynda (LinkedIn Learning) 上开设的这门课程。选择哪种编程语言作为你的第一门编程语言并不重要，反正你在你的开发旅程中都需要学习很多东西。通常人们会建议使用 Python 或 JavaScript。我推荐 JavaScript，因为它非常容易学习，而且有一个非常棒、乐于助人的社区。

2. 如果您喜欢第一步的初步体验，现在可以进入第二步了。在这里，您必须先学习 HTML 和 CSS，因为它们对当今的每个开发人员都至关重要。我发现YouTube 上的The Net Ninja 频道非常有用，它提供了免费的分步入门课程。以下是我推荐的他的播放列表，供您参考：

   1. HTML 初学者教程
   2. HTML 和 CSS 速成教程
   3. 初学者 CSS 教程
   4. CSS 定位教程
   5. CSS Flexbox 教程
   6. CSS 网格教程
   7. 响应式网页设计教程
   8. 响应式网页设计教程
   9. 移动优先响应式构建（使用 CSS 网格）

3. 现在，你已经准备好复习所有内容，并运用你的 HTML 和 CSS 知识构建简单的网站了。我推荐使用freeCodeCamp.org进行学习。你也可以查看他们为新开发者提供的学习路径，并按照路径学习！在这个阶段，你已经准备好完成他们的“响应式网页设计认证”，并完成他们的家庭作业项目来检验你的知识。

4. 然后，我建议你学习如何使用 Git 和 GitHub 进行版本控制。在此过程中，你可能会熟悉 Git Bash 并学习一些 Bash 命令。你可以观看 Git 上的这些播放列表，这样就没问题了：

   1. Git 和 GitHub 初学者教程
   2. Git 和 GitHub - 管理你的代码
   3. Git 和 GitHub

5. 现在是时候开始学习你的第一个编程语言——JavaScript 了！最好在这个阶段选择一个 IDE。我建议你选择行业标准的Visual Studio Code。如果你需要帮助学习如何使用这个 IDE，可以看看Codevolution 的这个播放列表。之后，你就可以开始学习 JavaScript 了。市面上有很多很棒的 JavaScript 学习播放列表。我推荐这些：

   1. 现代 JavaScript 教程
   2. JavaScript 初学者教程
   3. JavaScript ES6 教程
   4. JavaScript DOM 教程
   5. Beau 教授 JavaScript

6. 此后，您就可以在freeCodeCamp.org上通过“JavaScript 算法和数据结构认证”再次测试您的知识，并为您的作品集做更多的项目。

7. 你现在应该对编程有了很好的判断力，并且能够使用 Google 和 StackOverflow 来解决问题。如果你需要更深入的编程入门知识，我绝对推荐你去学习哈佛大学的 CS50：计算机科学入门免费在线课程或Base.CS 播客。

8. 现在你应该决定接下来的学习之路。我选择了学习 React 和 React Native 作为前端。你可以在 YouTube 上观看Traversy Media 的这个视频，了解在 JavaScript 世界中有哪些学习路径可供选择。

9. 无论您选择哪条道路，以下是一些可能对您有所帮助的有用资源：

• Academind 的 YouTube 频道
• Dev Ed 的 YouTube 频道
• freeCodeCamp.org 的 YouTube 频道
• 使用 Mosh 的 YouTube 频道进行编程
• 网络忍者的 YouTube 频道
• Traversy Media 的 YouTube 频道
• Web Dev Simplified 的 YouTube 频道
• CodeCademy 的在线课程
• freeCodeCamp.org 的在线课程
• SoloLearn的在线课程
• W3School 的在线课程
• CodeNewbie 播客
• Base.CS播客

希望以上内容对您有所帮助。如果您喜欢这篇文章，请点赞、分享，并在下方评论您的学习路径和您喜欢的资源。