web前端培训 - web前端开发培训

以企业需求为导向提供前端解决方案

企业级UI设计图实现页面布局

BootStrap实现响应式页面

原生JavaScript实现小游戏开发

原生Ajax实现前后端通信

JSONP,CORS实现解决跨域

Animation实现动画

Canvas实现气泡, 钟表功能

jQuery实现备忘录项目

ArtTemplate实现模板页面复用

Viewport + Rem实现移动端适配

ViewPort实现1物理像素问题

原生JavaScript实现无缝滑屏

zepto实现移动端滑屏

Stylus/Less实现CSS预编译

Express实现服务器端搭建

Nginx实现服务器反向代理

ngrok实现内网穿透

sha1、MD5实现加密隐私数据

Monggose实现mongoDB数据库操作

Echarts实现数据可视化

Mock、json-server实现模拟数据

Nodejs实现前后端完全分离

WebSocket实现实时通信

企业级UI设计图实现页面布局

BootStrap实现响应式页面

原生JavaScript实现小游戏开发

原生Ajax实现前后端通信

JSONP,CORS实现解决跨域

Animation实现动画

Canvas实现气泡, 钟表功能

jQuery实现备忘录项目

ArtTemplate实现模板页面复用

Viewport + Rem实现移动端适配

ViewPort实现1物理像素问题

原生JavaScript实现无缝滑屏

zepto实现移动端滑屏

Stylus/Less实现CSS预编译

Express实现服务器端搭建

Nginx实现服务器反向代理

ngrok实现内网穿透

sha1、MD5实现加密隐私数据

Monggose实现mongoDB数据库操作

Echarts实现数据可视化

Mock、json-server实现模拟数据

Nodejs实现前后端完全分离

WebSocket实现实时通信

企业级UI设计图实现页面布局

BootStrap实现响应式页面

原生JavaScript实现小游戏开发

原生Ajax实现前后端通信

JSONP,CORS实现解决跨域

Animation实现动画

Canvas实现气泡, 钟表功能

jQuery实现备忘录项目

ArtTemplate实现模板页面复用

Viewport + Rem实现移动端适配

ViewPort实现1物理像素问题

原生JavaScript实现无缝滑屏

zepto实现移动端滑屏

Stylus/Less实现CSS预编译

Express实现服务器端搭建

Nginx实现服务器反向代理

ngrok实现内网穿透

sha1、MD5实现加密隐私数据

Monggose实现mongoDB数据库操作

Echarts实现数据可视化

Mock、json-server实现模拟数据

Nodejs实现前后端完全分离

WebSocket实现实时通信
promise，async实现解决回调地狱问题

class实现真正意义的面向对象

swiper实现各种场景轮播图

better-scroll实现滑屏功能

React-router实现React路由跳转问题

Redux实现数据集中管理

Antd实现ReactUI界面布局

React实现受控组件

Vue-router实现基于Vue的SPA应用

Vuex实现基于Vue的状态集中管理

Mint-UI实现基于Vue移动端的UI界面布局

Element-UI实现基于VuePC端界面UI布局

微信公众号实现消息定时推送功能

微信小程序实现音乐播放功能

Mpvue实现小程序开发

Cocos Creator实现小游戏开发

函数防抖节流实现提高JavaScript性能问题

开启图层实现减少重绘重排性能优化问题

Gulp实现项目文件合并打包

Webpack实现项目工程化,项目热加载

ES6, Commonjs实现模块化开发

SVN,GIT实现项目版本管理

JavaScript实现数据深度克隆

promise，async实现解决回调地狱问题

class实现真正意义的面向对象

swiper实现各种场景轮播图

better-scroll实现滑屏功能

React-router实现React路由跳转问题

Redux实现数据集中管理

Antd实现ReactUI界面布局

React实现受控组件

Vue-router实现基于Vue的SPA应用

Vuex实现基于Vue的状态集中管理

Mint-UI实现基于Vue移动端的UI界面布局

Element-UI实现基于VuePC端界面UI布局

微信公众号实现消息定时推送功能

微信小程序实现音乐播放功能

Mpvue实现小程序开发

Cocos Creator实现小游戏开发

函数防抖节流实现提高JavaScript性能问题

