web前端JavaScript交互的学习要点
更新时间:2021-05-06
网页设计中web前端JavaScript交互的教程。学习网页设计后能熟练快速完成网页界面设计、网站美工设计;能运用H5+JS进行开发前端交互设计能力,开发各种网页框架。
一、web前端JavaScript交互的核心语法
java语法、介绍html5认识JavaScript、java中的对象、数组、变量、流程控制(if…else switch…case while for)
随堂项目:九九乘法表、闰年计算、谁是高富帅(if…else.. Switch…case)
BOM与DOM操作 DOM操作:让一成不变的网页动起来;BOM操作:浏览器也有话要说
随堂项目:网页时钟的制作、回到顶部
二、web前端JavaScript交互事件编程
JS的事件机制:让网页回应你的问候;常见的JS事件:单击、双击、移动、悬停、焦点的获取与失去、浏览器的关闭与加载
随堂项目:1.选不中的按钮的实现 2.做一个计算器怎样?
三、正则表达式
正则表达式的语法基础、利用正则表达式做字符匹配、面向对象编程:脱离过程走向对象
随堂项目:邮箱格式的验证、编写一个获取常见输入数据的格式验证类。
四、面向对象编程
面向对象编程简介、对象的创建、继承的实现、原型与原型链。
随堂项目:仿windows屏保气泡
五、JQuery
JQuery基础语法、JQuery选择器、JQuery的BOM与DOM操作、事件编程、常见动画与自定义动画编程
随堂项目:打地鼠游戏、抽奖轮盘制作
JQuery项目实战:图片轮播、利用jQuery制作拼图、贪吃蛇等项目实训
Bootstrap bootstrap介绍、bootstrap的栅格系统、CSS样式、组件、bootstrap的java插件
随堂项目:利用bootstrap构建移动商城首页、用户注册、登录等页面
六、ECMAScript6
1.webpack介绍 2.webpackg管用配置 3.模块处理module 6.3种加载器loaders的使用 4.编译器babel 5.插件plugins 6.热更新次操作 7.打项目最终包
随堂练习:新前端开发环境搭建
'
一、web前端JavaScript交互的核心语法
java语法、介绍html5认识JavaScript、java中的对象、数组、变量、流程控制(if…else switch…case while for)
随堂项目:九九乘法表、闰年计算、谁是高富帅(if…else.. Switch…case)
BOM与DOM操作 DOM操作:让一成不变的网页动起来;BOM操作:浏览器也有话要说
随堂项目:网页时钟的制作、回到顶部
二、web前端JavaScript交互事件编程
JS的事件机制:让网页回应你的问候;常见的JS事件:单击、双击、移动、悬停、焦点的获取与失去、浏览器的关闭与加载
随堂项目:1.选不中的按钮的实现 2.做一个计算器怎样?
三、正则表达式
正则表达式的语法基础、利用正则表达式做字符匹配、面向对象编程:脱离过程走向对象
随堂项目:邮箱格式的验证、编写一个获取常见输入数据的格式验证类。
四、面向对象编程
面向对象编程简介、对象的创建、继承的实现、原型与原型链。
随堂项目:仿windows屏保气泡
五、JQuery
JQuery基础语法、JQuery选择器、JQuery的BOM与DOM操作、事件编程、常见动画与自定义动画编程
随堂项目:打地鼠游戏、抽奖轮盘制作
JQuery项目实战:图片轮播、利用jQuery制作拼图、贪吃蛇等项目实训
Bootstrap bootstrap介绍、bootstrap的栅格系统、CSS样式、组件、bootstrap的java插件
随堂项目:利用bootstrap构建移动商城首页、用户注册、登录等页面
六、ECMAScript6
1.webpack介绍 2.webpackg管用配置 3.模块处理module 6.3种加载器loaders的使用 4.编译器babel 5.插件plugins 6.热更新次操作 7.打项目最终包
随堂练习:新前端开发环境搭建
'
相关问答:
- 2023-03-24※ 上海的新手如何学习网页美工设计技能?
- 2023-03-23※ 上海浦东报名网页美工设计师培训班多少钱?
- 2023-03-22※ 上海网页美工设计师需要学习哪些技能?
- 2023-03-22※ 上海徐汇网页美工设计培训学校在哪?
- 2023-03-20※ 上海学习网页前端开发课程去哪报名?
- 2023-03-17※ 上海学习网页设计有哪些好学校?
- 2023-03-15※ 上海网页美工设计师需要哪些技能?
- 2023-03-15※ 在上海学习H5网页设计技能以后能就业吗?
热门问答
-
上海新手去哪学习模具设计...
学模具设计要学多久?模具设计怎么学?有关模具设计培...
-
上海徐汇零基础学习Lum...
景观动画渲染培训班:Lumion动画渲染和Ensc...
-
上海普陀零基础学习Lum...
上海景观园林设计培训学校:Lumion景观动画及E...
-
上海景观动画渲染培训班适...
海景观园林设计培训学校:景观动画渲染培训班课程介绍...
-
上海普陀报名景观设计培训...
上海术业教育SketchUp景观设计培训班通过景观...
-
上海术业教育的景观手绘设...
景观手绘培训班去哪里报名?术业教育景观手绘培训班。...
-
上海术业教育开设景观庭院...
景观设计培训学校哪家好?术业教育景观庭院设计培训班...
-
上海徐汇CG插画就业班哪...
什么是CG插画?CG插画和传统手绘插画有什么区别?...
-
上海徐汇适合新手学习的C...
CAD机械制图的标题栏位于图中的右下角,标题栏一般...
-
上海模具设计培训学校学习...
很多人知道机械制图原理,却不知道如何用CAD制图软...
免费试听课程
课程顾问为您服务,与全球1000万会员一起提高学习掌握技能