人才缺口巨大,待遇水涨船高
  • 前景广阔

    前端工程师强势崛起

  • 缺口巨大

    高级前端人才长期缺乏

  • 薪资飙升

    近年前端薪资持续大幅上升

随着工作经验的积累,收入水涨船高

薪资稳步增长

快: 可以迅速找到工作

准: 所学技术正是企业急需,学员offer收到手软

狠: 工作起薪高、待遇好、受重视、职业发展长远

我们统计的,仅是学员毕业后首份工作的基本薪资,且不包含绩效、奖金、补助等各项福利
工作2~3年后,他们的月薪普遍超过2万,成长为技术大牛、CTO、成功创业等的尚硅谷学长,层出不穷
以企业需求为导向提供前端解决方案
  • 企业级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选项卡,竖向滑屏,自定义滚动条

    技术点

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

    无缝滑屏运用防抖动逻辑,竖向滑屏实现即点即停

  • 谷粒门户

    该项目是一个基于原生JavaScript开发的PC端项目,主要功能同门户网站一样,主要给用户展示机构核心业务、团队介绍、产品介绍等功能

    项目架构

    原生JS + CSS3动画 + 3D变换 + Canvas + 曲线运动 + 鼠标滚轮优化

    功能模块

    共包含五屏,主要功能有:3D轮播图、气泡曲线运动、3D动画

    技术点

    Canvas、滚轮防抖、轮播图防抖、 曲线运动、2D变换、3D变换

  • 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
    小程序支付流程说明
    小程序分享功能说明
    阿里小程序介绍、钉钉应用开发介绍

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

阶段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等后端技术;对前后端主流框架的理论与实际应用均有深入研究。

不论是0基础小白,还是进阶、转行,都能从这里高起点入行大前端

新纪录

尚硅谷大前端连续6期

全班高薪高速就业名单

0715班平均月薪

11400元

平均年薪13.7万

姓名 就职企业 月薪 年薪 福利待遇 就业地
  • 黄** **集团有限公司  13000 156000 五险一金 深圳
  • **月**信息技术(深圳)有限公司14000168000五险一金深圳
  • 黄****科技服务有限公司12300147600五险一金深圳
  • **鑫 **科软件有限公司 10000 120000 五险一金 成都
  • 李**深圳博**科技有限公司14000168000五险一金深圳
  • 吴**深圳和****控制股份有限公司16000192000五险一金深圳
  • **林深圳**讯信息技术有限公司15000180000五险一金深圳
  • 周**深**云信息技术有限公司12000144000五险一金深圳
  • **伟深圳市**软件有限公司14500174000五险一金深圳
  • 张****(深圳 )科技有限公司13000156000五险一金深圳
  • 陈****科技股份有限公司13000156000五险一金深圳
  • 冉****连锁有限公司650078000五险一金贵阳
  • 田****联(深圳)科技有限公司12000144000五险一金深圳
  • 周**北京和******限公司广州分公司10000120000五险一金广州
  • 李****(深圳 )科技有限公司11000132000五险一金深圳
  • 杨**深圳**亮科技股份有限公司 11000132000五险一金深圳
  • **琼湖南立**技术有限公司  800096000五险一金长沙
  • **娟**运集团有限公司 12000144000五险一金深圳
  • **波深圳**下科技有限公司 13000156000五险一金深圳
  • 陈****保科技(深圳)有限公司 11000132000五险一金深圳
  • **珍深圳马**科技有限公司9500114000五险一金深圳
  • 王**宇****技术有限公司广州分公司11500138000五险一金深圳
  • **华深圳云**技开发有限公司 12000144000五险一金13薪季度奖深圳
  • **南广州**文化传播有限公司12000156000五险一金深圳
  • 卢**北京****有限公司广州分公司10000120000五险一金广州
  • 龚**深圳**天科技发展有限公司9000108000五险一金深圳
  • 张**深圳**派科技有限公司11000132000五险一金深圳
  • 黄**深圳**信息技术有限公司8500102000五险一金深圳
  • **华中**电子商务股份公司10000120000五险一金房补年终奖深圳
  • 孙**深圳**金投资信息咨询有限公司12000147600五险一金包吃房补300深圳
  • 赵**深圳信**文化科技有限公司10000120000五险一金深圳
  • 范**中****经营服务有限公司800096000五险一金包住深圳
  • 王**公司保密800096000五险一金深圳
  • 刘**信**息技术有限公司14000168000五险一金深圳
  • 龚**深圳**天科技发展有限公司9000108000五险一金深圳
  • **丽亿**技术(深圳)有限公司14000168000五险一金深圳
  • **玲深圳云**技开发有限公司12000144000五险一金深圳

从入学到就业,尚硅谷全程保驾护航免除后顾之忧

硅谷前端,你的职业生涯充电站

入学测试

科学量化开发潜力,

量身打造专属你的学习计划

大厂入门必备

完善的HTML + CSS + JavaScript

+JQuery知识体系

企业项目UI布局实战

移动端开发

ES6全新语法

互联网前沿技术栈点

NodeJS服务端

微信公众号

微信小程序

升职加薪课

React框架深入讲解

React企业级管理项目开发

Vue框架深入讲解

Vue企业级电商项目开发

企业项目迁移课堂

钉钉E应用开发实战

React企业级项目实战

Vue企业级项目实战

职场礼仪

纵向拓展专业技术,横向拓展综合实力

挤进尚硅谷,注定你优秀,不只是说说而已!

就业追踪指导

就业指导手把手教你制作简历、技术大牛分享面试题

在尚硅谷,你永远不是一个人在奋斗

影响力与日俱增,巨头合作、重磅荣誉纷至沓来,尽显硅谷实力
  • 北京校区(总)
  • 电话:010-56253825
  • 邮箱:info@atguigu.com
  • 邮编:102209
  • 地址:北京市昌平区宏福科技园综合楼6层
  • 上海校区
  • 电话:021-57652717
  • 邮箱:info@atguigu.com
  • 邮编:201699
  • 地址:上海市松江区谷阳北路166号大江商厦6层
  • 深圳校区
  • 电话:0755-85293825
  • 邮箱:info@atguigu.com
  • 邮编:518110
  • 地址:深圳市宝安区西部硅谷大厦B座C区一层
尚硅谷web前端培训学员风采
关于我们
名师团队
新闻动态
合作企业
资源下载
视频下载
资料下载
工具下载
加入我们
招聘岗位
岗位介绍
招贤纳师
联系我们
电话:010-56253825
邮箱:info@atguigu.com
地址:北京市昌平区宏福科技园综合楼6层(北京校区)

 深圳市宝安区西部硅谷大厦B座C区一层(深圳校区)

上海市松江区谷阳北路166号大江商厦6层(上海校区)