《Web前端开发精英班》课程大纲第一部分：HTML基础课程、CSS基础课程
第二部分：JavaScript入门与实战
第三部分：JavaScript高级实战
第四部分：jQuery实战
第五部分：常用库和前端框架
第六部分：HTML5新功能和高级机制
第七部分：CSS3新特性详解
第八部分：实战案例
《Web前端开发精英班》课程大纲
学习目标
我们准备了灵活而充满趣味的JavaScript课程以及最新的HTML5&CSS3课程，本课程学完，学员能精通Javascript语言在浏览器上编写绚丽的应用，同时掌握目前最先进市场占有率最高的JS库JQuery进行web特效和动画效果，掌握web游戏开发的技巧和Ajax技术。同时可以了解到主流浏览器的差异，并掌握采用符合W3C标准方式编写跨浏览器兼容的页面，并可以掌握最新的HTML5 Canvas以页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力，并能够进行初步交互设计，是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力，简化或者优化写法，针对各类人群，有较强的易读性。
一、HTML基础课程
1.前端开发介绍，HTML介绍
2.HTML标签语法规则，常见标签学习
3.HTML常见标签的常见属性学习
二、CSS基础课程
1.CSS基础及语法
2.CSS格式化文本及段落
3.CSS与颜色,背景及图像的使用
4.使用CSS格式化列表(UL及OL)
5.a标签
6.使用CSS控制表格外观使用CSS控制并美化表单
7.CSS选择器CSS选择器命名及常用命名
8.盒子模型
9.块状元素和内联元素
10.浮动清除浮动
11.定位
12．三角形
12.导航条
14.CSS精灵，
15.兼容性，CSS hack，html注释语句
16.CSS整站
第二部分：JavaScript入门与实战
JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作。
1.JavaScript的发展史以及未来
2.JavaScript的引入方式
3.JavaScript的基本数据类型、常量变量
4.JavaScript的基本运算符
5.JavaScript的赋值运算，表达式
6.JavaScript的中的语句
7.流程控制：判断语句
8.流程控制：循环语句
9.函数的基本概念
10.函数的声明与调用，函数的参数和返回值
11.函数高级用法：递归等
12.数组的基本知识
13.数组的声明，访问，遍历等
14.数组相关API：排序，添加元素，删减元素等
15.字符串的基本知识
16.this关键字的用法
17.JS异常处理
18.TAB切换效果的实现
19.编程基础综合练习
第三部分:JavaScript高级实战
1.浏览器对象模型
2.Document对象学习
3.文档对象模型学习
4.事件处理
5.滚动类效果
6.碰壁反弹效果
7.拖拽效果
8.无缝滚动效果和轮播效果
9.Math对象的基本知识
10.Date对象的知识与应用
11.DOM文档对象模型的基本知识和效果开发
12.BOM浏览器对象模型
13.计时器的原理与应用
14.不同数据类型数据的操作方法
15.构造函数的基本知识
16.闭包、面向对象
17.作用域的基本知识、原型与原型链
18.web开发综合案例
19.综合案例引入原生项目
20.初级前端工程师面试题讲解
第四部分:jQuery实战
jQuery是继prototype之后又一个优秀的Javascript框架。jQuery使用户能更方便地处理HTML、documents、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery能够使用户的html页面保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需定义id即可。
1.jQuery的基本语法
2.jQuery中的常用选择器
3.jQuery对于事件的处理
4.jQuery中的动画知识与应用
5.jQuery的文档操作
6.jQuery对属性，CSS的修改和设置
7.jQuery的核心与原理
8.运用jQuery进行效果的开发
9.jQuery使用技巧和经验分享
10.jQuery初学者常见的问题
11.jQuery简短右键菜单
12.jQuery导航菜单实例
13.jQuery中的事件总结
14.jQuery的强大选择器
15.jQuery分页控件实现
16.使用jQuery简化Ajax开发
17.利用jQuery实现页面渐显效果
18.jQuery性能优化指南
19.jQuery编写的超酷幻灯片效果
20.jQuery轻松实现拖动效果
21.jQuery AJAX异步访问
22.jQuery AJAX加载片段
第五部分：常用库和前端框架1.常用库jQuery UI
2.常用库jQuery Mobile
3.前端框架Bootstrap
4.前端框架Angular.js
5.前端框架React.js
第六部分:HTML5新功能和高级机制
HTML5是用于取代1999年所制定的HTML4.01和XHTML1.0标准的HTML [1]（标准通用标记语言下的一个应用）标准版本；现在仍处于发展阶段，但大部分浏览器已经支持某些HTML5技术。HTML5有两大特点：首先，强化了Web网页的表现性能。其次，追加了本地数据库等Web应用的功能。
1.新语义化标签：section、header、footer、nav、article、aside、figure、dialog、time、meter、mark、progress、video
2.最新的属性和方法
3.selectors API选取元素
4.getElementsByClassName选取class,包括其中的属性：item namedItem
5.window.JSON API:JSON.stringify()JSON.parse()
6.Data-*:标记可以用来的自定义数据
7.classList接口:item()contains()add()remove()toggle()
8.拖拽事件:drag drog,包括的方法：dragenter、dragover、
9.dragenter、dragleave等。如何读取数据：dataTransfer readAsDataURL 等
10.制作一个拖拽图片的效果等
11.canvas画图:
12.最基本的操作：getContext画方块画圆等
13.路径操作：beginPath closePath moveTo lineTo等
14.文字操作：阴影，字体变换等
15.变换操作：曲线，变形，缩放，旋转等
16.图片的操作：背景，图片drawImage(),制作一个图片旋转效果
17.audio video(音频视频)
18.与flash等其他播放的区别
19.什么是：视频容器、编解码器
20.播放元素：source controls type loop等
21.常用控制函数：load()play()pause()canPlayType()
22.介绍：媒体特性、和video元素的额外特性等
23.Forms API(表单操作)
24.新的表单元素:tel email url search range等
25.移动端与PC端表现的差异性
26.介绍未来的forms元素:number color datetime等
27.新的表单函数：placeholder autocomplete autofocus等
28.制作一个html5的表单验证效果
29.Geolocation(地理位置信息)
30.Geolocation API介绍：getCurrentPostion updateLocation等
31.经纬坐标介绍，latitude(纬度)longitude(经度)accuracy(准确度)等
32.如何获取数据:IP地址、GPS全球定位Wi-Fi等
33.postMessage\xhr Lever2(跨源文档消息通信)
34.postMessage的操作:iframe、标签页、窗口进行跨源通信
35.postMessage API介绍:message data origin等
36.XMLHttpRequest Lever2加强版ajax介绍
37.跨域：XMLHttpRequest设置
38.最新的xhr Lever2事件:progress(进度事件)load error等
39.拖拽上传文件进度条效果
40.本地与离线存储
41.web Storage与传统cookie的区别
42.本地存储：sessionStorage localStorage的不同
43.用sessionStorage解决cookie存在的存储问题
44.通过浏览器查看存储情况
45.离线存储:mainfest文件设置，包括:network fallback等
46.离线的缓存、更新的处理细节
第七部分:CSS3新特性详解
CSS3是CSS技术的升级版本，CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂，所以，把它分解为一些小的模块，更
多新的模块也被加入进来。这些模块包括：盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等。
1.CSS3的发展现状、CSS3中的新增选择器
2.CSS3边框效果的讲解与应用
3.CSS3阴影效果的讲解与应用
4.CSS3透明度效果
5.CSS3渐变效果、CSS3中对背景的相关操做
6.CSS3中倒影效果的讲解与应用
7.CSS3中的二维平面变形效果的讲解与应用
8.CSS3过渡与动画效果的开发
9.三维立体变形原理
10.CSS3中的三维立体变形效果的讲解与应用
11.3D坐标系构建思想
12.3D动画的制作
13.CSS3自适应布局的基本知识和应用
14.CSS3分栏的基本知识和应用
第八部分:实战案例
1.案例分析，最新项目
2.项目部署，Git和Github操作
3.性能优化，工程结构
4.高级前端工程师面试题讲解