web前端全栈工程师课程大纲

　　阶段一：前端入门(12天)

　　目标：

　　前端开发工程师，首先需要成为一个好的页面制作师(切图工程师)。在前端入门阶段中，学习互联网基本知识，深入学习HTML、CSS，会完成基本的静态页面制作。会使用基本的设计软件，如PhotoShop和Fireworks进行切图，会精确的还原设计图。学习基本的浏览器兼容问题的处理方法。

　　主要内容：

　　计算机基本操作、打字基本指法、互联网基本原理、服务器、浏览器、HTTP请求。编程工具介绍、HTML简介、语义化标签、p标签和h系列标签。HTML基本骨架、meta标签、字符集、关键字、页面描述。a标签和img标签、列表标签，相对路径和绝对路径。 CSS介绍、选择器、浮动、背景属性、定位属性。简单的企业站制作、搜索引擎优化知识。项目实战。

　　阶段二：JavaScript基础 (10天)

　　目标：

　　JavaScript入门容易，精通难。我们在JavaScript基础阶段，主要学习JavaScript最基本的语法，认识变量、表达式、运算符等。学习if、for等各种语句。并通过一些数学问题，来练习简单的算法。在这个阶段，还要学习DOM，知道JavaScript如何控制HTML元素。

　　主要内容：

　　JavaScript简介、前台语言和后台语言的区别、编程工具、变量、运算符、表达式、变量类型。连字符、输入语句、输出语句。parseInt、parseFloat函数。for循环语句、while循环语句、较复杂的数学算法练习，比如水仙花数、质数、哥德巴赫猜想。函数的概念，函数的参数、返回值。学习使用函数简化问题，函数的递归。更复杂的数学算法练习，斐波那契数列。内置对象、字符串的常见处理、日期对象的处理。事件的概念。JavaScript得到页面元素的方法、改变页面元素样式的方法、改变页面元素HTML属性的方法。制作水平菜单、手指触碰图片交换。定时器、setInterval和setTimeout、运动的基本实现方法。运动的开始和停止，相关问题的处理。用面向过程的方法制作轮播图、手风琴。鼠标滚轮事件、拖拽事件和相关案例。

　　阶段三：JavaScript进阶和框架设计 (13天)

　　目标：

　　学习深入的学习JavaScript的特性，学习面向对象，正则表达式、排序、闭包等知识。学习jQuery，知道jQuery的使用方法，并且深入理解jQuery的框架封装思想。最后，还需要自己编写JavaScript框架。

　　主要内容：

　　对象的概念、创建对象、属性的查询和设置、删除属性、检测属性、枚举属性、属性getter和setter、属性的特性、序列化对象、对象方法。内置对象。面向对象编程思维。继承、继承机制实例、继承机制的实现、其他继承方式。正则表达式、表单验证。正则表达式小技巧。排序算法、递归算法、闭包，函数节流，作用域链。underscore.js介绍，源码解析，构建模式。常用工具函数的封装。jQuery介绍、选择器、动画、DOM操作、方法链、拖拽、变形。用jQuery制作页面效果案例。jQuery效果课。网页上的常见效果的制作的原理和实现，复杂效果也应该会用jQuery制作，比如优酷各个栏目的轮播图。jQuery的相关插件。比如jQueryUI、mousewheel.js、easing.js等。命名空间、对象扩展、数组化、类型的判定、浏览器嗅探与特征侦测、类工厂、选择器引擎。节点模块、常见DOM效果的封装。样式模块。样式名的修正、个别样式。事件模块。attachEvent、addEventListener的使用，jQuery.event.**部分的源码解读。异步处理、动画引擎。可拓展性、模块化、框架的整体完成。

　　第四阶段：服务器和Ajax(5天)

　　目标：

　　学习服务器的基本知识，以PHP为例简要学习后台语言。学习Ajax的使用，并且学习JSONP跨域、lazy-load等高级技术。

　　主要内容：