开启图层实现减少重绘重排性能优化问题

Gulp实现项目文件合并打包

Webpack实现项目工程化,项目热加载

ES6, Commonjs实现模块化开发

SVN,GIT实现项目版本管理

JavaScript实现数据深度克隆

promise，async实现解决回调地狱问题

class实现真正意义的面向对象

swiper实现各种场景轮播图

better-scroll实现滑屏功能

React-router实现React路由跳转问题

Redux实现数据集中管理

Antd实现ReactUI界面布局

React实现受控组件

Vue-router实现基于Vue的SPA应用

Vuex实现基于Vue的状态集中管理

Mint-UI实现基于Vue移动端的UI界面布局

Element-UI实现基于VuePC端界面UI布局

微信公众号实现消息定时推送功能

微信小程序实现音乐播放功能

Mpvue实现小程序开发

Cocos Creator实现小游戏开发

函数防抖节流实现提高JavaScript性能问题

开启图层实现减少重绘重排性能优化问题

Gulp实现项目文件合并打包

Webpack实现项目工程化,项目热加载

ES6, Commonjs实现模块化开发

SVN,GIT实现项目版本管理

JavaScript实现数据深度克隆

持续自我迭代，始终紧跟企业实际技术选型

多年来我们一直被模仿，期待被超越！

超40天项目实战超100个企业技能点超真实企业项目还原

硅谷商城
硅谷外卖
硅谷直聘
谷粒后台
谷粒音乐
E宠商城
网易严选
到位

硅谷商城

该项目是基于Vue技术栈的电商项目, 是一个前后台分离的全栈PC端Web SPA,基本包含了经典电商项目的所有核心功能, 如商品, 购物车, 订单, 支付等模块

项目架构

前台: Vue + Vuex + Vue-Router + ES6 + Axios

后台: Node + Express + MongoDB + Mongoose

功能模块

用户注册/登陆, 个人中心, 商城首页, 商品秒杀

商品搜索,商品详情, 购物车, 订单, 支付等模块

技术点

Vue, Vue-Router, Vuex, Element, Swiper, mockjs,Postman, Axios, JSONP,

localStorage,ES6, Babel, webpack, Vue-Cli, ESlint, stylus,Token令牌
硅谷外卖

基于Vue全家桶的在线外卖移动端 Web SPA, 实现了外卖应用的几大核心模块, 采用模块化、组件化、工程化的模式开发

项目架构

前台: Vue全家桶 + ES6 + webpack

后台: Node + Express + MongoDB + Mongoose

功能模块

导航页,商家列表主页面, 商家信息, 商品列表, 评论列表, 购物车

搜索页, 订单页, 个人中心与登陆注册页

技术点

Vue, Vue-Router, Vuex, Mint-UI, vue-lazyload,better-scroll, Swiper, mockjs,

Postman, Axios,ES6, Babel, webpack, Vue-Cli, ESlint, stylus
硅谷直聘

该项目是基于新版本 React 的全栈项目，此项目为一个前后台分离的招聘的移动端Web SPA, 包括前端应用和后端应用,功能类似于BOSS直聘

项目架构

前台: React全家桶 + ES6 + webpack

后台: Node + Express + MongoDB + SocketIO

功能模块

用户注册/登陆, 用户中心, 用户信息完善

Boss列表, 牛人列表界面, 实时聊天等功能模块

技术点

React, React-Router-DOM, Redux, antd-mobile, Axios,Postman, webpack

ESlint,create-react-app,Babel, MD5, js-cookie, socket-io
谷粒后台

该项目是基于新版本 React 全家桶的后台管理项目，包括前端PC应用和后端应用,采用模块化、组件化、工程化的模式开发

项目架构

前台: React + Redux + React-Router + Axios + webpack

后台: Node + Express + MongoDB + Mongoose

功能模块

用户登陆, 后台首页, 用户管理, 商品分类管理, 商品管理

权限管理, 图表数据处理等功能模块

技术点

React, React-Router-DOM, Redux, React-Redux, Ant Design, Axios, JSONP,

Postman,webpack, ESlint, create-react-app, Babel, Draft-js, ECharts, react-for-echarts
谷粒音乐

