欢迎来到《Web前端开发第4季:JavaScript基础入门篇》。如果你已经掌握了HTML构建页面骨架、CSS美化视觉样式,那么JavaScript就是让页面“活”起来的关键灵魂。这门课程专为零基础或初级学习者设计,旨在带你从第一行代码写起,彻底打通前端开发的任督二脉。
课程开篇,我们将一同**初识JavaScript**。你不仅需要理解它作为一种解释性脚本语言的核心特性,还要追溯其发展历史,建立对技术演进的宏观认知。更重要的是,我们将摒弃复杂的配置环境,直接从最实用的工具入手——学会如何在VS Code中优雅地编写代码,以及如何利用浏览器的Console控制台进行快速调试与验证。这种“所见即所得”的学习方式,能帮助你迅速建立起对代码反馈的直觉。
紧接着,课程深入**事件与DOM操作**这一核心领域。Web页面的交互本质上是“用户行为”与“元素响应”的结合。我们将通过具体案例,演示如何响应按钮点击、如何处理Input文本框的输入、以及如何动态修改div容器及其CSS属性值。你将掌握window.onload事件的重要性,并通过综合演练,理解键盘事件、Hover悬停事件等多种交互逻辑。这里强调的是“操作感”,让你明白JavaScript是如何直接操控网页元素的。
随后进入编程语言的基石——**变量与数据类型**。这一部分是所有程序员的必修课。我们将详细讲解变量的定义规范与命名原则,避免后期维护时的隐患。针对JavaScript丰富的数据类型,课程重点剖析Number数值类型与String字符串类型的用法,并特别安排专题讲解数据类型转换的技巧与陷阱。此外,通过“进制转换”的案例演示和“时间日期基本操作”的学习,你将掌握处理数据转换和复杂业务逻辑的基本能力。
最后,我们将攻克**运算符**的使用。从基础的算术运算到赋值操作,再到决定程序走向的比较运算,每一个符号都至关重要。这部分内容为后续学习条件判断和循环结构打下坚实基础。
整门课程循序渐进,从环境搭建到交互原理,再到语法基础,逻辑严密且注重实战。无论你是希望转行前端开发,还是希望完善现有的技术栈,这门课都将是你通往现代Web开发世界的坚实第一步。让我们从零开始,一起写出第一个具有交互能力的网页吧。
课程目录
课程目录67 集
- 1-1 [初识JavaScript语言] 认识JavaScript语言 (18:23).mp4
- 1-2 [初识JavaScript语言] 解释性脚本语言 (11:01).mp4
- 1-3 [初识JavaScript语言] JavaScript发展史 (14:00).mp4
- 1-4 [初识JavaScript语言] 在VS Code中写JavaScript (11:11).mp4
- 1-5 [初识JavaScript语言] 在浏览器的Console中写JavaScript (08:09).mp4
- 2-1 [初识事件和DOM] 响应按钮点击的事件 (11:25).mp4
- 2-2 [初识事件和DOM] 操作表单中Input文本框 (19:04).mp4
- 2-3 [初识事件和DOM] 操作div容器 (07:04).mp4
- 2-4 [初识事件和DOM] 修改CSS属性值 (07:45).mp4
- 2-5 [初识事件和DOM] 理解window.onload事件 (10:49).mp4
- 2-6 [初识事件和DOM] 演示:div操作综合演练 (20:37).mp4
- 2-7 [初识事件和DOM] 响应按钮点击事件的两种方法 (06:44).mp4
- 2-8 [初识事件和DOM] 响应键盘事件 (20:10).mp4
- 2-9 [初识事件和DOM] 响应Hover事件 (08:24).mp4
- 3-1 [变量] 定义变量 (11:02).mp4
- 3-2 [变量] 变量的命名 (11:28).mp4
- 3-3 [变量] Number类型 (24:18).mp4
- 3-4 [变量] 数据类型 (12:03).mp4
- 3-5 [变量] String类型 (17:39).mp4
- 3-6 [变量] 数据类型转换 (19:56).mp4
- 3-7 [变量] 案例演示:进制转换 (22:15).mp4
- 3-8 [变量] 时间日期的基本操作 (24:35).mp4
- 4-1 [运算符] 算术运算符 (26:00).mp4
- 4-2 [运算符] 赋值运算符 (25:54).mp4
- 4-3 [运算符] 比较运算符 (15:03).mp4
- 4-4 [运算符] 逻辑运算符 (09:11).mp4
- 4-5 [运算符] 三元运算符 (12:39).mp4
- 4-6 [运算符] 案例演示:计算生日是哪天? (23:53).mp4
- 5-1 [条件选择] If条件选择基本结构 (13:39).mp4
- 5-2 [条件选择] 案例演示:统计各种字符的数量 (18:11).mp4
- 5-3 [条件选择] 案例演示:通过键盘控制方块的移动 (19:25).mp4
- 5-4 [条件选择] switch条件选择基本结构 (20:08).mp4
- 6-1 [循环] while循环 (22:34).mp4
- 6-2 [循环] do--while循环 (11:52).mp4
- 6-3 [循环] 案例演示:计算纸的高度 (27:32).mp4
- 6-4 [循环] for循环 (12:00).mp4
- 6-5 [循环] 案例演示:复选框的使用 (30:07).mp4
- 6-6 [循环] 循环嵌套的案例演示:打印三角形 (15:08).mp4
- 6-7 [循环] 循环关键字:break和continue (14:22).mp4
- 7-1 [综合案例演示:实现iPhone中的计算器] 计算器的页面布局 (33:22).mp4
- 7-2 [综合案例演示:实现iPhone中的计算器] 批量响应点击事件 (15:30).mp4
- 7-3 [综合案例演示:实现iPhone中的计算器] 实现基本的运算 (16:40).mp4
- 7-4 [综合案例演示:实现iPhone中的计算器] 计算器运算的优化 (10:53).mp4
- 7-5 [综合案例演示:实现iPhone中的计算器] 计算器功能的完善 (13:50).mp4
- 8-1 [综合案例演示:轮播图] 轮播图的介绍和案例展示 (05:06).mp4
- 8-2 [综合案例演示:轮播图] 轮播图的页面布局 (27:38).mp4
- 8-3 [综合案例演示:轮播图] 实现基本的轮播 (23:18).mp4
- 8-4 [综合案例演示:轮播图] 轮播功能的完善 (16:59).mp4
- 9-1 [Array集合] 初识Array集合 (14:03).mp4
- 9-2 [Array集合] 添加和删除元素 (16:47).mp4
- 9-3 [Array集合] Array集合的遍历 (11:14).mp4
- 9-4 [Array集合] 案例演示:随机生成数字 (38:05).mp4
- 9-5 [Array集合] Array集合的常见方法 (16:32).mp4
- 9-6 [Array集合] 案例演示:生成学生成绩(上) (32:31).mp4
- 9-7 [Array集合] 案例演示:生成学生成绩(下) (34:38).mp4
- 9-8 [Array集合] 使用forEach实现Array集合的遍历 (07:39).mp4
- 10-1 [Set集合] 初识Set集合 (10:53).mp4
- 10-2 [Set集合] Set集合的遍历 (06:29).mp4
- 10-3 [Set集合] Set集合常见的方法 (15:26).mp4
- 10-4 [Set集合] 案例演示:集合的逻辑运算 (36:18).mp4
- 11-1 [Map集合] 初识Map集合 (14:58).mp4
- 11-2 [Map集合] Map集合的问题讨论 (08:36).mp4
- 11-3 [Map集合] Map集合常见的方法 (20:19).mp4
- 11-4 [Map集合] Map集合的遍历 (11:00).mp4
- 11-5 [Map集合] 案例演示:下拉框的联动(上) (25:19).mp4
- 11-6 [Map集合] 案例演示:下拉框的联动(下) (25:33).mp4
- 12-1 [第4季课程总结] 课程总结 (07:22).mp4






