课程是一套专为零编程基础学员量身打造的 JavaScript 系统入门教程。课程以”JS 基础语法→数据类型与运算符→流程控制与循环→数组与函数→Web API 与 DOM 编程→事件机制与 BOM→jQuery 框架→WebApp 移动端适配”为核心路径，系统性地串联起从 JavaScript 简介与 ES 发展史、变量与常量、五大基本数据类型、算术/赋值/关系/逻辑/三目运算符，到 if/switch 条件语句、while/do-while/for 循环、break 与 continue、数组的增删改查、函数的定义与调用、对象与字符串操作，再到 Web API 概念、DOM 节点操作（获取/创建/增删/属性操作）、全选反选、密码可见性切换、灯泡效果、评分、Tab 选项卡、评论回复等经典案例，以及 DOM 事件绑定与传播机制、client/offset/scroll 系列 API、定时器、拖拽、window/location/navigator/history 等 BOM 对象，最后到 jQuery 选择器、事件与特效、淘宝轮播图、全屏轮播、鼠标跟随等实战项目，以及 WebApp 概念、视口设置、rem 适配方案与移动端适配全方案的完整学习链路。配合大量编程练习题与综合案例，助你从零起步，扎实掌握 JavaScript 前端开发的核心技能。
核心学习路径
1. JS 基础入门（第1-5讲）
JS 简介：了解 JavaScript 的起源、作用与在 Web 开发中的核心地位。
JS 的组成与 ES 发展史：掌握 ECMAScript 标准的演进历程，理解 ES5/ES6 等版本的核心变化。
JS 与 HTML 的三种结合方式：行内样式、内部样式（window.onload）、外部样式，理解不同引入方式的使用场景。
注释与输出：学习单行/多行注释规范，掌握 console.log、alert 等输出方式。
输入操作：学习 prompt 等用户输入交互方式。
2. 变量、常量与数据类型（第9-21讲）
常量与变量：掌握 const 定义常量、var 定义变量的规范与注意点（如 var 定义多个变量的陷阱）。
标识符命名：学习标识符的命名规则（硬性规定）与命名规范（推荐约定）。
五大基本数据类型：深入 number、string、null、undefined 的数据类型细节，掌握类型转换（转字符串/转数值/转布尔）的完整规则。
3. 运算符与流程控制（第22-43讲）
运算符精讲：系统学习算术运算符、赋值运算符、自增自减运算符、关系运算符（含补充）、逻辑运算符、三目运算符，配合大量练习题巩固。
条件语句：掌握 if 语句的多种形式与注意事项、switch 语句的使用，配合编程练习强化。
循环语句：深入学习 while 循环（含注意点与练习）、do-while 循环、for 循环，掌握 break 与 continue 语句、循环嵌套，通过多道练习题反复锤炼编程思维。
4. 数组与函数（第44-55讲）
数组操作：掌握数组的声明与注意点、数组元素的增删改查操作，通过多道练习题巩固。
函数：学习函数的初识、两种定义方式（函数声明与函数表达式）、函数的调用与注意点。
对象与字符串：初识 JS 对象、深入字符串的常用方法与操作，配合编程题练习提升实战能力。
5. Web API 与 DOM 编程（第56-90讲）
Web API 与 DOM 概念：理解 Web API 的定义与 DOM 编程的核心思想。
DOM 节点操作：掌握获取元素节点（上/下）、创建元素节点、追加元素节点，通过”添加电影””删除电影”等案例实战。
属性操作与交互效果：学习获取属性节点、全选与反选、密码可见性切换、灯泡效果、评分案例、图片切换与全选反选打点操作、二维码显示隐藏、Tab 选项卡、评论回复等经典前端案例。
事件机制：系统学习事件介绍与 HTML 绑定、DOM0 级别事件绑定与解绑、DOM2 级别事件绑定与解绑、事件传播机制（冒泡/捕获）、阻止默认事件。
核心 API 系列：深入 client 系列、offset 系列、scroll 系列三大属性家族，掌握元素尺寸与滚动相关的核心属性。
定时器与综合案例：学习 setTimeout/setInterval 定时器的使用，通过随机点名、长图浏览、弹幕效果、拖拽等综合案例提升实战能力。
6. BOM 对象（第91-94讲）
window 对象：掌握 window 对象的常用方法与属性。
location 对象：学习页面跳转、地址栏操作等导航相关功能。
navigator 对象：了解浏览器内核、平台等信息的获取方式。
history 对象：掌握浏览器历史记录的前进、后退等操作。
7. jQuery 框架（第95-120讲）
jQuery 入门：了解 jQuery 的优势与快速上手方式。
选择器精讲：系统学习基本选择器、基本过滤选择器、子元素过滤选择器、属性过滤选择器、内容过滤选择器、可见性过滤选择器、表单元素属性过滤选择器。
jQuery 实战案例：通过商品显示与在线客服、突出显示、灯泡效果、评分案例、关闭小广告、风去榜、悬浮小广告、回到顶部、导航条吸顶、淘宝轮播图、焦点图、全屏轮播图、鼠标跟随、个性导航、滑动菜单等十余个综合案例，全面掌握 jQuery 的选择、事件、动画与 DOM 操作。
8. WebApp 移动端适配（第121-137讲）
WebApp 概念：了解 WebApp 的定义、像素概念与不同设备下的显示差异。
视口（Viewport）：深入理解视口概念、PC 端与移动端缩放的区别，掌握视口的正确设置方式。
适配方案：系统学习 rem 适配方案（含两种套路）、其他屏幕适配技巧、各类适配方案对比，最终通过”拉勾 WebApp”实战项目与作业练习巩固移动端适配能力。
课程亮点
零基础友好：从 JS 简介与 ES 发展史讲起，循序渐进，无需任何编程基础即可上手。
语法基础扎实：变量/常量/数据类型/运算符/流程控制/循环/数组/函数逐一精讲，配合大量练习题夯实基础。
DOM 编程实战丰富：涵盖电影操作、全选反选、密码切换、灯泡效果、评分、Tab 选项卡、评论回复等十余个经典案例，培养真实前端开发能力。
事件与 API 体系完整：从 DOM0/DOM2 事件绑定到事件传播机制，从 client/offset/scroll 系列到定时器，构建完整的 DOM 操作知识体系。
jQuery 全链路覆盖：从选择器到事件到特效，通过淘宝轮播、全屏轮播、鼠标跟随等实战项目，掌握 jQuery 核心用法。
移动端适配专题：从视口概念到 rem 适配方案，配合拉勾 WebApp 实战，补齐移动端开发短板。
课程目录：
JavaScript零基础
001.01-JS简单介绍.mp4
002.02-JS的组成和ES的发展史.mp4
003.03-行内样式.mp4
004.04-内部样式和window.onload的使用.mp4
005.05-外部样式.mp4
006.06-JS中的注释.mp4
007.07-JS中的输出.mp4
008.08-JS中的输入.mp4
009.09-JS中的常量.mp4
010.10-JS中的变量初识.mp4
011.11-var定义多个变量的注意点.mp4
012.12-const定义常量.mp4
013.13-标识符的命名规则和命名规范.mp4
014.14-简单了解JS中的五大基本数据类型.mp4
015.15-number数据类型注意细节.mp4
016.16-string数据类型注意细节.mp4
017.17-null和undefined的注意细节.mp4
018.18-其它数据类型转字符串.mp4
019.19-其它数据类型转数值类型.mp4
020.20-其它数据类型转数值类型.mp4
021.21-其它数据类型转布尔类型.mp4
022.22-算术运算符.mp4
023.23-赋值运算符.mp4
024.24-自增自减运算符.mp4
025.25-关系运算符.mp4
026.26-关系运算符补充.mp4
027.27-逻辑运算符.mp4
028.28-三目运算符.mp4
029.29-运算符的练习题.mp4
030.30-if语句的形式.mp4
031.31-if语句的注意细节.mp4
032.32-if语句的练习题.mp4
033.33-switch语句.mp4
034.34-while循环和while循环注意点.mp4
035.35-while循环练习题.mp4
036.36-dowhile循环.mp4
037.37-for循环.mp4
038.38-break和continue语句.mp4
039.39-循环的嵌套.mp4
040.40-练习题.mp4
041.41-练习题.mp4
042.42-练习题.mp4
043.43-练习题.mp4
044.44-声明数组和数组的注意细节.mp4
045.45-数组元素的增删改查.mp4
046.46-数组的练习题.mp4
047.47-数组的练习题.mp4
048.48-函数的初识.mp4
049.49-函数定义的两种方式.mp4
050.50-函数的注意细节.mp4
051.51-初识JS中的对象.mp4
052.52-字符串.mp4
053.53-编程题练习.mp4
054.54-编程题练习.mp4
055.55-编程题练习.mp4
056.01-什么是webapi.mp4
057.02-什么是DOM编程.mp4
058.03-获取元素节点上.mp4
059.04-获取元素节点下.mp4
060.05-创建元素节点和追加元素节点.mp4
061.06-电影操作之添加电影.mp4
062.07-电影操作之删除电影.mp4
063.08-获取属性节点.mp4
064.09-全选和反选.mp4
065.10-设置密码是否可见.mp4
066.11-灯泡效果.mp4
067.12-评分案例作业.mp4
068.13-切换图片和全选反选通过打点形式操作.mp4
069.14-二维码显示和隐藏，切换图片.mp4
070.15-tab选项卡.mp4
071.16-评论回复.mp4
072.17-事件介绍和HTML绑定的事件绑定.mp4
073.18-DOM0级别的事件绑定和事件解绑.mp4
074.19-DOM2级别的事件绑定和事件解绑.mp4
075.20-事件的传播机制.mp4
076.21-阻止默认事件.mp4
077.22-13个api之client系列.mp4
078.23-13个api之offset系列.mp4
079.24-13个api之scroll系列.mp4
080.25-定时器的使用.mp4
081.26-定时器案例.mp4
082.27-随机点名案例.mp4
083.28-长图浏览.mp4
084.29-tab选项卡.mp4
085.30-导航条吸顶.mp4
086.31-图片的懒加载.mp4
087.32-滚动新闻列表.mp4
088.33-弹幕效果.mp4
089.34-拖拽.mp4
090.35-DOM结束.mp4
091.36-window对象.mp4
092.37-location对象.mp4
093.38-navigator对象.mp4
094.39-history对象.mp4
095.01-JQ的介绍.mp4
096.02-JQ的快速入门.mp4
097.03-基本的选择器.mp4
098.04-基本过滤选择器.mp4
099.05-子元素过滤选择器.mp4
100.06-属性过滤选择器.mp4
101.07-内容过滤选择器.mp4
102.08-可见性过滤选择器.mp4
103.09-表单元素属性过滤选择器.mp4
104.10-商品显示和在线客服案例.mp4
105.11-突出显示.mp4
106.12-灯泡效果实现.mp4
107.13-评分案例实现.mp4
108.14-关闭小广告案例实现.mp4
109.19-风去榜案例.mp4
110.20-悬浮小广告实现.mp4
111.21-回到顶部.mp4
112.22-导航条吸顶效果.mp4
113.23-淘宝轮播案例.mp4
114.24-焦点图案例.mp4
115.25-全屏轮播图.mp4
116.26-mouseover，mouseout，mouseenter，mou.mp4
117.27-个性导航.mp4
118.28-滑动菜单.mp4
119.29-鼠标跟随结构和样式.mp4
120.30-鼠标跟随完成.mp4
121.01-什么是webapp.mp4
122.02-像素的概念.mp4
123.03-像素的概念.mp4
124.04-像素的概念.mp4
125.05-同一个盒子，在不同的手机的看到的大小不一样.mp4
126.06-视口的概念.mp4
127.07-PC端缩放和移动端缩放的区别.mp4
128.08-设置视口.mp4
129.09-适配方案.mp4
130.10-适配方案.mp4
131.11-拉勾webapp.mp4
132.12-拉勾webapp.mp4
133.13-复习.mp4
134.14-rem适配的第二种套路.mp4
135.15-其它屏的适配套路.mp4
136.16-其它的适配方案.mp4
137.17-作业练习.mp4
下载地址：
感谢您的来访，获取更多精彩文章请收藏本站。
