1

课程教学资料

• 1.1  课程标准
• 1.2  课程教学设计
• 1.3  课程教学计划
• 1.4  课程导学

2

模块一 Web交互

• 2.1  Web交互基础
•     2.1.1  变量及数据类型
•     2.1.2  运算符
•     2.1.3  if语句实现空气质量查询
•     2.1.4  switch语句实现生肖查询
•     2.1.5  数组实现生肖查询
•         2.1.5.1  技能点：for循环
•     2.1.6  函数-绩点查询
•     2.1.7  对象
•         2.1.7.1  Math对象：猜数字游戏
•         2.1.7.2  Date对象:倒计时
•         2.1.7.3  Array对象
•         2.1.7.4  String对象
•     2.1.8  练习题一
• 2.2  Web交互进阶
•     2.2.1  获取元素
•     2.2.2  操作元素
•         2.2.2.1  制作选项卡
•         2.2.2.2  淘宝五星评价
•     2.2.3  操作节点：发表评论
•     2.2.4  事件
•     2.2.5  练习题二
• 2.3  Web交互实战
•     2.3.1  验证码倒计时
•     2.3.2  offset系列属性
•     2.3.3  鼠标在盒子内的位置
•     2.3.4  模态框的拖曳
•     2.3.5  放大镜效果
•     2.3.6  滑块验证效果
•     2.3.7  scroll和client
•     2.3.8  window和screen
•     2.3.9  仿淘宝固定侧边栏
•     2.3.10  动画原理
•     2.3.11  缓动动画
•     2.3.12  回调函数
•     2.3.13  图片新闻
•     2.3.14  练习题

3

模块二 响应式Web开发

• 3.1  网格布局
• 3.2  移动端布局
• 3.3  响应式导航
• 3.4  响应式轮播图
•     3.4.1  渐变轮播图
• 3.5  茶饮网站

4

拓展学习- JQuery

• 4.1  认识JQuery
•     4.1.1  练习题四
• 4.2  jQuery中的事件
•     4.2.1  练习题五
• 4.3  jQuery中的动画特效
•     4.3.1  练习题六
• 4.4  jQuery中的DOM操...
•     4.4.1  练习题七
• 4.5  表单验证
•     4.5.1  练习题八

5

拓展学习 Bootstrap

• 5.1  初识Bootstrap
• 5.2  栅格系统
• 5.3  CSS布局
• 5.4  表单
• 5.5  Bootstrap组件
• 5.6  JavaScript组件
• 5.7  字体图标
• 5.8  招商银行首页
• 5.9  乐队网站

6

1 Xweb前端证书

• 6.1  Web前端开发初级
• 6.2  Web前端开发中级
• 6.3  Web前端开发高级

7

ES6

• 7.1  ES6
• 7.2  主要内容的制作