该项目是一个原生项目，类似于市场上音乐播放软件，主要是给用户提供观看视频，搜索音乐功能

项目架构

原生JS + Less布局 + rem适配 + 自定义滚动条 + 移动端防抖动 + 即点即停

功能模块

导航页，无缝滑屏，tab选项卡，竖向滑屏，自定义滚动条

技术点

绝对定位模拟固定定位，横向滑屏，橡皮筋效果，加速效果

无缝滑屏运用防抖动逻辑，竖向滑屏实现即点即停
E宠商城

该项目是一个关于宠物的线上电商项目，功能完善，技术点丰富，通过实战百分百还原真实开发场景，让每一个学员提前适应企业开发

项目架构

前后端完全分离: Vue全家桶 + NodeJs + MockJs

功能模块

主页，分类，识物，购物车，个人中心，

搜索，登录，注册

技术点

Vue，Vue-router，Vuex，Axios，NodeJs,MockJs,组件通信，事件处理，封装组件

Swiper，下拉刷新，上拉加载，模糊匹配
网易严选

该项目依托网易严选项目，是一个前后端分离的大型电商项目，业务完善、技术全面，让学员可以更完善其全栈技能

项目架构

前后端完全分离: React全家桶 + NodeJs + MockJs

功能模块

主页，分类，发现，甑选家，购物车，个人中心，

搜索，登录，注册

技术点

React，React-router，Redux，Fetch，MockJs，NodeJs,

Swiper,better-scroll,封装Ajax类库，正则验证
到位

该项目是一个PC端线上商城项目，主要运用技术jQuery、Ajax、Node.js等，通过实战演练，大大巩固每个学员的jQuery技术栈，让所学知识更加得心应手。

项目架构

前后端完全分离: jQuery + Swiper + json-server + Nodejs

功能模块

主页，列表页，详情页，评论模块

技术点

jQuery, $.ajax, Swiper, MockJs,Nodejs,

Animate,jQuery事件委托

11.12亿的微信用户资源，是无数企业的必争之地

深度剖析多场景小程序核心功能，手把手教你开发微信公众号

微信公众号
微信小程序

微信公众号

获取access_token全局唯一凭据

自动回复用户消息

上传/下载多媒体素材

自定义菜单

用户管理

群发消息

Express框架使用

自定义中间件

后台数据

Express框架使用

Mongoose使用

Puppeteer爬虫使用

qiniu云服务器使用

nanoid使用

promise进阶用法

async和await用法

一

微信JS-SDK

获取jsapi_ticket全局唯一票据

微信/QQ自定义分享

上传/下载多媒体素材

语音识别

rem适配

Zepto使用

异步发送Ajax请求

JSONP跨域

功能模块

首页模块

搜索模块

详情模块

视频播放模块

评论管理模块

后台服务器模块

后台服务器数据管理模块

一

微信硅谷电影频道

rem适配

flex布局

Zepto使用

Bootstrap使用

DPlayer使用

EJS使用

弹幕前后台交互功能

一

扩展技术

豆瓣开放API

Puppeteer

qiniu

DPlayer

Express框架源码分析

Nodejs进阶技术

微信公众号支付流程说明

微信公众号分享流程说明
原生小程序

组件化

wx.request网络请求

wx.setStorage/wx.getStorage本地存储

wx.navigateTo路由跳转

wx.playBackgroundAudio背景音乐播放

小程序生命周期

小程序绑定事件

小程序遍历数据

小程序模板使用

适配方案

布局视口

视觉视口

px,em, rem,rpx说明

dpr, ppi, dpi对比

视网膜屏幕

物理像素

css像素/独立设备像素

Mpvue

Mpvue简介

Mpvue核心思想说明

Mpvue特点

Mpvue同Vue的相同点和不同点

模块化,组件化,工程化开发

Mpvue生命周期VS原生小程序生命周期

flyio使用

Ajax请求类库封装

前后端完全分离应用

中间层

Nodejs服务器搭建

Koa框架使用

KoaRouter应用

注册路由

async异步处理函数

工具类库封装

axios使用、使用路由中间件

功能模块

导航模块

主页模块

列表页模块

详情页模块

搜索图书模块

个人中心模块

扫码看书模块

个人收藏模块

