网页设计中web前端JavaScript交互的教程。学习网页设计后能熟练快速完成网页界面设计、网站美工设计；能运用H5+JS进行开发前端交互设计能力，开发各种网页框架。

一、web前端JavaScript交互的核心语法

javascript语法、介绍html5认识JavaScript、javascript中的对象、数组、变量、流程控制（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的javascript插件

随堂项目：利用bootstrap构建移动商城首页、用户注册、登录等页面

六、ECMAScript6

1.webpack介绍 2.webpackg管用配置 3.模块处理module 6.3种加载器loaders的使用 4.编译器babel 5.插件plugins 6.热更新次操作 7.打项目最终包

随堂练习：新前端开发环境搭建