这是一门超过 36 小时的深入课程，将带您从 JavaScript 的绝对开始，学习数据类型、函数和循环，到学习 DOM 操作、带有 Promise 的异步 JS、async/await 等等。您甚至将学习如何编写算法的单元测试。我们深入了解 JavaScript 的工作原理，包括执行上下文、调用堆栈、事件循环等。我们了解 Webpack 工具以及如何创建现代开发环境。最后，我们使用自定义 Webpack 前端构建 Node.js/Express API。

学习模块中的所有代码都将放入一个名为“JavaScript Sandbox”的文件夹中。这样我们就可以让事情井井有条，并且您可以随时参考它以获取您可能需要的任何代码片段。包含项目的所有最终代码和起始代码以及 GitHub 存储库的链接。

你将学到什么

• 基础知识：数据类型、let 和 const 变量、函数、条件、循环、对象字面量等
• 数据结构– 数组、对象、映射、集合以及自定义数据结构，如堆栈和队列
• DOM 操作 –选择器、遍历 DOM、显示/隐藏、创建和删除元素、事件侦听器
• OOP –构造函数、原型、继承、类、受保护的属性、getter/setter
• Async JS – Ajax 和 XHR、Fetch API、回调、Promise、异步/等待
• 错误处理 – Try…Catch、HTTP 错误
• Web 和浏览器 API –画布、地理定位、音频/视频、Web 动画 API
• 模块和工具– CommonJS 和 ES 模块、Webpack、插件、加载器、现代开发环境和工作流程
• 单元测试算法– 学习 Jest 测试库和算法，例如回文和字谜
• Node.js 和 Express – 了解 Node 模块、NPM 包并使用 Express 和 MongoDB 构建 REST API
• 全栈开发– 我们使用 Express 构建 API 并使用 Webpack 构建前端。没有前端框架！
• 这么多！

课程项目和迷你项目

1. 购物清单
2. Flix 电影应用
3. Tracalorie OOP 项目
4. Tracalorie Webpack 重构
5. 查克·诺里斯笑话生成器
6. RandomIdeas 全栈应用程序 – API 和前端
7. Webpack 入门项目
8. Keycode 迷你项目
9. 随机用户生成器
10. 音乐播放器
11. 视频播放器
12. 鼓机
13. 轮廓滚动条
14. 投票应用程序
15. 笑话生成器
16. 球动画
17. 动画时钟
18. Typicode 待办事项
19. 文字转语音