一

扩展技术

豆瓣图书开放API

flyio

Koa框架

KoaRouter

小程序支付流程说明

小程序分享功能说明

阿里小程序介绍、钉钉应用开发介绍

以就业为目标，用实力说话

课程大纲
第一阶段
前端核心基础
第二阶段
HTML5 + CSS3 + 移动端核心
第三阶段
移动端
第四阶段
服务器端
第五阶段
JavaScript高级
第六阶段
前端必备
第七阶段
高级框架
第八阶段
小程序

阶段1.前端核心基础

01HTML +_CSS核心基础
- DIV + CSS布局
- CSS文本属性
- CSS基本选择器
- CSS复合选择器
- 盒子模型原理
- 盒模型内边距
- 盒模型外边距
- 盒模型外边距合并
- 盒模型外边距塌陷
- 浮动布局
- 清除浮动的几种方式
- 相对定位布局
- 绝对定位布局
- 固定定位布局
- 图标字体的下载和应用
- PhotoShop的使用及切图
- icon图标制作及使用
02JavaScript基础语法
- JavaScript简介
- 变量的声明与使用
- 变量和内存的关系
- 变量内存空间分配与原理
- 变量的数据类型
- 数据类型之间的转换
- 流程控制语句
- if 分支结构
- switch 选择结构与相关规则
- 循环结构语句
- for 循环
- while 循环
- do-while 循环语句
- 函数的声明与使用
- 函数调用的过程分析
- 参数的值传递
- 函数的返回值
- 函数的几种定义方式
- 数组及数组的几种定义方式
03JavaScript面向对象
- JavaScript面向对象说明
- 初识对象
- 对象的属性和方法
- 创建对象的几种方式
- 构造函数
- 原型和原型对象
- 原型链
- 作用域
- 变量提升
- 函数提升
- 作用域链
- js内置对象
- Date对象
- Array对象
- String对象
- Boolean对象
- Number对象
- Math对象
- this的指向讲解
- call和apply函数
04JavaScript DOM和BOM编程
- javascript DOM和BOM编程
- DOM概念
- 获取DOM的几种方式
- 事件原理及执行过程
- 排它操作
- 事件类型
- 操作DOM对象的属性,内容,样式
- 节点的概念
- 获取节点的几种方式
- 封装兼容所有浏览器函数
- 创建节点的几种方式
- 常用节点操作属性
- 事件的三个阶段
- 事件冒泡原理
- 事件委派
- BOM概念
- window对象
- 定时器的应用
05jQuery框架
- jQuery发展史
- jQuery的优势
- jQuery设计模式
- 选择器分步讲解
- 链式编程
- 动画函数
- 事件委托
- 过滤和查找
- 隐式迭代
- 网页常见动效案例
- 插件的制作和使用
- jQuery中Ajax使用
- jQuery解决跨域
- jQuery中get和post区别
- jQuery案例演练
- artTemplate模板使用
- js动效综合案例
- 正则表达式

阶段2.HTML5 + CSS3 + 移动端核心

