适合对象
1.计划从事
WEB前端开发的学员；
2.计算机专业类学生；
3.在职
前端开发；
4.计划转职*者；
5.零基础或者少量基础，对前端有兴趣的学院。
学习目标
1.掌握
前端必备知识；
2.会使用流行框架；
3.通过实战达到让学员具有一年*经验的水平。
课程大纲
单元一：Html基础
1.了解HTML及W3C标准：Html简介及DreamWeaver的使用；
2.HTML标签：HTML快速入门、文本、图像、链接、表格、列表、表单等；
3.HTML框架：frameset的使用，简单框架布局。
单元二：CSS3基础
1.CSS3基础：选择器，颜色，文本，边框；
2.CSS3盒模型：CSS3弹性盒子模型；
3.CSS3布局：flex伸缩布局，多列布局等特性；
4.CSS3动画：过渡，动画，转化；
5.WEB字体及兼容性：字体格式，图标，兼容性。
单元三：JS基础
1.JS简介：JS作用，书写位置，执行入口，事件三要素等；
2.JS变量和数据类型：变量的作用域，数据类型，常用数据类型转换；
3.JS函数及流程控制：函数的声明及使用，运算符，分支语句，this；
4.JS常用对象：数组对象，String对象，Math对象，Date对象。
单元四：前端高级框架
JQUERY的使用
1.JQUERY的基本使用：函数入口，时间处理等；
2.JQUERY选择器：JQUERY选择器，事件；
3.JQUERY效果：隐藏和显示，淡入淡出，滑动，动画等；
4.JQUERY操作DOM：遍历元素，设置，添加以及删除元素；
5.JQUERY页面效果插件：用JQUERY插件实现常见的网页效果；
6.JQUERY动画插件：GSAP、VelocityJs、JqueryTween等常用的动画插件及案例。
Bootstrap
1.bootstrap框架的介绍和使用：css组件架构的设计，js的插件架构设计；
2.bootstrap组件使用：小图标，下拉菜单，按钮组，导航条等各种组件的使用；
3.用bootstrap完成响应式布局：组件的扩展，综合练习。
单元五：前端开发进阶
AJAX
1.AJAX基础
H5进阶
1.HTML5概述
2.新增元素及属性1：新增主体和非主体结构元素、网页音视频播放及表单属性详解；
3.新增元素及属性2：拖放、地理位置及其他新增标签；
4.canvas、SVG：Canvas的使用、图形绘制处理及绘制SVG图形；
5.Web存储：localStorage、sessionStorage详解；
6.应用缓存及web works：应用缓存及web works应用；
7.服务器推送事件：服务器推送事件及其他新增事件讲解。
C3进阶
1.CSS3新选择器和属性：新选择器、字体、背景、边框、阴影、渐变；
2.CSS3弹性盒模型；
3.CSS3动画和3D效果：元素变换—移动/旋转/缩放，3D效果制作；
4.CSS3综合运营：CSS3案例。
JS进阶
1.DOM模型：DOM定义，节点访问和操作；
2.JS浏览器对象：window，计时器，History,Location,Screen对象；
3.JS面向对象：面向对象的概念，继承,多态等高级特性；
4.常用设计模式：工厂模式，单体模式，命令模式等常用设计模式。
单元六：移动应用开发
Responsive&Bootstrap
1.bootstrap框架的介绍和使用：CSS组件架构的设计，JS的插件架构设计；
2.bootstrap组件使用：小图标，下拉菜单，按钮组，导航条等各种组件的使用；
3.用bootstrap完成响应式布局：组件的扩展，综合练习
Node.JS
1.Nodejs开发环境搭建：Node.js简介、安装、运行和NPM的安装与配置；
2.事件机制；
3.程序处理：文件、进程、流；
4.Web应用：构建Web应用程序；
5.Express框架应用；
6.Nodejs综合应用：NodeJS实例讲解。
Node cordova
1.Webapp/本地app/混合app简介、开发环境搭建、cordova实战、lonic框架的使用。
React
1.react安装：react安装，快速搭建Webpack+React+Es6脚手架；
2.JSX语法：JSX语法介绍、JSX语法使用；
3.react组件：React组件入门、State和Props、组件API、组件的生命周期；
4.React表单与事件：React表单的使用、React事件；
5.React Ajax：React AJAX异步调用数据渲染UI的运用；
6.React-router：React Router的基本使用；
7.React项目实战：React开发widget实战。
Vue.js
1.Vue.js基础
单元七：*指导与实战
1.职业生涯规划、职场礼仪与沟通；
2.模拟面试与简历指导（基础）
单元八：在线测试
1.【职场前段】领英在线测试
