2020 年 Web 开发人员路线图第三步：学习 Javascript
AWS 安全直播！
本视频是系列视频的一部分。如果您喜欢，请观看上一部分关于学习 HTML 和 CSS 的视频，以及下一部分关于学习终端、Git 和部署的视频。
视频笔记
好消息！你现在有很多很棒的资源可以用来学习JavaScript。如果我是2020年开始学习JavaScript，我会选择以下这些资源。
如果你想学习如何利用远大目标来推动你的新职业生涯，请观看路线图中的第一个视频。之后，你应该学习HTML和CSS，我在之前的路线图视频中已经讲解过。
如果你喜欢通过书籍和书面教程学习，我推荐以下两门课程：
如果你更喜欢视频：
- ⭐初级 JavaScript（作者：Wes Bos）
视频中提到的其他链接（大致按提及顺序排列）：
感谢观看！欢迎在评论区提问或留言。请关注我的频道或订阅我的YouTube频道，以免错过后续内容！
文字稿
嗨，我是德文。您正在观看的是Web开发者路线图的第三步。在这一步中，我们将讨论如何学习JavaScript。
在上一期视频中，我分享了一些学习 HTML 和 CSS 的资源和建议。如果你是刚刚入门，并且是在这期视频发布后才观看的，我想告诉你，我并不期望你在上一期视频发布后就已经掌握了 HTML 和 CSS。所以别担心，继续你现在的进度就好。等你准备好学习 HTML 和 CSS 之后，再回来观看这期视频。一旦你能够自信地编写页面标记和 CSS 选择器，那么或许就可以开始学习 JavaScript 了。
我最喜欢的两个免费资源都是文字类的。一个是《现代 JavaScript 教程》，另一个是书：《Eloquent JavaScript》。在这两者之间，我建议大多数人先从《现代 JavaScript 教程》入手。《Eloquent JavaScript》内容更全面一些，而《现代 JavaScript 教程》则更注重手把手的讲解。
这两个资源都提供了示例代码。《现代 JavaScript 教程》提供了可以直接在页面上运行的代码。《Eloquent JavaScript》虽然没有，但它提供了一些不同的项目供你在阅读过程中练习，这也是一种很棒的学习方式。
如果你更喜欢视频学习，我推荐你看看 Wes Bos 的 JavaScript 入门课程。这门课程不是免费的，而且这也不是广告。我一直是 Wes 视频课程的忠实粉丝，已经好几年了。他发布第一门关于 Sublime Text 的课程时，我就买了，并在 Sublime Text 最火爆的时候学会了如何使用它。之后，我还学习了他的 React 入门课程，掌握了 React 的基础知识。
他的课程真的很有趣，很容易理解和掌握，而且他布置的项目既美观又充满乐趣。我总是喜欢推荐免费资源，因为我知道这些资源人人都能获取，但我坚信，如果你想做出改变，投资自己，花钱购买更适合自己的资源也无可厚非。
无论你决定采用哪种方式学习 Javascript，就像我在 HTML 和 CSS 视频中建议你的那样，你最终都需要打破这些课程为你设下的围墙花园，开始构建自己的项目来应用你的学习成果并巩固它。
Wes Bos 还开设了另一门课程，你或许可以看看。这是一门名为 Javascript 30 的免费课程，包含 30 个你可以用 Javascript 构建的项目。这门课程是入门的绝佳途径，可以让你初步了解 Javascript 的应用。唯一的缺点是它也是一个封闭的平台，所以最终你还是需要跳出这个框架，开始开发自己的项目。
你可以重新审视一下你学习 HTML 和 CSS 时做过的项目。试着思考如何添加一些交互功能。当你尝试过这些方法之后，或许可以着手一个全新的项目，借此练习你的 JavaScript 技能。
最好的办法当然是自己构思项目，因为这样你会更有热情，也更有可能坚持完成。但如果你缺乏灵感，我会提供一份我整理的10个网页开发项目清单，希望能给你一些启发。你可以直接选择其中一个项目进行开发，没问题。如果你想进行一些修改，也没问题。如果你只是从中汲取灵感，创造出全新的项目，那也很棒。
一旦你掌握了基础知识，就需要方便地查阅一些参考资料，以便快速找到你记不住的语言知识点。和 HTML 和 CSS 一样，MDN 是你的最佳选择。它有一个非常棒的 JavaScript 参考文档。我几乎每天都用它来查找各种数组方法或其他我不想记在脑子里的语言知识点。
我目前分享的这些资源主要涵盖前端 JavaScript——也就是在用户浏览器中运行的 JavaScript 代码。这将赋予你许多仅使用 HTML 和 CSS 所不具备的功能，但如果你只学习前端 JavaScript，最终还是会遇到瓶颈。
举个例子来说明一下：你不能只用 HTML、CSS 和前端 JavaScript 来构建一个允许用户之间共享数据的应用程序。要实现这样的功能，你需要为你的网站或 Web 应用程序构建后端。十年前，编写后端意味着你需要学习另一种编程语言，并用它来编写后端——可能是 PHP、Perl、Python、Ruby 之类的。
你很幸运没有在十年前就开始做这个，因为现在如果你愿意，你也可以用 JavaScript 编写后端代码了。这要归功于一种叫做 NodeJS 的技术，它本质上允许你在浏览器之外运行 JavaScript。这让你能够做一些非常酷的事情，比如访问数据库或读写文件。你可以为用户构建身份验证流程，以便他们可以访问你的网站并登录。基本上，一旦你掌握了后端开发的知识，你几乎可以做任何你能想到的事情。
如果你喜欢 Wes Bos 的前端 JavaScript 课程，他还有一门 NodeJS 课程，你也应该看看。如果你想找免费资源，我找到了一门叫做……让我想想，是不是叫《Learn You NodeJS for Great Win》（学 NodeJS 大获全胜）？哦，差不多了。应该是《Learn You The NodeJS for Much Win》（学 NodeJS 大获全胜）。没错。我不太喜欢这个名字，但它确实是一种很棒的互动式 Node 学习方式。
完成你选择学习的任何 Node 课程后，你可以回过头来做你的独立项目，你可以增强你已经在开发的应用程序，添加一些你以前只用前端代码无法添加的功能，或者你可以创建一个全新的项目来运用你新学的 NodeJS 技能。
无论做什么，都要从小处着手。现在不是打造“Facebook杀手”的时候，而是应该先做一个小项目，快速取得一些成果，并运用你所学到的技能。
接下来，我们将探讨如何运用你刚刚学到的知识找到实际的、有报酬的工作。这里有一个鲜为人知的秘诀：你不需要成为大师或专家（不管这些头衔到底是什么意思）就能开始从事这方面的工作。你只需要掌握足够的知识，能够为公司解决问题。订阅我们的课程，确保你不会错过下一步的内容，我们下次再见！
文章来源：https://dev.to/raddevon/2020-web-developer-roadmap-step-3-learn-javascript-4ib0