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:字数统计

Web前端开发第4季:JavaScript基础入门
案例02:计算器
Web前端开发第4季:JavaScript基础入门
案例03:生成成绩

Web前端开发第4季:JavaScript基础入门
案例04:下拉菜单的联动

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

标签