　　服务器基本知识、Apache服务器介绍、安装。HTTP介绍、常见状态码、POST和GET。PHP简介、PHP基本语法。Ajax简介和异步的概念、Ajax框架的封装、XMLHttpRequest对象详细介绍、兼容性处理方法、Ajax中缓存问题。JSON和JSON的解析、数据绑定和模板技术、常见效果案例。JSONP、跨域技术、常见效果案例。图片预读取和lazy-load技术、使用Ajax实现瀑布流案例、jQuery框架中的Ajax API、XML简介。

　　第五阶段：HTML5、CSS3和移动web开发(16天)

　　目标：

　　学习HTML5，知道HTML5新的特性，使用Canvas开发手机游戏。学习CSS3，会使用CSS3制作炫酷的网站效果。学习响应式手机制作，学习移动设备web开发的方法。

　　主要内容：

　　HTML5新语义标签、HTML5表单、音频和视频、离线和本地存储、SVG、Web Socket。Canvas简介、常用API、绘制图形、图片。使用面向对象写Canvas绚丽效果、数据可视化。canvas游戏。CSS3新选择器，伪元素、颜色表示法，边框，阴影、background系列属性改变、transition，动画。景深和透视，3D效果制作、炫酷CSS3效果。Velocity.js框架、元素进场和出场、炫酷CSS3网页制作。CSS3炫酷页面实战课。响应式的概念、流式布局、弹性盒、使用流式布局制作弹性页面。媒体查询、CSS3多列属性。移动端页面的制作规范、跨终端Web和主流设备简介、视口、rem。BootStrap框架简介、使用。栅格系统、栅格系统原理、圣杯布局、Bootstrap常用模板、LESS和SASS。使用BootStrap开发项目。移动终端JavaScript事件、手机中常见js效果制作、Zepto.js

　　第六阶段：原生移动开发和微信(10天)

　　目标：

　　学习使用web技术开发手机应用的方法。学习微信开发。

　　主要内容：

　　WebApp/NativeApp/HybirdApp简介、Cordova简介、与PhoneGap之间的关系、开发环境搭建、简单页面制作。React Native简介、React Native环境配置、使用模拟器、项目结构、React基础、render函数、注册组件、修改组件。在React Native 中使用导航、动画和滑动菜单。用React Native 绘制Canvas、使用WebView。前端开发设计模式、MVC、与AngularJS购物车的实战。高效的前后端结合，Bigpipe 项目实战。JS-SDK配置、定制菜单、回调，前后端联调。定制分享内容、扫一扫、地理位置、音频、图像处理。支付、卡券、微店、微信开发模式与Api。

　　第七阶段：Node.js全栈开发(9天)

　　目标：

　　学习Node.js开发，从最简单的配置、事件驱动原理开始，认识模块的概念，学习NoSQL(以MongoDB为例)。学习Express.js框架，知道MVC开发项目的模式，学习Angular.js，整合前后端。

　　主要内容：

　　Node.js快速入门、Node.js发展、生态圈、Io.js、Linux/Windows/OS X环境配置、REPL环境和控制台程序、异步编程，非阻塞I/O、模块概念，模块管理工具。HTTP协议，请求响应处理过程、非关系型数据库操作和数据访问、NoSQL介绍、使用。Express简介+MVC简介、Express常用API、Express路由模块、Jade/Ejs模板引擎、使用Express重构Blog案例、Koa等其他常见MVC框架。敏捷开发，SCRUM、团队角色分配、版本管理系统、GIT、SVN。RESTful风格的WebAPI、RESTful风格API调用方式和技巧、基于Node.js+Express编写RESTful API。

　　第八阶段：综合项目开发(15天)

　　目标：

　　各大互联网公司的前端开发，都有着严密的流程。在本阶段，将带领学生进行综合项目开发，一切按照大公司的标准流程进行。学习项目生命周期的相关知识，学习git、svn。制作前后端结合、三屏结合的大综合项目。在本阶段，还将讲解职业规划课程。

　　主要内容：

　　真实大综合项目开发。传统PC端Web结合WebAPI、移动端Web结合WebAPI、移动APP结合WebAPI。Node.js结合传统服务端(JAVA、ASP.NET)。模块工具或框架，如webpack，broswerify，seajs，kissy等介绍。模块化工具、组件化再用工具，如grunt，gulp介绍。打包压缩工具，版本控制git，svn，cvs介绍。职业规划课程，前端开发面试经验。