您好,欢迎访问术业教育集团官网(上海校区、苏州校区)

021-52657951

全国咨询热线

您现在所在位置: 主页 > 集团新闻 > 学习问答

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.打项目最终包
随堂练习:新前端开发环境搭建
'

免费试听课程

课程顾问为您服务,与全球1000万会员一起提高学习掌握技能

看不清?点击更换

免费试听热门课程
点击更换 立即申请免费试听

在线客服

ONLINE SERVICE

联系电话

021-52657951

返回顶部