01HTML5新特性
- 语义化标签
- 语义化标签布局
- 状态标签
- 列表标签
- 注释标签
- 标记标签
- input新属性
- placeholder
- autocomplete
- autofocus
- required
- video
- audio
- source
- 音阶导航
- 自定义播放器
- 响应式布局
- 媒体选择器
- 子元素选择器
- 相邻兄弟选择器
- 通用兄弟选择器
- 伸缩盒模型新版本
- 伸缩盒模型老版本
- 伸缩盒模型布局
- 多列布局
- 粘连布局
- 圣杯布局
- 双飞翼布局
- 伪等高布局
- bfc两列布局
02Canvas专列
- Canvas基本使用
- Canvas绘制矩形
- Canvas橡皮擦
- Canvas线段
- Canvas三角形
- Canvas五角星
- Canvas签名
- Canvas圆形
- Canvas圆弧
- Canvas位移
- Canvas缩放
- Canvas旋转
- Canvas变换基点两种形式
- Canvas时钟效果
- Canvas加载图片
- Canvas飞鸟效果
- Canvas线性渐变
- Canvas径向渐变
- Canvas填充文字
- Canvas镂空字
- Canvas文字水平垂直居中
- Canvas文字阴影
- Canvas和阴影
- Canvas图片合成
- Canvas刮刮卡
- Canvas读取像素
- Canvas写入像素
- Canvas创建像素对象
- Canvas操作单个像素
- Canvas马赛克效果
03CSS3新特性
- 群组选择器
- 交集选择器
- 基本属性选择器
- 包含属性选择器
- 锚点伪类
- 用户行为伪类
- 目标伪类
- 目标伪类实现图片切换
- checked状态伪类
- 自定义单选按钮
- CSS3结构类
- CSS3结构类实现尺子效果
- 否定选择器
- 伪元素::first-line
- 伪元素::first-letter
- 伪元素::before
- 伪元素::after
- 伪元素::selection
- 伪元素实现文章列表
- 使用纯css制作三角形
- 子元素选择器
- 相邻兄弟选择器
- 通用兄弟选择器
- 群组选择器
- 交集选择器
- 基本属性选择器
- 包含属性选择器
- 锚点伪类
- 用户行为伪类
- 目标伪类
04 CSS3进阶
- 目标伪类实现图片切换
- checked状态伪类
- 自定义单选按钮
- CSS3结构类
- CSS3结构类实现尺子效果
- 否定选择器
- 伪元素::first-line
- 伪元素::first-letter
- 伪元素::before
- 伪元素::after
- 伪元素::selection
- 伪元素实现文章列表
- transition-property
- transition-duration
- transition-timing-function
- transition-delay
- 2d变换旋转
- 2d变换平移
- 2d变换缩放
- 2d变换扭曲
- 2d变换基点
- 综合2d变换
- transform-style
- animation综合使用
- less使用
- less变量
- less延迟加载
- less混合
- less外部使用
- less嵌套
05CSS3实例演练
- 使用纯css制作三角形
- 圆角边框的使用
- 实现圆形
- 实现椭圆形
- 实现扇形
- 太极图效果实现
- 风车效果实现
- 文字阴影，模糊，背景，排版，描边
- 浮雕文字
- 标准盒子模型与怪异盒子模型
- 盒阴影使用
- 模糊盒阴影
- 立体球效果
- 倒影效果
- 盒子大小调节效果
- 背景裁剪
- 背景模糊
- 线性渐变基本使用
- 重复线性渐变
- 发廊灯效果
- 马赛克地砖
- 光斑动画
- 径向渐变基本使用
- 重复径向渐变
- 3d变换旋转
- 3d变换位移
- 3d变换缩放
- 3d变换基点
- 综合3d变换
- 景深

阶段3.移动端

01移动端核心
- 屏幕尺寸
- 屏幕分辨率
- 屏幕像素密度
- 物理像素
- CSS像素
- CSS像素与物理像素的关系
- 设备独立像素
- 位图像素
- 像素比
- pc视口
- 布局视口
- 视觉视口
- 理想视口
- meta标签
02移动端适配
- pc缩放
- 移动端用户缩放
- 移动端系统缩放
- 移动端基础事件
- 移动端手指列表
- 移动端点透事件
- 移动端取消浏览器默认行为
- rem与em区别
- rem适配
- viewport适配
- 1物理像素
- 实现1物理像素边框的多种方案
03移动端特效
- 横向滑屏（定位版）
- 横向滑屏（2d变换版）
- 横向滑屏（封装自定义组件版）
- 橡皮筋效果
- 绝对定位模拟固定定位
- 加速效果
- 即点即停
- 自定义滚动条
- 防抖动
- 误触效果
- 多指事件
- 多指放大
- 多指旋转
- 无缝滑屏

阶段4.服务器端

