先看这门课能解决什么实际问题
很多转行或刚入门的后端学习者，面对 JavaScript 时最头疼的不是语法本身，而是「学了后面忘前面、看了教程不会写」。这套课程的核心价值在于：它把 JavaScript 从「语言基础」到「浏览器实战」打通，而不是只讲语法。课程前半部分系统梳理变量、函数、对象、数组、作用域、this 等核心概念，后半部分直接进入 DOM 操作与事件处理，并通过一个「骰子游戏」项目串联所有知识点。适合那些想真正动手写出可运行程序的人，而不是只停留在理论层面。
适合什么基础，建议按什么顺序学
本课程适合有基本编程思维（知道什么是变量、函数）但 JavaScript 不扎实的初学者。如果你有其他语言经验，前两章可以快速过；如果是零基础，建议从第 5 节开始逐节学习，不要跳过编码挑战——那是检验你是否真的理解的关键环节。
学习顺序建议：
- 先完成「JavaScript 语言基础」全部章节（第 2 章），确保变量、数据类型、函数、对象、数组、循环等核心概念清晰；
- 再进入「JavaScript 运行机制」部分（第 3 章），重点理解执行上下文、作用域链和 this 指向，这是后续调试和理解框架底层的关键；
- 最后进入「浏览器中的 JavaScript」部分（第 4 章），通过 DOM 操作和事件处理实战巩固前两部分所学，并完成骰子游戏项目。
不要急于跳到项目，前两个阶段的基础是否扎实，直接决定你能否独立完成后续开发。
学完能做什么，资料怎么配合使用
完成本课程后，你应该能够独立编写处理用户交互的 Web 页面，包括动态修改页面内容、响应鼠标和键盘事件、管理应用状态。具体来说，你可以复现类似骰子游戏的交互逻辑，也能迁移到更复杂的单页应用开发中。
资料使用建议：视频教程配合编码挑战一起进行。每看完一个知识点，立即尝试独立完成挑战题；挑战失败不要急着看答案，先回看对应章节。课程提供的 Brackets 编辑器配置和 Chrome 调试技巧，建议在实操中同步掌握，这对排查 DOM 和事件问题非常关键。不要只看不动手，JavaScript 是一门必须「写出来」的语言。
课程目录
01 Course Introduction.mp4 0 01 Welcome to This Course.mp4 86.11M 0 04 Setting up Our Tools Brackets and Google Chrome.mp4 13.27M 02 JavaScript Language Basics.mp4 0 05 Section Intro.mp4 24.73M 0 07 Introduction to JavaScript.mp4 9.60M 0 08 Getting Started with JavaScript.mp4 10.61M 0 09 Variables and Data Types.mp4 18.32M 0 10 Variable Mutation and Type Coercion.mp4 34.87M 011 Operators.mp4 38.79M 0 12 If else Statements.mp4 21.95M 0 13 Boolean Logic and Switch Statements.mp4 35.62M 0 14 Coding Challenge 1.mp4 5.61M 0 15 Coding Challenge 1 Solution.mp4 35.26M 016 Functions.mp4 36.78M 0 17 Statements and Expressions.mp4 7.53M 018 Arrays.mp4 25.88M 0 19 Objects and Properties.mp4 21.82M 0 20 Objects and Methods.mp4 38.18M 0 21 Loops and Iteration.mp4 43.12M 0 22 Coding Challenge 2.mp4 8.36M 0 23 Coding Challenge 2 Solution.mp4 39.72M 0 24 Important Note ES5 ES6 ES20 15 and ES2016.mp4 11.96M 03 How JavaScript Works Behind the Scenes.mp4 0 25 Section Intro.mp4 32.96M 0 27 How Our Code Is Executed JavaScript Parsers and Engines.mp4 6.08M 0 28 Execution Contexts and the Execution Stack.mp4 12.09M 0 29 Execution Contexts in Detail Creation and Execution Phases and Hoisting.mp4 9.23M 0 30 Hoisting in Practice.mp4 28.50M 0 31 Scoping and the Scope Chain.mp4 27.93M 0 32 The this Keyword.mp4 5.16M 0 33 The this Keyword in Practice.mp4 26.64M 04 JavaScript in the Browser DOM Manipulation and Events.mp4 0 34 Section Intro.mp4 20.58M 0 36 The DOM and DOM Manipulation.mp4 5.17M 037 5-Minute HTML and CSS Crash Course.mp4 21.04M 0 38 Project Setup and Details.mp4 14.29M 0 39 First DOM Access and Manipulation.mp4 52.94M 0 40 Events and Event Handling Rolling the Dice.mp4 48.58M 0 41 Updating Scores and Changing the Active Player.mp4 42.31M 0 42 Implementing Our Hold Function and the DRY Principle.mp4 58.98M 0 43 Creating a Game Initialization Function.mp4 41.63M 0 44 Finishing Touches State Variables.mp4 29.43M 0 45 Coding Challenge 3.mp4 9.59M 0 46 Coding Challenge 3 Solution Part 1.mp4 19.45M 0 47 Coding Challenge 3 Solution Part 2.mp4 27.33M 0 48 Coding Challenge 3 Solution Part 3.mp4 29.43M 05 Advanced JavaScript Objects and Functions.mp4 0 49 Section Intro.mp4 29.97M 0 51 Everything Is an Object Inheritance and the Prototype Chain.mp4 21.53M 0 52 Creating Objects Function Constructors.mp4 32.25M 0 53 The Prototype Chain in the Console.mp4 23.71M 0 54 Creating Objects Object.create.mp4 16.92M 0 55 Primitives vs. Objects.mp4 20.02M 0 56 First Class Functions Passing Functions as Arguments.mp4 33.82M 0 57 First Class Functions Functions Returning Functions.mp4 21.70M 0 58 Immediately Invoked Function Expressions IIFE.mp4 14.91M 059 Closures.mp4 41.55M 0 60 Bind Call and Apply.mp4 43.34M 0 61 Coding Challenge 4.mp4 18.10M 0 62 Coding Challenge 4 Solution Part 1.mp4 54.22M 0 63 Coding Challenge 4 Solution Part 2.mp4 48.73M 06 Putting It All Together The Budget App Project.mp4 0 64 Section Intro.mp4 33.99M 0 66 Project Setup and Details.mp4 14.48M 0 67 Project Planning and Architecture Step 1.mp4 12.76M 0 68 Implementing the Module Pattern.mp4 35.72M 0 69 Setting up the First Event Listeners.mp4 39.07M 0 70 Reading Input Data.mp4 50.33M 0 71 Creating an Initialization Function.mp4 16.81M 0 72 Creating Income and Expense Function Constructors.mp4 22.38M 0 73 Adding a New Item to Our Budget Controller.mp4 48.00M 0 74 Adding a New Item to the UI.mp4 69.67M 0 75 Clearing Our Input Fields.mp4 36.00M 0 76 Updating the Budget Controller.mp4 31.34M 0 77 Updating the Budget Budget Controller.mp4 63.06M 0 78 Updating the Budget UI Controller.mp4 49.88M 0 79 Project Planning and Architecture Step 2.mp4 5.93M 0 80 Event Delegation.mp4 8.69M 0 81 Setting up the Delete Event Listener Using Event Delegation.mp4 66.14M
![大疆维修，无人机维修教程[66.30GB]](/_next/image?url=%2Fapi%2Fuploads%2Fb6a69810-862f-479c-a529-d66880073ebc.jpg&w=1920&q=75)
