《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 UI2.常用库jQuery Mobile3.前端框架Bootstrap4.前端框架Angular.js5.前端框架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、video2.最新的属性和方法3.selectors API选取元素4.getElementsByClassName选取class,包括其中的属性：item namedItem5.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.高级前端工程师面试题讲解。