只用4个月 成为WEB前端工程师

一套课程全部搞定

移动端 HTML5课程大纲

（学期：四个月）

开?课时间费?用

阶段 WEB前端核心CSS HTML5 CSS3

01WEB前端核心基础: 

前端开发环境介绍：通过Dreamweaver、HBuilder、Notepad 制作出跨越平台限制和跨越浏览器兼容性的页面; HTML标记规范，CSS基础，CSS核心属性，CSS样式类型，选择器与权重，继承、控制元素性质，CSS高级应用，CSS文档统筹，整站案例; 浏览器兼容与宽高自适应；

02HTML5 CSS3移动端:

HTML5新增的元素与属性; 表单域增强元素; CSS3选择器; 文字字体相关样式; CSS3位移与变形处理; CSS3 2D转换与过度动画; CSS3 3D转换与关键帧动画; 弹性盒模型; 媒体查询; 响应式设计; 企业级BootStrap开发高级课程; 移动端WEB实战案例;

第二阶段 JavaScript交互开发

01WEB原生JavaScript交互开发

JavaScript的主要特点、应用与组成; JavaScript运算符优先级与数据类型的转换规则; JavaScript条件判断语句：if语句、switch语句; JavaScript流程控制-循环控制语句; JavaScript函数的调用与参数使用; 函数-验证登录的案例; 对象Object与String对象; 利用Date对象制作网页时钟案例; 的for.in循环语句(遍历对象); 创建Array对象; String对象抽奖案例演示; JavaScript正则表达式与正则表达式的创建; 支持正则表达式的 String 对象的方法与表单验证案例; 事件-鼠标键盘事件; 事件-页面相关事件; 注册与移除事件监听器; document获取文档中各类元素; 创建各类节点与JS的DOM操作; DOM操作通过文档根节点获取节点; BOM操作;

02JavaScript工具库自主研发

高性能、轻量级类 DOM库; 事件库; AJAX库的实现; 原型和继承库;

03移动前端中面向对象进阶与 ES5/ES6应用

移动端中设计模式（观察者模式开发等）; 原型对象和原型链; 构造函数; 执行上下文栈与执行上下文; 变量对象与活动对象; 作用域链; 闭包：要执行的代码块; ES5中的核心特性; ES6中重要知识点;

第三阶段 jQuery与javascript交互特效开发应用

01Javascript实战

1. 自适应瀑布流 ;

2.淘宝首页轮播图 ; 

3.淘宝分类菜单 ; 

4.淘宝放大镜 ; 

5. 微博弹出可拖拽窗口 ; 

6.仿苹果菜单 ; 

7.聊天界面 ; 

8.模拟windows可拉伸窗口 ; 

9.模拟烟花效果 ; 

10.照片墙 ; 

11.土豆悬浮菜单 ; 

12.打飞机游戏;

02 jQuery程序交互特效开发

jQuery框架基本选择器; jQuery层级选择器和基本筛选器; jQuery可见性过滤器和表单过滤器; jquery侧边栏; 网页定位导航特效; 滑动门特效; 焦点图轮播特效; jQuery顶部导航效果; jQuery瀑布流特效; 仿京东多条件筛选; 京东商城左侧分类导航; 小米电商

第四阶段 AngularJS 移动端开发高级应用

01 Angularjs

Angularjs概述和数据绑定; Angularjs$scope作用域以及代码压缩; Angularjs内置指令; Angularjs购物车项目; Angularjs表单验证; Angularjs用户注册项目; Angularjs自定义指令; Angularjs过滤器; Angularjs服务; Angularjs自定义服务; Angularjs弹窗服务项目; Angularjs插件; Angularjs外部插件ui-router使用; 图书商城实战案例;

02 WEB端 移动端 PHP完成项目实战

Ajax进阶、跨域与 Defered; PHP基础; 完全掌握MySQL数据库的基本使用; MySQL数据库的多种高级应用; 掌握数据库的备份还原及性能优化操作; Apache与 Nginx 环境搭建与配置; 接口的定义; Mock数据; Restful; 前后端联调; 前端安全(XSS,CSRF,JSON注入); WEB端 移动端 PHP完成项目实战;

第五阶段 移动端项目开发 端开发

移动端HTML5

Canvas 基础知识; 绘制矩形、圆弧、线段、曲线、渐变与图像; Canvas 图表绘制案例; localStorage、sessionStorage 与离线缓存; animate.css; Yo/Mui; touch.js; zepto.js; swiper; IScroll;

场景

WeUI; Swiper animate 在场景项目中的使用; 常见的页面布局; 常见的交互与动画; 端实战项目;

企业级WebAPP开发实战

WebApp项目实战 ; 场景开发 ; Angular框架 ; ionic 框架 ; Angular ionic 项目实战;

企业级Hybrid开发实践

phonegap;接口开发;

应用 Ionic开发 WebApp项目

css components; ionic基于 angularJS扩展的交互指令介绍; blank模板的安装; 头部与尾部; 内容区域; 列表; 区域滚动; 下拉刷新与上拉加载; 页签导航; 背景层与旋转 SVG图标; loading 效果; actionsheet 效果; 弹出窗口; 弹出浮动层; 底部满屏滑动窗口; ionic 自带的 swiper滑动; 基于 swiper组件的

第六阶段 WEB开发扩展 NodeJS

Git免费、开源的分布式版本控制系统，用于敏捷高效地处理任何或小或大的项目； Bower客户端技术的软件包管理器； Compass系统是美国Newpoint Technologies有限公司的核心产品，是广播电视等行业的网络监控及管理系统。 gulp.js - 基于流的自动化构建工具； mongoDs； grunt； webPack；

NodeJS

Node.js介绍与交互式运行环境REPL； Node.js基础详解 ； 模块与NPM包管理工具 ； 使用Buffer类处理二进制数据 ； 使用File System类在Node.js中操作文件系统 ； TCP与UDP数据通信 ； HTTP与HTTPS ； Process/Child Processes进程与子进程 ；

第七阶段 毕业作品整理与就业应聘

毕业设计指导与整理；WEB前端开发高级讲师及WEB前端开发资深工程师指导你完成毕业作品，以备应聘时使用；

对学习过的所有课程和自己做一个完美的总结。要求必须完成成整套WEB前端网站实战作品并完成移动网站开发作品；

就业应聘技巧与职业规范：就业形势分析及指导；毕业学员在应聘前应该做的准备。

学生作品质量 体现教学实力

120天学习 = 3年工作经验