1

课程教学资料

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

2

模块一 JavaScript

• 2.1  认识JavaScript
•     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  DOM对象
•     2.2.1  获取元素
•     2.2.2  操作元素
•         2.2.2.1  制作选项卡
•         2.2.2.2  四大名绣
•         2.2.2.3  淘宝五星评价
•     2.2.3  操作节点：发表评论
•     2.2.4  事件
•     2.2.5  练习题二
• 2.3  BOM对象
•     2.3.1  开屏广告
•     2.3.2  验证码倒计时
•     2.3.3  页面自动跳转
•     2.3.4  获取URL参数
•     2.3.5  navigator对象
•     2.3.6  练习题三
• 2.4  常见网页特效
•     2.4.1  offset系列属性
•     2.4.2  鼠标在盒子内的位置
•     2.4.3  模态框的拖曳
•     2.4.4  放大镜效果
•     2.4.5  滑块验证效果
•     2.4.6  scroll和client
•     2.4.7  window和screen
•     2.4.8  仿淘宝固定侧边栏
•     2.4.9  动画原理
•     2.4.10  缓动动画
•     2.4.11  回调函数
•     2.4.12  筋斗云效果
•     2.4.13  滚动轮播图
•     2.4.14  渐变轮播图
•     2.4.15  图片新闻
•     2.4.16  拼图验证

3

模块二 JQuery

• 3.1  认识JQuery
•     3.1.1  练习题四
• 3.2  jQuery中的事件
•     3.2.1  练习题五
• 3.3  jQuery中的动画特效
•     3.3.1  练习题六
• 3.4  jQuery中的DOM操...
•     3.4.1  练习题七
• 3.5  表单验证
•     3.5.1  练习题八

4

前端开发项目实战

• 4.1  日照方块软件开发有限公司
• 4.2  中电国基南方集团公司网页特效
• 4.3  国家航天局网页特效

5

拓展学习 Bootstrap

• 5.1  初识Bootstrap
• 5.2  栅格系统
• 5.3  CSS布局
• 5.4  表单
• 5.5  Bootstrap组件
• 5.6  JavaScript组件
• 5.7  字体图标
• 5.8  招商银行首页
• 5.9  乐队网站
• 5.10  缩略图和警告框
• 5.11  进度条

6

1 Xweb前端证书

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

7

ES6

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