首页 > 课程大纲
H5全栈大前端工程师基础班
学习对象：
1、对互联网充满热情，想要从事H5前端开发、全栈开发的学员；
2、网页设计师、后台开发人员等互联网从业人员，转型H5全栈前端开发工程师；
3、没有计算机基础，愿意从事IT开发，改变生活现状，改变命运的学员；
4、计算机相关专业大学生，热爱H5全栈前端开发；
培训周期：
10教学日，脱产学习14天。
培训方式：全日制脱产，每周5天上课, 上两天课休息一天的上课方式（实际培训时间可能因法定节假日等因素发生变化）。
培训要求：自带笔记本。
学习费用：
基础班学费1980元，现在优惠价980元，报名就业班可送基础班。 点击咨询
前端初级课程详情：
| 爱前端全栈初级课程--静态网页制作 | ||||
|---|---|---|---|---|
| 所处阶段 | 主讲内容 | 技术要点 | 项目案例 | 学习目标 |
| 第一阶段 | PhotoShop入门 | 图像处理基础知识、图像处理基础知识、分辨率、图像的色彩模式、常用的图像文件格式。Photoshop工作界面的介绍、文件操作、图像的显示效果、图像和画布尺寸的调整、绘制和编辑选区、选区的操作技巧、渐变工具和油漆桶工具。图像合成、图层、蒙版、配色、切图、色彩搭配原则。 | 图标、蔬菜人、水果自由变换、宣传海报 | 可以达到初级前端工程师的水平。 可掌握的核心能力: （1）熟练使用PhotoShop，能在实际工作中与美工对接； （2）掌握HTML语言，能够直接编写网页程序； （3）能够掌握基本的网页制作技术，制作漂亮的网页布局； （4）能够熟练掌握HTML和CSS的使用技巧； （5）了解语义化的概念； （6）熟练掌握DIV+CSS布局模式，并能解决主流浏览器兼容问题； 就业薪资：6000-10000元/月 |
| 第二阶段 | 互联网基本原理和HTML | 互联网基本原理、服务器、浏览器、HTTP请求的概念。编程工具介绍、HTML简介。HTML语义化标签、p标签和h系列标签。HTML基本骨架深入、HTML骨架、HTML和XHTML的区别。元信息标记meta、设置页面关键字、字符集、关键字、页面描述。a标签和img标签，相对路径、绝对路径。ul、ol、dl标签、div和span标签、较不常用HTML标签简介。表单、提交表单action、传送方法method、插入表单对象。HTML注释、HTML字符实体。 | 百度百科布局、表单布局、列表布局、表格布局 | |
| 第三阶段 | CSS基础和高级技巧 | CSS介绍，选择器。文字属性、颜色属性。继承性和层叠性，权重计算。CSS盒模型，width、height、padding、border、margin属性。父子嵌套模型，使用Fireworks精确还原设计图。float浮动属性、浮动的意义、清除浮动的方法。浏览器兼容，CSS hack。 background系列属性、css精灵、网页上透明。超级链接的伪类、导航条。 position定位、定位小技巧。DIV+CSS布局。 | 网易、新浪列表布局、北京大学首页布局、当当网tab栏布局、导航栏布局、CCTV图表布局、京东底部布局、轮播图布局 | |
| 第四阶段 | 静态网站制作项目 | 搜索引擎优化的概念、页面常用SEO技巧、学会有格调的制作页面。iconfont字体图标。一些常见的CSS高级技巧，比如负margin、压线技术、滑动门、列自撑技术。较复杂布局网站的学习，学习制作2~3个页面。通栏banner、大背景等时下流行的网站制作方法。精美企业站赏析、制作，个人作品指导。 | 博雅互动 | |
H5全栈大前端工程师就业班
学习对象：
1、对互联网充满热情，想要从事H5前端开发、全栈开发的学员；
2、网页设计师、后台开发人员等互联网从业人员，转型H5全栈前端开发工程师；
3、没有计算机基础，愿意从事IT开发，改变生活现状，改变命运的学员；
4、计算机相关专业大学生，热爱H5全栈前端开发；
培训周期：
76教学日，脱产学习114天。
培训方式：全日制脱产，每周5天上课, 上两天课休息一天的上课方式（实际培训时间可能因法定节假日等因素发生变化）。
培训要求：自带笔记本。
学习费用：
就业班学费18980元，点击咨询获取学费优惠信息。报名就业班可送基础班。
报名就业班
前端中级课程详情：
| 中级课程--JS编程入门、大量页面特效制作深入JS内功修炼、超级炫酷的HTML5和CSS3、Ajax和手机游戏 | ||||
|---|---|---|---|---|
| 所处阶段 | 主讲内容 | 技术要点 | 项目案例 | 学习目标 |
| 第一阶段 | JavaScript基础 | 语句、执行顺序、词法结构、标识符、关键字、变量、常量、alert语句和console控制台。值和变量、数字、文本、布尔值、null和undefined。表达式和运算符、运算符概述。流程控制、赋值语句、条件判断语句、if语句、if语句的嵌套、switch语句、循环控制语句、while语句、do…while语句、for循环。跳转语句：continue语句、break语句。函数、参数、返回值、递归、作用域、全局变量、局部变量。内部对象、数组、字符串。 | 累加器、累乘器、水仙花数、完美数、约数、质数、哥德巴赫猜想、倒置函数、模拟重载 | 可以达到中级前端工程师的水平。 可掌握的核心能力: （1）能够掌握JavaScript基本语法，运算符，函数的属性或使用方法； （2）掌握DOM的概念以及利用DOM操作文档节点的方法； （3）掌握DOM的各种操作； （4）掌握JavaScript的高级语法； （5）熟练掌握jQuery制作网页特效的思想和方法； （6）掌握使用jQuery操作DOM； （7）熟练使用和编写jQuery插件； （8）独立完成网站的页面搭建（包括HTML结构、CSS样式、JavaScript特效）； （9）熟练使用HTML5&CSS3实现网页特炫效果； （10）能够建立客户端服务器交互模型，熟悉网络通信相关概念； （11）熟悉PHP基础语法，能够开发简单的后台接口； （12）能够使用PHP操作MySQL数据库； （13）能够理解HTTP协议； （14）熟悉原生Ajax请求流程与细节，并掌握常见跨域技巧； （15）能够基于jQuery的Ajax相关API熟练开发常见的前端功能； （16）能够独立开发基于后台接口的动态网站、Ajax数据交互的项目； （17）掌握常用移动端框架使用方法； （18）掌握常用移动端调试适配方法； （19）掌握响应式布局的写法； （20）掌握移动端整站开发架构搭建、项目开发、性能优化等整站开发能力。 就业薪资：8000-12000元/月 |
| 第二阶段 | JavaScript DOM编程 | 事件与事件处理概述、事件与事件名称、常用事件、事件处理程序的调用、DOM事件模型、事件流、 事件对象、注册与移除事件。文档对象的常用属性、方法与事件、输出数据。事件的三要素。DOM对象、DOM概述、DOM分层、DOM级别、DOM对象节点属性、遍历文档树、克隆删除替换。动画基础知识、定时器、setInterval和setTimeout、运动效果、 实用的动画、制作运动效果案例 | 京东logo移上动效、干蹦轮播图、无缝轮播图、tab栏切换、图片加载、封装运动框架 | |
| 第三阶段 | jQuery页面特效 | jQuery对象和DOM对象、jQ选择器、CSS操作、设置和获取HTML、文本和值。事件、加载DOM、事件绑定、合成事件、事件对象的属性。动画、自定义动画方法、动画回调函数、停止动画、其他动画方法。jQuery对表单、表格的操作及更多应用、表单应用、表格应用。jQuery插件，jQueryUI，jQuery ease，jQuery mousewheel等。超多页面特效！结合案例掌握了解jQuery插件的使用。 | 手风琴效果、折叠选项卡、tab栏切换、淡入淡出轮播图、突出显示效果、animate动画、360依次进场动画、腾讯影院通栏banner呼吸轮播、跑马灯轮播图、间歇模型 | |
| 第四阶段 | JavaScript进阶 | 命名空间、对象扩展、数组化、主流框架引入的机制——domReady、无冲突处理。语言模块、字符串的扩展与修复、数组的扩展与修复、数值的扩展与修复、函数的扩展与修复、 日期的扩展与修复、浏览器嗅探与特征侦测 、判定浏览器、事件的支持侦测、样式的支持侦测。类工厂、JavaScript对类的支撑、各种类工厂的实现。浏览器内置的寻找元素的方法、属性模块、如何区分固有属性与自定义属性。 | 冒泡排序、快速排序、underscore、拼图轮播、拖拽效果、侧边栏滑动、百度新闻导航、京东图片放大镜、滚滚屏、京东商城楼层导航、评分功能、返回顶部、二级联动、网易汽车、坚果手机 | |
| 第五阶段 | HTML5和CSS3 | HTML5概述、HTML5新特性、HTML5组织、HTML5构成、HTML5页面的特征、HTML基础、HTML5全局属性、HTML5其他功能、HTML5元素分类。实战HTML5表单、新增的input输入类型。HTML5音频与视频、HTML5多媒体技术概述、在HTML5中播放音频。CSS3编码规范、了解CSS3新增特性。CSS选择器、属性选择器、结构伪类选择器、UI伪类选择器。旋转动画、缩放动画、移动动画、倾斜动画。3D炫酷动画效果实战。 | 360音乐导航、圆环立体轮播图、空间矩阵、视觉差效果、切片轮播、3D轮播、爆炸轮播、3D拼图轮播、coverFlow轮播图、zepto、velocity使用、优酷异型轮播、仿手心输入法官网、仿QQ浏览器官网 | |
| 第六阶段 | 移动web和响应式网页 | 视口、缩放 、分辨率、物理分辨率、设备像素比、dppx和dpi 、meta视口。百分比布局、流式布局、CSS3新的流式盒模型。触摸和指针事件、触摸事件、手势事件 、其他事件、拖放、滚动层、事件和交互模式、移动端交互综合实战。zepto.js、jQuery Mobile等移动端常见框架。HTML5速成移动端框架。Bootstrap3 、调整响应式导航条断点。移动优先、Bootstrap栅格系统、栅格系统原理、Bootstrap中的JavaScript交互、Bootstrap敏捷开发。 | 手机端拖拽、手指滑动轮播图、原生JS圆周运动、抛掷运动、swiper版tab栏切换、swiper版滚滚屏、原生版滚滚屏、仿聚划算、仿携程、仿淘宝、仿京东、Bootstrap使用 | |
| 第七阶段 | 服务器知识和PHP入门 | 后台语言和前台语言的区别。初识PHP、PHP语言的优势、PHP 5的新特性、PHP的发展趋势、PHP的应用领域。 PHP环境搭建和开发工具。PHP语言基础、PHP变量、PHP运算符、 PHP的表达式、PHP编码规范、流程控制语句、字符串操作、PHP数组、 PHP与Web页面交互。数据库技术概述、增删改查。 | 留言本、学员管理系统（PHP版） | |
| 第八阶段 | Ajax企业项目实战开发 | Ajax概述与Ajax初体验、Ajax技术介绍、XMLHttpRequest对象详解、动态加载和显示数据、XMLHttpRequest对象概述、方法、属性、发送请求、GET和POST请求、运行周期、使用JSON响应、Ajax实用包的封装。JSON的解析、Underscore模板引擎、模板技术、动态组装页面、电话号码归属地查询、验证码等。Ajax实战篇 、Ajax高级表单验证程序 、Ajax动态联动菜单、瀑布流。 | 网易登录验证、学员管理系统升级版（Ajax版）、百家号、聊天室 | |
| 第九阶段 | JavaScript面向对象 | 创建对象、属性的查询和设置、 删除属性、检测属性、枚举属性、属性getter和setter、属性的特性、对象的三个属性、序列化对象、对象方法。类和模块、类和原型、类和构造函数、类的扩充、类和类型、子类。原型、实例化和原型、 对象实例化、通过构造器判断对象、继承与原型链、构造函数和原型对象 、构造函数、原型对象 、[[Prototype]]属性 、在构造函数中使用原型对象 、改变原型对象、内建对象的原型对象。 | 打气球小游戏、炫彩小球、角色行走、红绿灯、小球反弹、贪吃蛇、俄罗斯方块、京东商城评论 | |
| 第十阶段 | canvas动画和手机游戏 | Canvas绘图、基本知识、理解canvas坐标系、获取canvas环境上下文、理解路径、路径操作API 、绘制线条 、绘制矩形 、绘制圆弧 、绘制贝塞尔曲线 、线条属性 、线条颜色 、填充 、绘图状态。图像API、使用canvas绘制图像、坐标变换、绘制文字。游戏原理、制作2D游戏引擎、理解游戏循环、渲染引擎实现、使用引擎构建游戏实例、游戏常用算法。 | flappybird、开心消消乐、俄罗斯方块、坦克大战 | |
前端高级课程详情：
| 高级课程--各种高端技术放马过来！时下最新兴、面试最加分的高级技术应有尽有！ | ||||
|---|---|---|---|---|
| 所处阶段 | 主讲内容 | 技术要点 | 项目案例 | 学习目标 |
| 第一阶段 | Node.js企业项目开发 | Node的特点、异步I/O、事件与回调函数、单线程、跨平台、Node的应用场景、I/O密集型、CommonJS规范、Node的模块实现 、路径分析和文件定位、模块编译 、核心模块、JavaScript核心模块的编译过程、网络编程、构建TCP服务。构建HTTP服务、构建WebSocket服务、网络服务与安全。MongoDB、Express、Mongoose、socket.io。小型微博系统、俄罗斯方块对战。Linux使用。 | 因数计算器、mongodb、mongoose、RESTful风格路由、爱前端问答平台 | 可以达到高级前端工程师的水平 可掌握的核心能力: （1）了解项目开发的流程； （2）掌握Express的使用； （3）能够使用NodeJS开发后台接口，打通前后端； （4）能够使用Git，SVN版本管理工具管理项目； （5）掌握 ES5 、ES 6 的新特性； （6）熟练使用工程化编程，熟练使用webpack+babel进行模块化开发 ，熟练 Less预处理语言； （7）熟练掌握MV*工作原理，掌握react+redux+react-redux+redux-thunk+redux-logger技术栈，掌握react+dva+ramda技术栈，能够熟练的利用React编写SPA； （8）熟练掌握Vue、Angular在项目中的运用； （9）能够开发微信小程序的应用； （10）能够进行跨平台APP开发，独立封装app到手机中； （11）能够完全胜任公司项目框架从0到1的搭建； （12）能够读懂公司已有的利用webpack搭建好的框架结构项目； 就业薪资：10000-30000元/月 |
| 第二阶段 | Angular.js主流框架 | Angular基础知识 、 Angular中的控制器 、Angular中的模板 、Angular的过滤器、依赖注入、MVC模式 、Angular的服务 、与服务端交互 、Angular的指令。 | 购物车（Angular版）、调色板（Angular版）、日历（Angular版）、单页面应用登录、选修课报名系统 | |
| 第三阶段 | Yeoman脚手架 | 基本安装、配置、HTML模板、图片压缩、构建工具、包管理器、JSLint测试。 | ||
| 第四阶段 | Grunt和Gulp构建工具 | GIT、SVN、Grunt、Gulp、Webpack。通过代码优于配置的策略，Gulp 让简单的任务简单，复杂的任务可管理。利用 Node.js 流的威力，你可以快速构建项目并减少频繁的 IO 操作。通过最少的 API，掌握 Gulp 毫不费力，构建工作尽在掌握：如同一系列流管道。 | ||
| 第五阶段 | Sass、Less和Stylus | sass中可以定义变量，方便统一修改和维护。用sass进行 选择器的嵌套，表示层级关系。用sass中导入其他sass文件，最后编译为一个css文件t。用sass中可用mixin定义一些代码片段，且可传参数，方便日后根据需求调用。 | ||
| 第六阶段 | ECMAScript2016 | 简介、let和const命令、变量的解构赋值、字符串的扩展、正则的扩展、数值的扩展、数组的扩展、函数的扩展、对象的扩展、Symbol、Set和Map数据结构、Proxy、Reflect、Iterator和for...of循环、Generator函数、Promise对象、异步操作和Async函数、Class、Decorator、Module、编程风格、读懂规格、二进制数组、SIMD | ||
| 第七阶段 | React.js构建视图组件 | React简介、JSX、组件的生命周期、实例化、数据流、事件处理、组件的复合、mixin、DOM操作、动画、性能优化、服务端渲染、周边类库。VUE数据模板、生命周期、过滤器。 | 购物车（React版）、调色板（React版）、汽车之家项目 | |
| 第八阶段 | VUE界面的前端库 | 遇见Vue.js、数据绑定、指令、计算属性、表单控件绑定、过滤器、Class与Style绑定、过渡、绑定事件、组件、表单校验、分组校验、与服务端通信、RESTful调用。 | 购物车（Vue版）、调色板（Vue版）、worktile、奇趣百科 | |
| 第九阶段 | Cordova和PhoneGap | 使用加速计和位置传感器、文件系统、存储及本地数据库、处理音频、图像和视频、处理通讯录、本地事件、使用XUI、使用jQuery Mobile进行用户界面开发、PhoneGap插件扩展、开发工具及测试。 | ||
| 第十阶段 | ionic framework | Ionic和Hybrid应用介绍、配置开发环境 、Ionic导航和核心组件、选项卡、高级列表和表单组件、开发高级应用、使用 Ionic 命令行代理、在页面中使用 ionScroll、过滤器：转换视图中的数据。 | ||
| 第十一阶段 | React Native移动框架 | React Native简介、React Native开发基础、常用组件介绍及实践、TextInput组件、九宫格实现、NavigatorIOS组件、Touchable类组件、状态机思维与状态机变量、深入理解UI重新渲染的过程、Navigator组件工作机制、混合开发基础、组件生命周期、数据存储及React Native应用实现步骤。 | ||
| 第十二阶段 | 微信JS开发实战 | 微信公众平台介绍 、使用云平台快速搭建公众账号 、在新浪SAE上创建App、部署代码 、开发接口的认证 、微信公众平台API详解：基础接口 、回复消息、微信公众平台API详解：高级开发、各接口的调用频次限制、客服接口 、二维码开发 、wechat的JS开发 、搭建开发环境和相关技术介绍 、海量请求的应对方法 、监控服务器的各项指标、恶意请求的应对方法。 | socketio聊天室、站内信、30秒懂车 | |