01服务器端开发
- Node优势及发展趋势
- Node中的时间轮询机制
- npm、cnpm、yarn包管理器
- Node.js核心基础
- Buffer缓冲器
- Node文件系统（简单、流式文件操作）
- 原生Node搭建服务器
- Express搭建服务器
- ejs模板渲染
- cookie、session的使用
02数据库操作
- HTTP协议与报文
- 基于Express的路由、中间件
- MongoDB数据库基础
- 数据库搭建
- 数据库建表
- 数据库增删改查
- mongoose的使用
- 非关系型数据库特点
- 服务器同数据库交互
- sha1、MD5加密隐私数据
03前后端交互核心
- 原生Ajax
- 基于框架的Ajax
- JSON/XML
- 跨域问题
- JSONP解决跨域问题
- JSONP底层原理深入剖析
- CORS解决跨域问题
- nginx的简单使用
- GET,POST请求区别
04微信公众号开发
- 校验服务器有效性
- 服务端获取用户消息
- 回复微信服务器消息
- 接口管理
- 用户管理
- 获取用户基本信息
- 群发消息
- 获取全局接口调用凭据(ticket)
- signature值的计算
- 语音查电影功能
- 爬虫

阶段5.JavaScript高级

01JavaScript基础深入剖析
- 基础深入: 数据类型及判断
- 基础深入: 数据, 变量与内存
- 基础深入: 对象
- 基础深入: 函数
- 断点调试
- debugger调试
- JS线程机制: 进程与线程
- JS线程机制: 单线程JS
- JS线程机制: 多线程JS
- JS事件循环机制: 再看定时器
- JS事件循环机制: 模型分析
- 原型/链: prototype
- 原型/链: __proto__
- 原型/链: 内存结构分析
02JavaScript面向对象深入讲解
- 执行上下文/栈: 变量/函数提升
- 执行上下文/栈: 执行上下文
- 执行上下文/栈: 执行上下文栈
- 作用域/链: 作用域
- 作用域/链: 作用域链
- 闭包: 闭包是什么
- 闭包: 产生闭包的条件
- 闭包: 闭包的生命周期
- 闭包: 闭包的应用
- 闭包: 闭包的缺点及解决
- 数组与对象
- 栈
- 队列
- 编程模拟进出栈
- 编程模拟队列
03JavaScript异步编程
- 同步与异步
- 回调函数
- Promise
- Generator
- async与await
- 宏队列与微队列
- 宏任务和微任务
- JS事件循环机制: 再看定时器
- JS事件循环机制: 模型分析
- 同步异步的优缺点
- JS编程环境和模型
- JS事件队列
- JS管理模块说明
04JavaScript函数式编程
- 各种编程范式
- 基本理解和使用
- 高阶函数
- 纯函数
- 函数柯里化
- 代码组合
- 函数化封装
- 如何使用好函数
- 链表
- 常用排序算法1: 冒泡
- 常用排序算法1: 选择
- 常用排序算法1: 插入
05JavaScript设计模式
- 面向对象编程
- 常用模式介绍
- 单例模式
- 工厂模式
- 建造者模式
- 原型模式
- 代理模式
- 继承模式1: 原型链
- 继承模式2: 借用构造函数
- 继承模式3: 组合式
- 继承模式4: 原型式
- 继承模式5: 寄生式
- 继承模式6: 寄生组合式

阶段6.前端必备

01性能优化
- 浏览器渲染原理
- 浏览器内核简介
- css图层
- 图层的合理应用
- css、js阻塞
- 重绘重排
- 函数防抖
- 函数节流
- 函数防抖，节流应用
- requestAnimationFrame
- DNS、CDN
- sessionStorage、localStorage
- 跨页签通信的实现
- 网页性能优化大全
- 再谈ajax请求优化
- 封装Ajax请求工具库
02版本控制工具
- SVN版本管理工具
- git版本管理工具
- SVN服务端常见操作
- linux常见命令
- 创建本地仓库
- 检出、克隆本地仓库
- 拉取远程代码
- 分支的操作
- 处理冲突实战
- svn与git对比
- git中差异对比
- git中版本回退
- github的使用
- github创建组织
- github的pullRequest操作
- github的issues
- githubPages的使用
03模块化
- 模块化进化史
- 模块化思想
- 模块化优缺点
- 模块化规范介绍
- CommonJs服务器端模块化
- CommonJs浏览器端模块化
- AMD模块化
- CMD模块化
- ES6模块化分别暴露
- ES6模块化统一暴露
- ES6模块化默认暴露
- 模块化暴露的本质
- 如何引入模块
- 模块互相引用
- 如何合理使用模块化
- 构建工具介绍
- 模块化同构建工具的配合使用
04项目构建工具
- Grunt的插件和API
- Grunt打包各种资源
- Grunt检查编码规范
- Grunt自动化构建
- Gulp相关插件和API
- Gulp自动化构建
- Webpack的工作原理
- Webpack四个核心概念
- Webpack的loader与plugin
- webpack打包各种资源
- webpack开发环境打包
- webpack生产环境打包
- Webpack模块热替换
- webpack tree shaking
- webpack代码分离
- webpack懒加载
- DIY webpack配置环境
- webpack打包优化

