This is a 36+ hour in-depth course that will take you from the absolute beginning of JavaScript, learning about data types, functions and loops to learning DOM manipulation, asynchronous JS with promises, async/await and much more. You will even learn how to write unit tests for algorithms. We go into how JavaScript works under the hood including execution context, the call stack, event loop, etc. We learn about Webpack tooling and how to create a modern development environment. At the end, we build a Node.js/Express API with a custom Webpack frontend.
这是一个 36+ 小时的深入课程，将带您从 JavaScript 的绝对开始，学习数据类型、函数和循环，学习 DOM 操作、带有 promise 的异步 JS、async/await 等等。您甚至将学习如何为算法编写单元测试。我们将介绍 JavaScript 在后台是如何工作的，包括执行上下文、调用堆栈、事件循环等。我们了解 Webpack 工具以及如何创建现代开发环境。最后，我们构建一个带有自定义 Webpack 前端的 Node.js/Express API。

All of the code in the learning modules will go into a folder called “JavaScript Sandbox”. This is so we can keep things organized and you can always refer back to it for any code snippets that you may need. All of the final and starter code for the projects is included as well as links to the GitHub Repos.
学习模块中的所有代码都将进入一个名为“JavaScript Sandbox”的文件夹。这样我们就可以保持事情井井有条，您可以随时参考它以获取您可能需要的任何代码片段。包括项目的所有最终代码和起始代码，以及指向 GitHub Repos 的链接。

WHAT YOU WILL LEARN您将学习什么

• Basics & Fundamentals: Data types, let & const variables, functions, conditionals, loops, object literals, etc
  基础和基础：数据类型、let 和 const 变量、函数、条件、循环、对象文字等

• Data Structures – Arrays, objects, maps, sets as well as custom data structures like stacks and queues
  数据结构 – 数组、对象、映射、集合以及自定义数据结构，如堆栈和队列

• DOM Manipulation – Selectors, traversing the DOM, show/hide, creating & removing elements, event listeners
  DOM操作 – 选择器，遍历DOM，显示/隐藏，创建和删除元素，事件侦听器

• OOP – Constructor functions, prototypes, inheritance, classes, protected properties, getters/setters
  OOP – 构造函数、原型、继承、类、受保护的属性、getter/setter

• Async JS – Ajax & XHR, Fetch API, callbacks, promises, async / await
  Async JS – Ajax 和 XHR、Fetch API、回调、promise、async/await

• Error Handling – Try…Catch, HTTP errors
  错误处理 – 尝试…捕获，HTTP 错误

• Web & Browser APIs – Canvas, geolocation, audio/video, web animations API
  Web 和浏览器 API – 画布、地理位置、音频/视频、网络动画 API

• Modules & Tooling – CommonJS & ES Modules, Webpack,  plugins, loaders, modern dev environment &  workflow
  模块和工具 – CommonJS & ES 模块、Webpack、插件、加载器、现代开发环境和工作流程

• Unit Testing Algorithms – Learn the Jest testing library and algorithms like palindromes and anagrams
  单元测试算法 – 学习 Jest 测试库和回文和字谜等算法

• Node.js & Express – Learn about Node modules, NPM packages and build a REST API with Express & MongoDB
  Node.js & Express – 了解 Node 模块、NPM 包并使用 Express 和 MongoDB 构建 REST API

• Full Stack Development – We build an API with Express and a frontend with Webpack. No frontend frameworks!
  全栈开发 – 我们使用 Express 构建 API，使用 Webpack 构建前端。没有前端框架！

• So So Much More!还有更多！

COURSE PROJECTS & MINI-PROJECTS
课程项目和迷你项目

1. Shopping List购物清单

2. Flix Movie AppFlix电影应用程序

3. Tracalorie OOP ProjectTracalorie OOP 项目

4. Tracalorie Webpack Refactor
   Tracalorie Webpack 重构

5. Chuck Norris Joke Generator
   查克·诺里斯笑话生成器

6. RandomIdeas Full Stack APP – API & Frontend
   RandomIdeas 全栈 APP – API 和前端

7. Webpack Starter ProjectWebpack 入门项目

8. Keycode Mini-ProjectKeycode 小项目

9. Random User Generator随机用户生成器

10. Music Player音乐播放器

11. Video Player视频播放器

12. Drum Machine滚筒机

13. Profile Scroller配置文件滚动器

14. Polling App投票应用程序

15. Joke Generator笑话生成器

16. Ball Animation球动画

17. Animated Clock动画时钟

18. Typicode Todos

19. Text To Speech文本转语音