1

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

2

• 模块一 JavaScript
• 2.1认识JavaScript
•     2.1.1变量及数据类型
•     2.1.2运算符
•     2.1.3if语句实现空气质量查...
•     2.1.4switch语句实现生...
•     2.1.5数组实现生肖查询
•     2.1.5.1技能点：for循环
•     2.1.6函数-绩点查询
•     2.1.7对象
•     2.1.7.1Math对象：猜数字...
•     2.1.7.2Date对象:倒计时
•     2.1.7.3Array对象
•     2.1.7.4String对象
•     2.1.8练习题一
• 2.2DOM对象
•     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.3BOM对象
•     2.3.1开屏广告
•     2.3.2验证码倒计时
•     2.3.3页面自动跳转
•     2.3.4获取URL参数
•     2.3.5navigator对象
•     2.3.6练习题三
• 2.4常见网页特效
•     2.4.1offset系列属性
•     2.4.2鼠标在盒子内的位置
•     2.4.3模态框的拖曳
•     2.4.4放大镜效果
•     2.4.5滑块验证效果
•     2.4.6scroll和clie...
•     2.4.7window和scre...
•     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.2jQuery中的事件
•     3.2.1练习题五
• 3.3jQuery中的动画特效
•     3.3.1练习题六
• 3.4jQuery中的DOM操...
•     3.4.1练习题七
• 3.5表单验证
•     3.5.1练习题八

4

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

5

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

6

• 1 Xweb前端证书
• 6.1Web前端开发初级
• 6.2Web前端开发中级
• 6.3Web前端开发高级

7

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