JavaScript 不只是写网页特效，它是全栈开发的通用货币

很多人对 JavaScript 的印象还停留在“给网页加个弹窗”或者“实现轮播图”。但实际上，这门语言早已突破了浏览器的边界。从移动端 App 到 PC 端桌面软件，从服务器端的后端开发，甚至到人工智能领域，JavaScript 的身影无处不在。它门槛低、生态庞大，连续多年稳居程序员最喜爱语言的前列。

但门槛低也意味着乱象多。市场上充斥着大量碎片化的教程，今天教 Vue，明天教 React，后天讲 Node.js，初学者很容易陷入“什么都听过，什么都不懂”的困境。李游的这套初级训练营，核心价值在于“系统性”。它不是零散知识点的堆砌，而是帮你建立一套完整的 JavaScript 思维模型。对于想系统学习前端、或者从其他编程语言转型的同学来说，这是一个极其务实的起点。

适合谁学？学完能做什么？

这门课的目标受众很明确：一是完全没有编程基础的零基础小白，想通过 JavaScript 叩开前端开发的大门；二是已经了解一些 HTML/CSS，但遇到 JavaScript 就头大，希望进阶提升的初学者。课程定位为“初级水平”，这意味着它不会过早引入复杂的框架原理，而是专注于语言本身的根基。

学完这门课，你将能够独立完成以下工作：理解变量、数据类型、函数、对象等核心概念，并能熟练运用它们处理逻辑判断和循环；能够操作 DOM（文档对象模型），实现页面上的动态交互效果；掌握异步编程的基本概念，理解如何与服务器进行数据交互。换句话说，你将具备独立开发一个中等复杂度动态网页的能力，而不是只会写静态页面。

资料怎么用？建议的学习路径

由于课程配套资料主要围绕核心知识点展开，建议你不要试图一次性看完所有内容，而是按照“概念理解—代码复现—实战练习”的路径进行。

首先，重点观看课程介绍中关于 JavaScript 基础语法和运行机制的部分。这部分是地基，务必确保每个概念都真正理解，而不是死记硬背。例如，理解“引用类型”和“值类型”的区别，比记住它们的定义更重要。

其次，利用配套的代码示例进行动手练习。JavaScript 是一门实践性极强的语言，看懂了不代表会写了。建议你跟随课程节奏，亲手敲一遍每一个案例，并尝试修改其中的参数，观察结果的变化。这是检验你是否真正掌握知识点的最好方式。

最后，将所学知识串联起来，尝试完成一个简单的综合小项目，比如一个待办事项清单或一个简单的计算器。这个过程会让你体会到各个知识点是如何协同工作的，从而形成完整的项目开发思维。记住，系统的学习比碎片化的速成更重要，打好 JavaScript 基础，未来的前端进阶之路才会更加顺畅。

课程目录

JS.png (207.

69 KB,  ) 2023-10-25 11:

07 上传 课程介绍： 适合人群： 想系统学习前端的同学，从前端基础进阶的同学 你将会学到： 此课程为系统学习教程，可以达到JavaScript初级水平 课程简介： JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型，常用于网页客户端编程，使网页在客户端浏览器中，实现更多地动态功能，表现出更加丰富的视觉效果。 随着时间的推移它目前变得无所不能，移动端、pc端、前端、后端、甚至人工智能统统都有它的影子。 因为它的门槛低，也让它成为了程序员们的喜欢的语言之一，而且一直活跃于的编程语言的前几名中。 课程目录： 1 javaScript初训练营课程前瞻.mp4
 2 for循环的深入使用.mp4
 3 while循环的初识及使用.mp4
 4 do-while循环的初识及使用以及与while的区别.mp4
 5 switch语句的初识及使用.mp4
 6 JS中的逻辑判断和（）的用法.mp4
 7 JS中的逻辑判断或（）的用法.mp4
 8 JS中的和（）与或（）的常用技巧及原理.mp4
 9 第一部分练习.mp4
 10 上章练习-隔行变色详解.mp4
 11 上章练习-简易计算器.mp4
 12 JavaScript-DOM-获取父级元素.mp4
 13 JavaScript-DOM-获取子级元素.mp4
 14 JavaScript-DOM-动态生成元素及插入元素.mp4
 15 JavaScript-DOM-动态指定位置插入元素.mp4
 16 JavaScript-DOM-替换指定元素.mp4
 17 JavaScript-DOM-删除子级元素.mp4
 18 JavaScript-DOM-删除自身元素.mp4
 19 JavaScript-DOM-innerHTML属性.mp4
 20 第二部分练习.mp4
 21 上章练习-模拟QQ.mp4
 22 上章练习-棋盘元素生成.mp4
 23 JavaScript-DOM属性-设置元素可见属性.mp4
 24 JavaScript-DOM属性-获取及删除元素属性.mp4
 25 JavaScript-DOM属性-判断包元素可见属性.mp4
 26 JavaScript-DOM属性-className.mp4
 27 JavaScript-DOM属性-classList.mp4
 28 第三部分练习.mp4
 29 上章练习-点击修改内容的值.mp4
 30 上章练习-轮循控制元素的类.mp4
 31 小插曲：Object数据格式简介.mp4
 32 JavaScript-BOM-JS跳转页面.mp4
 33 JavaScript-BOM-JS刷新页面.mp4
 34 JavaScript-BOM-访问浏览器的历史记录.mp4
 35 JavaScript-BOM-常用弹窗及使用.mp4
 36 JavaScript-BOM-浏览器用户信息.mp4
 37 JavaScript-BOM-Screen对象.mp4
 38 JavaScript-BOM-浏览器距离屏幕的距离.mp4
 39 JavaScript-BOM-浏览器的内外大小.mp4
 40 第四单元练习.mp4
 41 上章练习-监测浏览器在显示器中的距离.mp4
 42 上章练习-使用JS对不同浏览器显示不同的页面.mp4
 43 JavaScript-函数的参数的基本使用.mp4
 44 JavaScript-函数的参数-不定参的使用.mp4
 45 JavaScript-函数的递归使用.mp4
 46 JavaScript-函数的return使用与理解.mp4
 47 JavaScript-函数的选项卡的封装.mp4
 48 浏览器深处的秘密（小福利）.mp4
 49 JavaScript-添加事件监听.mp4
 50 JavaScript-移除事件监听.mp4
 51 JavaScript-键盘事件.mp4
 52 JavaScript-事件委托代理委派.mp4
 53 JavaScript-offsetLeftTop距离.mp4
 54 JavaScript-元素offset宽度高度详解.mp4
 55 JavaScript-元素拖拽及原理详解.mp4
 56 JavaScript-事件委托版拖拽制作.mp4
 JavaScript初级训练营资料.zip