阶段7.高级框架

01React框架基本使用
- React的基本认识
- React的基本使用
- React JSX
- 模块与模块化和组件与组件化
- React组件的基本使用
- 组件三大属性1: state
- 组件三大属性2: props
- 组件三大属性3: refs
- React事件处理
- React组件的组合使用
- React受控与非受控组件
- 组件生命周期
- React脚手架的使用
- 项目的打包与发布
- React DEMO: 评论管理
- 组件间通信1: props
- 组件间通信2: 消息订阅与发布
02React框架进阶
- React ajax之axios
- React ajax之fetch
- React DEMO: github users
- React Router4基本路由
- React Router4嵌套路由
- React Router4向路由组件传递数据
- React Router4编程式路由导航
- ReactUI组件库之material-ui
- ReactUI组件库之ant-design
- redux库: 管理组件状态
- react-redux库: 简化使用
- redux-thunk库: redux异步
- redux调用插件
- 自定义redux: createStore
- 自定义redux: combineReducers
- 自定义react-redux:Provider
- 自定义react-redux:connect
03Vue框架基本使用
- Vue的基本认识与使用
- 模板语法
- 计算属性和监视
- class与style绑定
- 条件渲染与列表渲染
- 事件处理与表单数据收集
- Vue实例生命周期
- 过渡与动画
- 自定义过滤器
- 内置指令与自定义指令
- 自定义Vue插件
- 使用vue-cli创建模板项目
- eslint编码规范检查
- 组件定义与使用
- 组件间通信1: props
- 组件间通信2: vue自定义事件
04Vue框架进阶
- 组件间通信3: 消息订阅与发布
- 组件间通信1: props
- 组件间通信4: slot
- Vue ajax: axios与vue-resource
- Vue DEMO: todo list
- Vue DEMO: user search
- Vue UI组件库: mint-ui
- vue-router: 基本路由
- vue-router: 嵌套路由
- vue-router: 向路由组件传递数据
- vue-router: 缓存路由组件
- vue-router: 编程式路由导航
- vuex: 理解与基本使用
- vuex: 相关API与结构分析
- vuex: 计数器应用
- vuex: todo list应用
05Vue源码分析
- vue源码分析: 数据代理
- vue源码分析: 数据劫持
- vue源码分析: setter,getter分析
- vue源码分析: Object.defineProperty
- vue源码分析: 断点调试
- vue源码分析: 数据劫持
- vue源码分析: 插值解析
- vue源码分析: 指令解析
- vue源码分析: 单向数据绑定
- vue源码分析: 双向数据绑定
- vue源码分析: MVVM原理图
- MVC和MVVM区别

阶段8.小程序

01原生小程序入门
- 小程序介绍
- 小程序优缺点
- 小程序语法介绍
- 组件化思想
- 小程序开发工具使用
- 小程序开发工具管理项目
- 小程序开发工具调试
- 小程序适配方案
- px, em, rem, rpx对比
- 全局配置文件
- 注册小程序应用
02原生小程序API使用
- 局部页面配置
- 注册小程序页面
- 小程序生命周期函数
- 小程序路由跳转
- 窗口配置
- 原生小程序组件使用: view, text,button
- 原生小程序API使用: wx.navigateTo/wx.showToast
- 本地数据存储
- 小程序前后端交互
- 背景音乐播放
- 小程序事件应用
03小程序框架Mpvue
- Mpvue简介
- Mpvue特点
- Mpvue同原生小程序区别
- Mpvue VS Vue
- Mpvue基本使用
- Mpvue注意事项
- Mpvue中处理原生小程序事件
- flyio应用
- Node.js中间层实现前后端完全分离
- Mpvue组件通信
- Mpvue中兼容原生小程序生命周期及处理方式

