网页设计中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.打项目最终包
随堂练习：新前端开发环境搭建