全栈工程师培训，从WEB基础阶段、Javas
cript阶段、jQuery阶段、HTML5新特性、高级框架阶段、微信小程序等课程内容学起，让学员掌握端开发、界面
设计、产品设计、数据库等等多种技术，能够很好地在一个项目中发挥作用，提高
沟通效率，降低沟通成本。
课程背景
现代项目的开发，需要掌握多种技术。互联网项目，需要用到后端开发、前端开发、界面设计、产品设计、数据库、各种移动客户端、三屏兼容、restFul API设计和OAuth等等，比较前卫的项目，还会用到Single Page Application、Web Socket、HTML5/CSS3这些技术以及像第三方开发像微信公众号微博应用等等。所以说一个现代化的项目，是一个非常复杂的构成，我们需要一个人来掌控全局，他不需要是各种技术的专家，但他需要熟悉到各种技术。对于一个团队特别是互联网企业来说，有一个全局性思维的人非常非常重要。而这个人我们称之为全栈工程师。
|
适合人群 -
icon 如果你自制力强、有上进心，想通过学习来改变现状，那么我们让你点亮高薪人生！
-
icon 打造令人惊艳的前端用户体验，成为职场中的抢手人才。
-
icon 业余时间掌握前端开发技能，轻松实现职业转化。
-
icon 向往成为一个全栈工程师，跟随大咖工程师，亲手实现你的创意。
全栈工程师课程体系 | 阶段名称 | 技术名称 | 技术内容 | 学习目标 |
| WEB基础阶段 | HTML基础 | 1.安装webstorm | 1.掌握WebStorm的使用
2.了解HTML对于网页的意义
3.掌握HTML标签与属性
4.掌握常用标签
5.掌握无序列表、有序列表和自定义列表
6.掌握表单的使用
7.掌握div与标签的嵌套规则
8.掌握行内元素与块元素的使用
9.掌握实体字符
10.掌握HTML5新增标签与属性 |
| 2.设置webstorm |
| 3.HTML介绍 |
| 4.HTML属性和值 |
| 5.HTML注释 |
| 6.HTML基本结构 |
| 7.标题标签h1-h6 |
| 8.段落标记p |
| 9.强制换行br |
| 10.水平线hr及其属性 |
| 11.图片img |
| 12.超链接a |
| 13.address和pre标签 |
| 14.文本格式化标签b,i,u,em等 |
| 15.无序列表 |
| 16.有序列表 |
| 17.自定义列表 |
| 18.表格 |
| 19.实体字符 |
| 20.内联框架iframe |
| 21.form表单及其action、method、name属性 |
| 22.input |
| 23.input常用属性value，checked，readonly，disabled |
| 24.下拉列表 |
| 25.多行文本框textarea |
| 26.HTML5新增input类型 |
| 27.HTML5新增属性 |
| 28.HTML5新增结构标签 |
| 29.视频和音频 |
| CSS基础 | 1.css介绍和基础语法 | 1.掌握CSS基础
2.掌握CSS引入方式
3.掌握选择器的使用
4.掌握CSS盒子模型
5.掌握CSS弹性盒子模型
6.掌握浮动与定位
7.掌握字体常见属性
8.掌握雪碧图优化站点
9.掌握滑动门展示形式
10.掌握特殊图形绘制
11.掌握CSS3过渡与动画
12.掌握CSS3的媒体查询 |
| 2.引入css的方式 |
| 3.link和@import的区别 |
| 4.css基本选择器 |
| 5.背景属性 |
| 6.字体属性 |
| 7.文本属性 |
| 8.列表属性 |
| 9.关系选择器 |
| 10.属性选择器 |
| 11.伪类选择器 |
| 12.伪对象选择器 |
| 13.css hack |
| 14.标准盒子模型 border、margin、padding属性 |
| 15.IE和模型 |
| 16.box-sizing属性 |
| 17.弹性盒 |
| 18.浏览器内核及厂商前缀 |
| 19.浮动及其原理 |
| 20.清除浮动的方法 |
| 21.display属性 |
| 22.position定位 |
| 23.z-index属性 |
| 24.圆角 |
| 25.阴影 |
| 26.渐变 |
| 27.转换 |
| 28.过渡 |
| 29.动画 |
| 30.绘制三角形、梯形、圆形 |
| 31.媒体查询 |
| 32.多列 |
| 32.滑动门 |
| 34.雪碧图 |
| 小米官网实战 | 首先选择小米官网为第一个实战案例，是因为刚开始入门，有个参考点，另外站点比较偏向目前的卡片式设计，实现常见效果。目的为学者练习编写小米官网，熟悉div+css布局。 |
| 迅雷官网 | 此站点特效较多，所以通过练习编写次站点，学生可以更多练习CSS3的新特性过渡与动画的实现，并且可以很好的练习div+css布局。 |
| 课程类网 | 此站点为响应式站点，在目前常见站点中，响应式设计类站点是非常多的，而且大部分公司的站点都需要支持响应式，所以，通过练习次站点，学者可以熟悉响应式这点的设计流程和实现方式。 |
| Javascript阶段 | Javascript基础语法 | 1.Javascript简介 | 1.熟知Javascript介绍
2.掌握Javascript变量声明
3.掌握Javascript变量类型与转换
4.掌握Javascript运算符操作
5.掌握Javascript条件分支语句
6.掌握Javascript循环语句 |
| 2.Javascript变量 |
| 3.Javascript变量类型 |
| 4.Javascript类型转换 |
| 5.Javascript运算符 |
| 6.Javascript条件分支语句 |
| 7.Javascript循环语句 |
| 数组与对象 | 1.数组定义 | 1.掌握数组定义
2.掌握数字的应用
3.掌握数组的属性和方法
4.掌握对象的概念
5.掌握对象的属性和方法
6.熟练应用对象 |
| 2.数组的本质 |
| 3.数组属性与运算符 |
| 4.数组的循环遍历 |
| 5.数组静态方法 |
| 6.数组的实例方法 |
| 7.对象概述 |
| 8.对象属性操作 |
| 9.对象的静态方法 |
| 10.对象的实例方法 |
| 函数及相关 | 1.函数的概念 | 1.了解函数概念
2.掌握函数的声明
3.掌握函数的属性和方法
4.掌握Javascript中的作用域
5.掌握函数的参数与返回值
6.掌握闭包的应用场景
7.熟练使用闭包 |
| 2.函数的声明 |
| 3.函数的属性和方法 |
| 4.函数作用域 |
| 5.函数参数 |
| 6.函数返回值 |
| 7.闭包基本概念 |
| 8.闭包实现 |
| 9.闭包应用场景 |
| 10.自执行函数 |
| Javascript标准库 | 1.包装对象 | 1.掌握包装对象
2.掌握Number对象
3.掌握String对象
4.掌握Math对象
5.掌握Date对象
6.掌握JSON对象
7.掌握正则对象
8.熟悉console对象 |
| 2.Number对象 |
| 3.String对象 |
| 4.Math对象 |
| 5.Date对象 |
| 6.JSON对象 |
| 7.RegExp对象 |
| 8.console对象 |
| 9.属性描述对象 |
| DOM模型与事件 | 1.DOM概述 | 1.掌握Javascript DOM操作
2.掌握Javascript 节点操作
3.掌握事件模型
4.掌握事件操作
5.掌握this关键字
5.掌握Event对象
6.熟练编写自定义事件
7.理解三级联动逻辑 |
| 2.Doucment节点 |
| 3.Element节点 |
| 4.属性的操作 |
| 5.Text节点 |
| 6.DoucmentFragment节点 |
| 7.事件模型 |
| 8.事件类型 |
| 9.事件代理 |
| 10.CSS操作 |
| 11.自定义事件 |
| 12.this关键字 |
| 13.Event对象 |
| 14.移动端事件类型 |
| 15.事件实例操作 |
| 16.三级联动 |
| 网络请求与专题 | 1.定时器 | 1.掌握定时器使用
2.掌握BOM对象
3.掌握HTTP协议
4.掌握XHR对象
5.掌握Ajax
6.能够独立封装Ajax网络请求
7.了解错误处理机制
8.建立良好的编程风格
9.掌握本地存储
10.了解Window对象 |
| 2.BOM对象 |
| 3.浏览器类型区分 |
| 4.网络请求基础 |
| 5.HTTP协议 |
| 6.XHR对象 |
| 7.XHR实例属性 |
| 8.XHR实例方法 |
| 9.XHR实例事件 |
| 10.文件上传 |
| 11.封装网络请求 |
| 12.异步操作 |
| 13.错误处理机制 |
| 14.编程风格 |
| 15.跨域处理 |
| 16.本地存储cookie |
| 17.本地存储WebStorage |
| 18.Window对象 |
| 19.History对象 |
| 面向对象 | 1.对象简介 | 1.了解面向对象
2.熟悉构造函数
3.掌握new关键字
4.掌握原型与原型链的使用
5.掌握对象和常见操作
6.掌握继承与封装
7.掌握基本设计模式原理
8.掌握观察者模式
9.掌握MVC和MVVM |
| 2.构造函数 |
| 3.new 关键字 |
| 4.实例对象创建 |
| 5.Prototype对象 |
| 6.原型与原型链 |
| 7.instanceof运算符 |
| 8.对象与继承 |
| 9.对象操作与拷贝 |
| 10.多重继承 |
| 11.模块与封装 |
| 12.设计模式简介 |
| 13.工厂模式 |
| 14.观察者模式 |
| 15.单例模式 |
| 16.MVC与MVVM |
| jQuery阶段 | jQuery | 1.jQuery简介 | 1.熟悉jQuery常见操作
2.熟悉jQuery DOM操作
3.掌握jQuery 核心API
4.掌握jQuery Ajax操作
5.掌握jQuery 选择器
6.掌握jQuery特效
7.掌握jQuery实战练习 |
| 2.jQuery DOM操作 |
| 3.jQuery事件 |
| 4.jQuery表单 |
| 5.jQuery CSS操作 |
| 6.jQuery核心API |
| 7.jQuery特效 |
| 8.jQuery尺寸 |
| 9.jQuery内部函数 |
| 10.jQuery选择器 |
| 11.jQuery遍历操作 |
| 12.jQuery数据操作 |
| 13.jQuery Ajax |
| 14.jQuery杂项 |
| 15.jQuery实战练习 |
| 第三方UI组件库 | 1.BootStrap介绍 | 1.掌握BootStrap使用
2.掌握BootStrap栅格系统
3.掌握BootStrap全局样式
4.掌握BootStrap组件应用
5.掌握BootStrap插件应用
6.掌握BootStrap定制需求
7.掌握Swiper的应用
8.掌握REM移动端适配
9.掌握Echarts图表 |
| 2.BootStrap引入 |
| 3.BootStrap栅格系统 |
| 4.BootStrap全局CSS样式 |
| 5.BootStrap组件应用 |
| 6.BootStrap Javascript插件 |
| 7.BootStrap定制需求 |
| 9.BootStrap实例操作 |
| 10.Swiper3.x应用 |
| 11.Swiper4.x应用 |
| 12.Echarts图表应用 |
| 13.REM移动端适配 |
| 14.BootStrap 栅格系统原理响应式设计 |
| PHP与数据库 | 1.PHP基础语法 | 1.掌握PHP基础语法
2.掌握PHP类与继承
3.掌握MySQL操作
4.掌握PHP链接MySQL
5.熟悉PDO链接数据库
6.熟悉前后端交互
7.掌握get和post请求
8.理解前后端交互过程 |
| 2.PHP类与继承 |
| 3.PHP中理解面向对象 |
| 4.MySQL基础 |
| 5.MySQL数据库操作 |
| 6.MySQL Form表单 |
| 7.PDO链接数据库 |
| 8.事务处理与时间戳 |
| 9.PHP+MySQL创建接口 |
| 10.前后端交互处理 |
| 11.Get与POST请求 |
| 12.前后端实战练习 |
| Ajax实战项目-蓝莓派 | 1.蓝莓派项目设计 | 本项目名称为蓝莓派，主要为音乐社区类型。包含较多的交互功能，例如滑动门，雪碧图使用，模态框，瀑布流和焦点轮播图等效果。当然，前后端交互也是不可少的，主要理解前后端交互流程与练习各种交互实现。 |
| 2.蓝莓派环境构建 |
| 3.蓝莓派页面登录Ajax |
| 4.蓝莓派页面登录与PHP与MySQL |
| 5.蓝莓派网络请求封装 |
| 6.蓝莓派页面加载 |
| 7.蓝莓派模态框处理 |
| 8.蓝莓派分页器实现 |
| 9.蓝莓派瀑布流效果实现 |
| 10.蓝莓派动态加载数据 |
| 11.蓝莓派音频控制 |
| 12.蓝莓派业务逻辑实现 |
| 13.蓝莓派进度条实现 |
| 14.蓝莓派第三方UI库引入 |
| 15.蓝莓派项目优化 |
| HTML5新特性 | HTML5新特性 | 1.HTML5语义化标签 | 1.掌握HTML5新特性有哪些
2.掌握HTML5的语义化标签实现方式
3.掌握HTML5的本地存储方式
4.掌握HTML5提供的多媒体使用
5.掌握HTML5 Canvas标签应用 |
| 2.HTML5本地存储 |
| 3.HTML5离线Web应用 |
| 4.HTML5连贯性 |
| 5.HTML5多媒体 |
| 6.HTML5性能提升 |
| 7.HTML5调用原生API |
| 8.HTML5 Canvas |
| 9.HTML5 Canvas应用 |
| 10.HTML5 Canvas游戏-连连看 |
| 11.HTML5 Canvas游戏-消消乐 |
| 高级框架阶段 | 模块化 | 1.作用域回顾 | 1.掌握作用域
2.掌握模块的定义规范与使用
3.了解私有与公有概念
4.掌握Commonjs规范
5.掌握Requirejs的应用 |
| 2.模块 |
| 3.私有属性与公有属性 |
| 4.模块扩展 |
| 5.Commonjs规范 |
| 6.Requirejs引入 |
| 7.Requirejs的使用 |
| 8.Requirejs的shim模块 |
| 9.Requirejs应用-音乐列表播放 |
| Nodejs与Express | 1.安装Node于CMD命令 | 1.了解Nodejs
2.独立安装Nodejs环境
3.熟悉CMD命令行操作
4.掌握Express安装
5.掌握Express路由的应用
6.掌握请求方式POST与GET
7.掌握JSONP的使用
8.掌握数据过滤
9.掌握数据库基本操作
10.掌握链接数据
11.掌握服务器端搭建 |
| 2.Node创建服务器 |
| 3.Node相关操作 |
| 4.Commonjs规范 |
| 5.Express安装 |
| 6.Server基本操作 |
| 7.Express路由基础 |
| 8.Express路由配置 |
| 9.Express路由应用 |
| 10.实现前后端交互 |
| 11.Post参数请求 |
| 12.Get参数请求 |
| 13.JSONP跨域处理 |
| 14.过滤数据 |
| 15.Nodejs链接数据库 |
| 16.Server增删改查 |
| ECMAscript6 | 1.babel转换器 | 1.掌握ES6与ES5的区别
2.掌握babel转换器的使用
3.掌握ES6声明新特性
5.掌握数组，对象，字符串函数的扩展
6.掌握箭头函数的应用
7.掌握Class类的声明
8.掌握继承的实现
9.掌握Promise的使用
10.掌握Module模块的使用 |
| 2.Let和Const命令 |
| 3.字符串扩展 |
| 4.解构赋值 |
| 5.Object扩展 |
| 6.Array扩展 |
| 7.Function扩展 |
| 8.Class类 |
| 9.类的继承Extends |
| 10.Promise |
| 11.Module模块 |
| 12.Proxy |
| 13.Generator |
| 14.Generator |
| CSS预处理语言Less | 1.Less环境搭建与编译 | 1.了解CSS预处理语言的优势
2.掌握Less环境搭建
3.了解Less的服务器端渲染
4.掌握Less的使用语法
5.掌握Sass的基本使用 |
| 2.Less服务器端渲染 |
| 3.Sublime Text安装插件 |
| 4.Less语法-变量、混合、嵌套 |
| 5.Less语法-计算、函数 |
| 6.Less语法-继承、引导判断 |
| 7.Sass使用 |
全栈工程师的价值