北京、上海、深圳三大校区统一师资全程面授

张老师

技术栈全面、前后台兼备专家讲师

张老师

多年前后台软件开发和教学经验，先后主持开发蓝讯 ERP、辽宁省公共汽车监控系统、沈阳市道路管理系统。深入理解后台主流技术和框架。深入研究了前台HTML5、CSS3、ES6、NodeJS等核心技术, 以及jQuery、Angular、React、Vue等前端流行框架, 曾带领学员完成多款外包Web app。擅长结合实际中的例子来讲授抽象的编程技
闫老师

精通主流框架，深入浅出寓教于乐

闫老师

有着丰富的开发和教学经验，曾就职于阳光集团旗下阳光保险公司，爱虎居电商平台。曾参与大型电商项目虎居商城，阳光保险官网，阳光保险理财项目开发工作，负责前端开发工作。精通html，css，js等编程语言和数据库系统，对前端主流框架Angular、React、Vue及原生js有着深入的研究，热衷于教学，激情派讲师，痴迷于新技术的推广与教学。
沈老师

全栈型技术讲师，一线互联网出身

沈老师

南京师范大学理学学士。曾先后就职于搜狐北京研发中心，景莲科技、软智金融。关注区块链应用，擅长分布式系统、密码学。对Go语言有深入的见解与运用。擅长Vue、Node、RN组合的JS全栈技术方案。曾参与搜狐大数据平台的开发维护，交通银行531项目，扬州农商银行填报系统，启东农商银行不良资产管理系统。授课风趣幽默，热衷于新技术的研究。
熊老师

对技术难点“吹毛求疵”的实力派

熊老师

曾就职于盈富斯科技，任项目经理。参与开发面向拉美国家的电商项目、360团购等。热衷于前端开发，熟练H5、CSS3、JS等前端开发技术，前后端交互流程、NodeJS、Koa、MongoDB等服务端和数据库技术进行全栈开发；对React、Vue等各种前端主流框架有深入研究及丰富的实践；授课认真负责，对技术难点吹毛求疵，同时授课融入最新技术点和面试题，让学生学以致用。
刘老师

实战经验丰富的魅力派讲师

刘老师

毕业于北京工业大学，曾从事软件开发多年，对于web前端和服务器端有较深刻的理解，曾参与中国建设招标网，国家标准物质资源共享平台，医学频道网，36度代驾app项目的开发。近些年投身IT教育领域，多年授课经验，擅于用引导的方式和生动的例子教学，授课思路清晰幽默。
李老师

学生最喜爱的尚硅谷讲师之一

李老师

有多年软件开发及架构经验。熟悉 Java、JavaScript、Oracle、MySQL、DB2、HTML5、前端、Python等编程语言和数据库，对主流框架Spring、Hibernate、MyBatis、SpringMVC、jQuery、Ajax、Activiti、JBPM 等有丰富使用经验和独到理解，对工作流引擎有深入研究。曾参与开发了中石化KMS系统、中国航空研究院工作审批系统等。
刘老师

千余课堂经验，技术讲解一针见血

刘老师

精通C/C++、HTML、CSS、JavaScript、Python等语言，拥有多年Python全栈开发经验。曾主导或参与国家级企业天然气公司收费系统，新东方旗下某在线教育网站等大型项目等。千余堂课堂经验，内容充实、简单明了，能够把晦涩的知识点转化为生活当中的实例，让学生热爱编程。
张老师

全栈型实力派暖男讲师

张老师

曾就职中兴网信，任智慧城市方向研发组长。曾多次参与中国移动ERP系统、万盛数据可视化、济宁大数据环境污染物侦测系统、智慧沈河等大型项目的研发工作，拥有丰富的一线开发经验。热衷web开发，熟练H5、CSS3、JavaScript、React、Vue等前端技术；熟练Java，MySQL、MongoDB、Express、NodeJS等后端技术；对前后端主流框架的理论与实际应用均有深入研究。

前景广阔

缺口巨大

薪资飙升

硅谷商城

硅谷外卖

硅谷直聘

谷粒后台

谷粒音乐

E宠商城

网易严选

到位

张老师

闫老师

沈老师

熊老师

刘老师

李老师

刘老师

张老师