Web前端开发第4季：JavaScript基础入门

课程老师

王进（iLync）Python开发讲师教学风格独特，以学员视角出发设计课程，难易适度，重点突出，架构清晰，将实战经验融合到教学中。讲授技术同时传递方法。得到广大学员的高度认可。

课程大纲

01.初识JavaScript语言（6节）
1.认识JavaScript
2.解释性的脚本语言
3.JavaScript发展史
4.在VS Code中写入JS
5.前端第4季JavaScript入门PPT 8.0MB | rar文件
6.前端第4季JavaScript入门课程源码 0.8MB | rar文件
02.初识DOM和事件（10节）
1.在浏览器中写入JS
2.响应按钮点击事件
3.操作Input文本框
4.操作div容器
5.操作CSS属性
6.理解window.onload
7.演示：div操作的综合演练
8.响应按钮点击事件的两种写法
9.响应键盘事件
10.响应hover事件
03.变量（8节）
1.定义变量
2.变量的命名
3.数据类型
4.Number类型
5.字符串String类型
6.数据类型转换
7.案例演示：进制转换
8.时间日期的基本操作
04.运算符（6节）
1.算术运算符
2.赋值运算符
3.比较运算符
4.逻辑运算符
5.三元运算符
6.演示：计算生日是哪天
05.条件选择（4节）
1.if条件选择基本语法结构
2.案例演示：统计各种字符数量
3.案例演示：使用键盘控制方块的移动
4.案例演示：switch条件选择
06.循环（7节）
1.while循环
2.dowhile循环
3.计算纸的高度并比较
4.for循环基本结构
5.案例演示：复选框的使用
6.循环嵌套案例演示：打印三角形
7.break和continue
07.案例演示：计算器（5节）
1.计算器的布局
2.批量响应点击事件
3.实现基本的运算
4.计算器运算的优化
5.计算器功能完善
08.案例演示：轮播图（4节）
1.轮播图介绍和案例展示
2.轮播图的前端页面布局
3.实现基本的轮播
4.轮播功能的完善
09.Array集合（8节）
1.初识Array集合
2.添加和删除元素
3.Array集合的遍历
4.案例演示：随机生成数字
5.Array集合常见的方法
6.案例演示：生成学生成绩(上)
7.案例演示：生成学生成绩(下)
8.使用forEach遍历集合
10.Set集合（4节）
1.初识Set集合
2.Set集合的遍历
3.Set集合常见的方法
4.案例演示：Set集合的逻辑运算
11.Map集合（6节）
1.初识Map集合
2.Map集合的问题讨论
3.Map集合常见的方法
4.Map集合的遍历
5.案例演示：下拉框的联动(上)
6.案例演示：下拉框的联动(下)
12.第四季课程总结（1节）
1.课程总结

课程详情

适用人群：
本课程属于“跟着王进老师学Web前端开发”的组成部分，在学习本课程前需要掌握HTML、CSS基础知识。
1.零编程基础想要进入编程行业学员
2.对前端开发、全栈开发感兴趣人员
3.其它技术想要转大前端开发人员
课程目标：
JavaScript是一种网页交互语言，为网页增添了巨大的表现力和交互能力，极大提高了用户体验，如今很难在找到不使用JavaScript的网站了。本课程主要是为刚刚接触JavaScript的朋友准备，详细的讲解了JavaScript的基本语法，以及事件的处理操作。
课程介绍：
本季课程为JavaScript基础语法篇，着重介绍了JavaScript脚本语言的基础语法部分
内容包含：
◆ 认识JavaScript脚本语言、发展史、编译工具
◆ JavaScript中的变量、数据类型、类型转换
◆ 条件选择（if–else, if–else if ,switch–case）
◆ 循环（while循环, do–while循环, for循环，循环嵌套 ）
◆ 集合（Array基础常见操作、案例演示）
◆ set集合、map集合（集合的遍历、集合常用的方法）
◆ 课后习题
在本季课程的讲解部分结合了大量的案例演示，通过案例演示可以清楚的加深对JavaScript基本语言的理解； 建议在学习的过程中，一定要动手实战，这样才能真正的领悟到JavaScript的语法细节。

课程案例展示

案例01:字数统计

案例02:计算器

案例03:生成成绩

案例04:下拉菜单的联动