先判断:这门课值不值得花时间
这门课解决的是“网页里需要一点交互逻辑,但不知道代码怎么下手”的问题。JavaScript 是前端开发里绕不开的核心,无论你是在做后台管理系统时需要改表单校验,还是做运营时想在落地页加个动态弹窗,都得靠它。如果你完全没碰过编程,又想系统弄懂变量、运算、流程控制这些底层概念,这版内容是合格的起点。但如果你已经能独立写函数封装、熟悉事件委托,那这份资料对你偏基础,不必再看。它适合真正零基础、或者学过一点 HTML/CSS 但卡在逻辑写不出来的上班族和转行者,目标是帮你把“看懂别人写的代码”和“自己手写简单业务逻辑”之间的断层补上。
学完能独立做什么
跟着这套资料走完,你能独立完成页面里常见的交互逻辑:读取用户在输入框里填的内容,做加减乘除和条件判断,把结果动态渲染到页面上。比如写一个商品数量加减按钮、表单非空校验、简单的倒计时或者抽奖效果。它不会教你复杂的框架和工程化,但能让你拿到一个静态页面时,知道在哪写脚本、怎么取元素、怎么绑定事件。这个能力放在中小公司日常维护、运营页面开发,或者作为后续学框架前的地基,是够用的。重点在于,你会建立起“数据怎么流转、代码按什么顺序执行”的思维,而不是只会抄现成片段。
资料怎么配合练习
建议先从变量、数据类型和运算符这几块入手,把基础语法的概念过一遍。这部分看起来枯燥,但决定了后面写逻辑时会不会因为一个加号用错而卡半天。看视频时不要只听,打开编辑器跟着敲一遍,再自己改改参数值,看浏览器控制台输出的结果和预期差在哪。遇到“获取用户输入”“练习”这种标题的章节,先暂停视频,自己写一遍代码跑通,再继续看演示。整套资料学完不代表结束,建议你拿一个真实的静态页,尝试给它加一个交互功能,哪怕只是点击按钮切换文字颜色。自己跑通一个完整需求,比看十遍视频都管用。如果中途哪块卡住,不要硬抠,先跳过继续往后学,很多概念在后面的练习里自然就串起来了。
课程目录
课程目录140 集
- 1-1 [JavaScript简介] JavaScript介绍 (08:49).mp4
- 1-2 [JavaScript简介] JavaScript基本用法 (10:36).mp4
- 1-3 [JavaScript简介] 转义符 (12:49).mp4
- 1-4 [JavaScript简介] 注释和编码规范 (08:08).mp4
- 1-5 [JavaScript简介] 引用JavaScript方式 (14:49).mp4
- 2-1 [变量和数据类型] 变量的基本用法 (18:55).mp4
- 2-2 [变量和数据类型] 变量命名规范 (11:34).mp4
- 2-3 [变量和数据类型] 加号的作用 (09:27).mp4
- 2-4 [变量和数据类型] 数据类型 (13:08).mp4
- 2-5 [变量和数据类型] 获取用户输入的数据 (12:28).mp4
- 2-6 [变量和数据类型] 练习 (20:08).mp4
- 3-1 [运算符] 算术运算符 (23:56).mp4
- 3-2 [运算符] 自增自减 (14:47).mp4
- 3-3 [运算符] Math对象_1 (14:20).mp4
- 3-4 [运算符] Math对象_2 (10:56).mp4
- 3-5 [运算符] 关系运算符 (13:06).mp4
- 3-6 [运算符] 赋值运算符 (05:52).mp4
- 3-7 [运算符] 逻辑运算符 (16:03).mp4
- 3-8 [运算符] 短路运算 (14:45).mp4
- 3-9 [运算符] 条件运算符 (11:25).mp4
- 4-1 [数据类型转换] 数据类型转换_1 (16:25).mp4
- 4-2 [数据类型转换] 数据类型转换_2 (14:12).mp4
- 4-3 [数据类型转换] 练习 (22:58).mp4
- 5-1 [程序结构] if选择结构 (26:12).mp4
- 5-2 [程序结构] switch结构 (17:47).mp4
- 5-3 [程序结构] while循环 (29:28).mp4
- 5-4 [程序结构] do...while循环 (24:01).mp4
- 5-5 [程序结构] for循环 (18:28).mp4
- 5-6 [程序结构] for...in循环 (14:14).mp4
- 5-7 [程序结构] for...of循环 (06:20).mp4
- 5-8 [程序结构] 练习_1 (23:27).mp4
- 5-9 [程序结构] 练习_2 (09:56).mp4
- 5-10 [程序结构] break和continue (17:35).mp4
- 5-11 [程序结构] 二重循环 (09:06).mp4
- 5-12 [程序结构] 打印九九乘法表 (13:01).mp4
- 5-13 [程序结构] 二重循环_练习 (23:58).mp4
- 6-1 [数组] 数组基本用法 (22:55).mp4
- 6-2 [数组] 循环数组 (18:20).mp4
- 6-3 [数组] 创建数组的两种方式 (13:53).mp4
- 6-4 [数组] 字符串索引数组 (09:44).mp4
- 6-5 [数组] 练习_1 (11:16).mp4
- 6-6 [数组] 练习_2 (19:20).mp4
- 6-7 [数组] 数组_练习 (16:29).mp4
- 6-8 [数组] 数组常用方法_1 (14:51).mp4
- 6-9 [数组] 数组常用方法_2 (20:01).mp4
- 6-10 [数组] 数组常用方法_3 (21:44).mp4
- 6-11 [数组] 二维数组 (15:59).mp4
- 6-12 [数组] 冒泡排序 (26:15).mp4
- 7-1 [函数] 内置函数 (21:00).mp4
- 7-2 [函数] 函数的基本用法 (14:48).mp4
- 7-3 [函数] 练习_1 (17:08).mp4
- 7-4 [函数] 练习_2 (15:43).mp4
- 7-5 [函数] 函数的参数 (21:14).mp4
- 7-6 [函数] 函数的返回值 (25:17).mp4
- 7-7 [函数] 变量作用域_1 (27:34).mp4
- 7-8 [函数] 变量作用域_2 (05:41).mp4
- 7-9 [函数] 变量提升 (21:04).mp4
- 7-10 [函数] 定义函数的方式 (11:57).mp4
- 7-11 [函数] 回调函数 (17:39).mp4
- 7-12 [函数] 匿名函数 (16:03).mp4
- 7-13 [函数] Debug代码调试 (17:56).mp4
- 7-14 [函数] 练习_1 (11:12).mp4
- 7-15 [函数] 练习_2 (10:56).mp4
- 8-1 [DOM] DOM简介 (07:29).mp4
- 8-2 [DOM] document对象 (16:28).mp4
- 8-3 [DOM] DOM查询操作_1 (25:21).mp4
- 8-4 [DOM] DOM查询操作_2 (19:51).mp4
- 8-5 [DOM] 访问属性 (17:52).mp4
- 8-6 [DOM] 访问内容 (12:39).mp4
- 8-7 [DOM] 访问CSS (21:21).mp4
- 8-8 [DOM] 搜索引擎_案例 (28:10).mp4
- 8-9 [DOM] DOM更新操作_1 (11:14).mp4
- 8-10 [DOM] DOM更新操作_2 (07:50).mp4
- 8-11 [DOM] 简易计算器 (10:15).mp4
- 9-1 [事件处理] 事件简介 (06:54).mp4
- 9-2 [事件处理] 事件绑定的三种方式 (16:58).mp4
- 9-3 [事件处理] 事件对象 (16:23).mp4
- 9-4 [事件处理] 鼠标和键盘事件 (23:16).mp4
- 9-5 [事件处理] 表单事件_1 (28:12).mp4
- 9-6 [事件处理] 表单事件_2 (09:46).mp4
- 9-7 [事件处理] 复选框的全选 (19:32).mp4
- 9-8 [事件处理] 事件冒泡+事件捕获 (19:01).mp4
- 9-9 [事件处理] 事件代理+事件委托 (19:02).mp4
- 9-10 [事件处理] 事件默认行为 (07:14).mp4
- 10-1 [实战-用户信息管理] 用户信息管理_1 (10:27).mp4
- 10-2 [实战-用户信息管理] 用户信息管理_2 (13:54).mp4
- 10-3 [实战-用户信息管理] 用户信息管理_3 (09:20).mp4
- 10-4 [实战-用户信息管理] 用户信息管理_4 (06:39).mp4
- 10-5 [实战-用户信息管理] 用户信息管理_5 (12:03).mp4
- 11-1 [BOM] BOM简介 (19:23).mp4
- 11-2 [BOM] window对象 (24:38).mp4
- 11-3 [BOM] location对象 (07:08).mp4
- 11-4 [BOM] history对象 (05:16).mp4
- 11-5 [BOM] 计数器 (13:38).mp4
- 11-6 [BOM] 轮播图_1 (14:43).mp4
- 11-7 [BOM] 轮播图_2 (11:30).mp4
- 11-8 [BOM] 轮播图_3 (16:48).mp4
- 12-1 [自定义对象] 使用Object创建对象 (17:52).mp4
- 12-2 [自定义对象] 使用构造函数创建对象 (18:50).mp4
- 12-3 [自定义对象] 使用对象字面量创建对象 (08:17).mp4
- 12-4 [自定义对象] 对象的使用 (23:19).mp4
- 12-5 [自定义对象] this关键字 (15:27).mp4
- 12-6 [自定义对象] 栈和堆 (29:03).mp4
- 12-7 [自定义对象] 按值传递和按引用传递 (12:03).mp4
- 12-8 [自定义对象] 闭包 (20:25).mp4
- 12-9 [自定义对象] 闭包的使用 (20:35).mp4
- 12-10 [自定义对象] JSON基本用法 (16:13).mp4
- 12-11 [自定义对象] JSON和字符串之间的转换 (13:42).mp4
- 13-1 [原型prototype] 原型prototype (27:48).mp4
- 13-2 [原型prototype] 使用prototype扩展功能 (12:56).mp4
- 13-3 [原型prototype] __proto__属性 (10:49).mp4
- 13-4 [原型prototype] 对象的类型 (18:36).mp4
- 13-5 [原型prototype] call和apply的用法 (12:36).mp4
- 13-6 [原型prototype] call和apply的区别 (16:23).mp4
- 13-7 [原型prototype] 继承的实现 (33:49).mp4
- 13-8 [原型prototype] 原型链 (17:49).mp4
- 13-9 [原型prototype] 练习 (29:35).mp4
- 14-1 [内置对象] String简介 (05:03).mp4
- 14-2 [内置对象] 字符串常用方法_1 (17:10).mp4
- 14-3 [内置对象] 字符串常用方法_2 (23:40).mp4
- 14-4 [内置对象] 基本包装类型 (18:25).mp4
- 14-5 [内置对象] Date简介 (07:31).mp4
- 14-6 [内置对象] Date常用方法 (15:54).mp4
- 14-7 [内置对象] Date的自动调整 (11:50).mp4
- 14-8 [内置对象] 制作12小时的时钟 (12:25).mp4
- 14-9 [内置对象] RegExp简介 (17:40).mp4
- 14-10 [内置对象] 正则表达式的匹配规则 (29:30).mp4
- 14-11 [内置对象] String对象的正则匹配 (11:25).mp4
- 14-12 [内置对象] 练习_1 (10:54).mp4
- 14-13 [内置对象] 练习_2 (28:35).mp4
- 14-14 [内置对象] 客户端表单校验_1 (23:48).mp4
- 14-15 [内置对象] 客户端表单校验_2 (29:02).mp4
- 14-16 [内置对象] 下拉列表 (26:27).mp4
- 14-17 [内置对象] 省市级联的实现 (19:09).mp4
- 14-18 [内置对象] 年月日级联的实现 (25:59).mp4
- 15-1 [客户端存储] 客户端存储简介 (07:03).mp4
- 15-2 [客户端存储] Cookie用法 (17:09).mp4
- 15-3 [客户端存储] WebStorage用法 (30:14).mp4
- 15-4 [客户端存储] 监听WebStorage数据变化 (07:24).mp4
- 15-5 [客户端存储] 练习 (17:00).mp4






