降维碾压 一览众山小

深度契合
打造真正企业级工作流场景
广泛覆盖
主流高能技术模块深入剖析
即时更新
渐进式课程教学模式
额外附赠
架构师进阶视频豪华大礼包
战略升级
多学科协作重构前端学习新生态
大咖面授
名师云集全程带你从入门到突破

一才难求市场对前端人才的需求旺盛,人才缺口大

能解决企业实际业务问题的前端工程师供不应求

尚硅谷讲授技术
  • · HTML· Vant UI
  • · 浮动· Mint UI
  • · 定位· Vue指令
  • · CSS2· HTML5新特性
  • · HTML5· PhotoShop
  • · Canvas· 企业UI图布局
  • · Video· 语义化标签
  • · Audio· 自定义播放器
  • · 拖拽· 响应式布局
  • · 2D变化· 双飞翼布局
  • · 精灵图· 圣杯布局
  • · Sass· 伪等高布局
  • · Less· LocalStroage
  • · Stylus· SessionStorage
  • · SVG· Websocket
  • · 盒模型· Animation
  • · 蓝湖· Transition
  • · 3D变化· 幽灵按钮
  • · Array· 文字特效
  • · JavaScript· 阴影特效
  • · Obejct· 翘边阴影
  • · Function· ECMAscript2015
  • · Ajax· ECMAscript2016+
  • · Regex· jQuery插件
  • · prototype· 事件模型
  • · BOM· 事件委托
  • · DOM· ArtTemplate
  • · 函数化封装· 数据可视化
  • · JSONP· BootStrap源码分析
  • · CORS· Angular模板解析
  • · 闭包· Angular双向数据绑定
  • · 原型· 单例模式
  • · 作用域· 工厂模式
  • · 性能优化· React移动端项目
  • · 栈· 建造者模式
  • · 队列· 原型模式
  • · 链表· 代理模式
  • · 深拷贝· 事件队列
  • · 浅拷贝· 流程语句
  • · 纯函数· 条件语句
  • · jQuery· 编程模拟进出栈
  • · Echarts· 同步与异步
  • · Zepto· 回调函数
  • · BootStrap· Promise
  • · Angular· Generator
  • · npm· async & await
  • · cnpm· 宏队列与微队列
  • · yarn· 宏任务和微任务
  • · cookie· 高阶函数
  • · session· 函数柯里化
  • · Nginx· 代码组合
  • · JSONP· 常用排序算法1: 冒泡
  • · 中间件· 常用排序算法1: 选择
  • · Koa.js· 常用排序算法1: 插入
  • · HTTP协议· Viewport 适配
  • · 爬虫· REM 适配
  • · Git· 多指事件
  • · Svn· 事件点透
  • · Github· 物理像素
  • · CSS图层· 橡皮筋效果
  • · Grunt· 封装移动端插件
  • · Gulp· 布局视口
  • · Gulp热加载· 视觉视口
  • · Webpack· 理想视口
  • · Vue· meta标签
  • · Vue CLI· 无缝滑屏
  • · MVVM· MongoDB
  • · Vuex· 跨域问题
  • · Redux· 数据库增删改查
  • · Weex· GET,POST请求
  • · Mock· SHA1、MD5加密隐私数据
  • · Axios· 前端安全,数据加密
  • · Fetch· Express.js
  • · Fly.js· KoaRouter
  • · iView· 校验服务器有效性
  • · 组件化· 接口管理
  • · 模块化· 用户管理
  • · MVC· 群发消息
  • · ESlint· 获取全局接口调用凭据(ticket)
  • · slot· Signature值的计算
  • · props· 语音查电影功能
  • · state· 微信公众号开发
  • · refs· 浏览器渲染原理
  • · 就业指导· 浏览器内核
  • · Vue2· requestAnimationFrame
  • · Vue3· DNS & CDN
  • · TypeScript· 跨页签通信的实现
  • · VueUse· 网页性能优化
  • · AntD UI· 图层的合理应用
  • · 生命周期· CSS&JS阻塞
  • · 小程序组件· 重绘重排
  • · mpvue· Linux常见命令
  • · uni-app· React
  • · Flutter· JsonServer
  • · 小游戏· Vue源码分析
  • · Node.js· Element UI
  • · 微前端· setter/getter
  • · __proto__· 双向数据绑定
  • · 设计稿· 消息订阅发布
  • · 函数节流· ReactRouter
  • · 函数防抖· VueRouter
  • · Express.js· KeepAlive
  • · 单向数据流· React Hooks
  • · 原生小程序· 小程序音乐播放
  • · 小程序配置· cocos creator
  • · HTML· Vant UI
  • · 浮动· Mint UI
  • · 定位· Vue指令
  • · CSS2· HTML5新特性
  • · HTML5· PhotoShop
  • · Canvas· 企业UI图布局
  • · Video· 语义化标签
  • · Audio· 自定义播放器
企业招聘技术需求

应用广泛前端技术广泛覆盖众多行业领域

市场渴求高素质前端人才

实战驱动技术大咖手把手教项目,多年实践经验倾囊相授

着眼于大局,立足于细节,教你将复杂庞大的需求,拆解成可执行的阶段任务,实现高效开发

尚品汇—大型Vue项目

项目介绍:

尚品汇,由多位京东大神参与共研,是一个以京东商城为参考原型的互联网B2C的电子商城项目,包含了后台商品管理、商品检索、商品详情、购物车、单点登录、订单、支付、秒杀、库存管理等电商业务。

技术选型:

前台PC

点击体验
· less · uuid · axios · vueuse · ES6+
· swiper · vite2.8 · vue3.2 · qrcode · mockjs
· pinia2.0 · nprogress · vue-router4.0 · vue-validate · typescript4.5 …

中台Admin

点击体验
· ES6+ · sass · mockjs · vue2.6
· axios · echarts · vuex3.1 · element-ui
· vue-echarts · vue-router3.0 · vue-admin-template

尚医通—大型React项目

项目介绍:

网上预约挂号是近年来开展的一项便民就医服务,旨在缓解看病难、挂号难的就医难题,许多患者为看一次病要跑很多次医院,还不一定能保证看得上医生。网上预约挂号提供的预约挂号业务,解决了这一就医难题。随时随地轻松挂号,不用排长队!

技术选型:

前台PC

点击体验
· vite2.8 · antd · dayjs · qrious · ES6+
· react-dom17.0 · react-redux · redux-thunk · redux-logger · redux-persist
· react17.0 · redux4.1 · js-cookie · react-router-dom6.2 · bootstrap …

中台Admin

点击体验
· axios · antd · echarts · less
· redux4.1 · redux-thunk · react-redux · nprogress
· react17.0 · react-dom17.0 · react-router-dom6.2 · typescript4.6 ...

尚上优选—小程序项目

项目介绍:

尚上优选是一家社区电商平台,采用“当日下单+次日送达+门店自提”的模式,围绕社区居民日常生活所需,满足不同用户的差异化需求,通过仓储配送体系,以便捷的方式和舒心的服务提升了用户的消费体验。

技术选型:

会员小程序端

点击体验
· vue · vuex
· scss · dayjs
· uni-app · uview-ui
· bmap-wx · 原生小程序API ...

平台管理端

点击体验
· vue · vuex
· sass · axios
· vue-router · nprogress
· vue-admin-template · element-ui ...

尚乐购—电商平台数据大屏监控系统

项目介绍:

数据大屏可视化项目给我们带来多种数据可视化的实现技术(canvas、svg和echarts)。使用echarts+vue+element-ui配合使用,实现柱状图、折线图、饼图、地图、词云图等多种图形的动态展现,并通过响应式处理来动态适配浏览器和大屏尺寸变化,同时自定制图表效果,以及根据业务需求实现数据的高质量展现。

技术选型:

数据大屏

点击体验
· vue · sass · ES6+
· echarts · axios ...
· vue-echarts · element-ui

遇尚—原生App项目

项目介绍:

遇尚是一款陌生人在线交友平台,充分发挥陌生人交友特点,平台提供了附近圈、朋友圈,通过大数据平台智能推荐好友与动态,用户采取了人脸识别技术,还提供在线即时通讯,以满足用户的交友需求。

技术选型:

App前端

点击体验
· expo · react
· redux · babel
· validator · axios
· react-native

管理平台

点击体验
· vue · vuex
· sass · axios
· vue-router · nprogress
· vue-admin-template · element-ui …

尚头条—全栈后台管理项目

项目介绍:

此项目是工程化阶段的相关重要技术(Node / Mongodb / Express / ES6 / Axios / Webpack)的综合性实战应用,项目的业务逻辑不算复杂,主要提高学员此阶段所学技术的综合运用和编码能力。 包含两个子应用:后台接口数据处理应用与前台数据展现交互应用。

技术选型:

管理端

点击体验
· ejs · jwt · md5 · node · less · axios · jquery
· mongodb · express · mongoose · bootstrap · sme-router · webpack

课程大纲广泛覆盖企业级技术选型

与钉钉等企业合作共建大前端课程,Vue2 + Vue3 + React+工程化全新升级

依靠硅谷完备的课程更新机制,不断吐故纳新,保持所授技术的实用性和前瞻性相结合
  • HTML
  • HTML5新特性
  • PhotoShop
  • 企业UI图布局
  • 精灵图
  • 浮动
  • 定位
  • CSS2
  • 语义化标签
  • 自定义播放器
  • 响应式布局
  • 双飞翼布局
  • Git
  • 圣杯布局
  • 伪等高布局
  • Canvas
  • Video
  • LocalStroage
  • SessionStorage
  • Websocket
  • 拖拽
  • Animation
  • Transition
  • 2D变化
  • 3D变化
  • 生命周期
  • 幽灵按钮
  • 文字特效
  • 阴影特效
  • 翘边阴影
  • Sass
  • Less
  • Stylus
  • SVG
  • 盒模型
  • 蓝湖
  • 设计稿
  • JavaScript
  • Obejct
  • Array
  • Function
  • Ajax
  • Vue指令
  • Regex
  • ECMAscript2015
  • ECMAscript2016
  • prototype
  • __proto__
  • Bom
  • Dom
  • 函数化封装
  • JSONP
  • CORS
  • 闭包
  • 原型
  • 作用域
  • Vue
  • 性能优化
  • 单例模式
  • 工厂模式
  • 建造者模式
  • 原型模式
  • 代理模式
  • 事件队列
  • 流程语句
  • 条件语句
  • 队列
  • 编程模拟进出栈
  • setter/getter
  • 同步与异步
  • 回调函数
  • Promise
  • Generator
  • async与await
  • 宏队列与微队列
  • 宏任务和微任务
  • 高阶函数
  • 纯函数
  • 函数柯里化
  • 小程序音乐播放
  • 代码组合
  • 链表
  • 常用排序算法1: 冒泡
  • 常用排序算法1: 选择
  • 常用排序算法1: 插入
  • 函数防抖
  • 函数节流
  • 深拷贝
  • 浅拷贝
  • jQuery
  • 模块化
  • 组件化
  • jQuery插件
  • 事件模型
  • 事件委托
  • ArtTemplate
  • Echarts
  • 数据可视化
  • BootStrap
  • BootStrap源码分析
  • Angular
  • Angular模板解析
  • Vuex
  • Angular双向数据绑定
  • Zepto
  • viewport
  • gRem
  • 多指事件
  • 事件点透
  • 物理像素
  • 橡皮筋效果
  • 封装移动端插件
  • 布局视口
  • 视觉视口
  • Vue
  • 理想视口
  • meta标签
  • 无缝滑屏
  • Node.js
  • Express.js
  • npm
  • cnpm
  • yarn
  • cookie
  • session
  • MongoDB
  • 跨域问题
  • Nginx
  • JSONP
  • Vue源码分析
  • 数据库增删改查
  • GET,POST请求
  • HTTP协议
  • SHA1、MD5加密隐私数据
  • 前端安全,数据加密
  • 中间件
  • Koa.js
  • Express.js
  • Koa-router
  • MVVM
  • 校验服务器有效性
  • 接口管理
  • 用户管理
  • 群发消息
  • 获取全局接口调用凭据(ticket)
  • signature值的计算
  • 语音查电影功能
  • 爬虫
  • 单项数据流
科学设置七大阶段由浅入深循序渐进,为解决实际问题而学习

每个阶段都有案例或项目,将技术教学融入到项目实战中,拒绝死记硬背

第一阶段:HTML + CSS核心基础
  • · HTML、CSS核心基础
  • · HTML5新特性
  • · CSS3新特性
  • · CSS过渡与动画
  • · 弹性盒模型
  • · 蓝湖工具使用
  • · 项目-尚品汇静态页面
  • · 经典布局练习(双飞翼,品字布局)
掌握的技能
  • 1. HTML和HTML5基础语法
  • 2. CSS和CSS3的基础语法
  • 3. 掌握100+个企业级布局设计案例
  • 4. 使用蓝湖工具,根据设计稿,实现完整静态页面
课程设计特色

此阶段中案例,都可以在网站中找到出处。通过设计稿,使用蓝湖工具实现从0到1的开发完整的静态页面。实现企业级的项目布局,真实呈现。

第二阶段:JavaScript
  • · JavaScript基础
  • · Web API(BOM & DOM)
  • · JavaScript操作DOM
  • · CSS预编译器(Less & Sass)
  • · 前端常用工具库
  • · 手写工具函数库
  • · JavaScript面向对象(JS高级)
  • · 项目-PC项目(HTML+CSS+JS)实现
掌握的技能
  • 1. ES5基础语法,BOM与DOM的语法使用和案例实现
  • 2. 封装工具函数库(节流、防抖、深浅拷贝、数组常用方法实现等)
  • 3. JS作用域、闭包、原型、继承、内存分析、内存管理、垃圾回收等深入分析
  • 4. 借助蓝湖工具,根据设计稿,构建页面,到使用JS呈现项目流程
  • 5. 掌握jQuery核心语法,Less和Sass的基本语法,BootStrap页面的构建及源码分析
课程设计特色

此阶段中经典算法讲解,讲解源码,提升学员的编程逻辑思维能力,具备js原生书写能力,覆盖市场主流解决方案。呈现从设计稿到静态页面到动态实现的整个流程。

第三阶段:ES6 + Node + 工程化
  • · ES5+ & ES6+
  • · NPM与YARN常用命令
  • · Git常用命令与协同开发
  • · Node.js & Express框架 & MongoDB
  • · HTTP协议 & Cookie & Session
  • · Ajax(原生、工具库、自定义封装)
  • · ESM与ComonJS模块化
  • · 构建工具Gulp、Webpack5.0
  • · 工程化项目
掌握的技能
  • 1. 掌握分布式版本控制工具Git的综合使用
  • 2. 了解Node.js基础,HTTP服务搭建,接口编写
  • 3. 掌握Promise处理异步操作,和使用async/await简化异步操作
  • 4. 掌握前后台交互技术Ajax,并封装Ajax库
  • 5. 掌握基于Webpack的工程化开发,全栈项目开发后台管理系统
课程设计特色

此阶段中使用项目的方式完整贯穿整个工程化的知识点,实现总分总的教学方法,实现后台管理系统,将工程化的知识点和原理深入讲解。

第四阶段:React技术栈
  • · React基础语法
  • · React Hooks
  • · React-router
  • · Redux
  • · React Antd
  • · React与Redux原理分析
  • · TypeScript
  • · 尚医通-大型React医疗项目-中台Admin
掌握的技能
  • 1. 掌握React基础语法和最新的Hooks语法使用
  • 2. 掌握React核心插件的使用(React Router、Redux、Antd)
  • 3. 分析React和Redux源码,深入了解框架的实现原理
  • 4. 掌握TypeScript的核心语法使用,并与React相关库的配合开发
  • 5. 掌握React+TS的企业级项目开发
课程设计特色

此阶段中采用企业级主流的方式来设计后台管理系统的项目,模拟企业级真实需求来做,对React的深入使用,源码级讲解。

第五阶段:Vue技术栈
  • · Vue基础
  • · VueRouter
  • · Vuex
  • · ElementUI & VantUI
  • · Vue源码(数据响应式、虚拟DOM)
  • · Vue3+TS
  • · 尚品汇-大型Vue电商项目-前台PC
  • · 尚品汇-大型Vue电商项目-中台Admin
掌握的技能
  • 1. 掌握Vue2的基础语法和核心扩展库(Router、Vuex、ElementUI)
  • 2. 掌握Vue3的最新语法和核心插件(Router、Pinia、ElementPlus)
  • 3. 理解Vue2与Vue3的响应式和虚拟DOM的原理及其区别
  • 4. 掌握Vue2+JS 与 Vue3+TS的企业级项目开发
课程设计特色

此阶段中深入讲解了Vue的底层源码,以及各种场景下的解决方案,覆盖企业级各种技术选型,做到从毕业到企业的无缝衔接,项目中需求文档和接口均为真实接口。

第六阶段:小程序技术栈
  • · 原生小程序核心API
  • · 小程序框UniApp的核心API
  • · 小程序UI组件库uView
  • · 谷粒音乐(原生小程序)
  • · 尚上优选(UniApp小程序)
掌握的技能
  • 1. 掌握原生小程序核心语法,开发原生小程序应用
  • 2. 能快速开发基于UniApp的小程序应用
  • 3. 掌握项目开发的完整流程与应用技巧
课程设计特色

此阶段中掌握企业级工作流,从原生到框架掌握,从部署到上线,UniApp的项目中包含了企业级项目的设计。

第七阶段:实战 + 精讲
  • · Vue前台项目实战
  • · Vue后台管理项目实战
  • · React前台/后台项目实战
  • · 小程序项目实战
  • · 前端技术体系化复习总结
  • · 高频&大厂面试题分析
掌握的技能
  • 1. 掌握基于Vue和React技术栈的项目开发
  • 2. 掌握基于原生小程序和UniApp小程序的项目开发
  • 3. 掌握多人协同开发和解决bug的综合技巧
  • 4. 建立前端技术体系,搞定高频的面试题
课程设计特色

实战项目中坚决按照开发的设计来实现,完整的接口文档书写,企业的编码要求。不仅仅讲解高频面试题,还为学生建立完整的前端技术体系。

额外加赠100+课时架构师视频课

夯实基础,拔高技术,提升市场竞争力

赠送
视频

Git高级

Webpack高级

Taro框架

数据结构算法

设计模式
函数式编程

自定义工具库

自定义PubSub
EventBus

自定义
Promise高级

ReactNative

微前端

职业发展高起点入行,你也可以

告别漫长的盲目摸索阶段,系统化构建个人技术体系

初级前端开发

中级前端开发

高级前端开发

全程面授讲师团队拥有丰富的企业工作与授课经验

做好传、帮、带,为学员发展持续提供源动力

张老师
全技术栈的专家级讲师
任凭教室宽广,飞哥不用麦
李老师
曾参与国家级超大型项目开
发,德云社式幽默生动授课
李老师
专注、洞察力强、幽默诙谐
确保学生透彻理解知识点
张老师
对前后端主流框架的理论
与实际应用均有深入研究
李老师
深度参与多游戏平台建设
性格随和技术精湛
熊老师
对React、Vue有深入研究
言简意赅,认真负责
李老师
拥有HTML/JS/PHP/数据库/
VUE/Node等开发授课经验
刘老师
技术讲解一针见血
深得学生喜爱
杨老师
善于将项目开发中的前后端交互实践经验融入教学
闫老师
先后就职饿了么、百度等公司,注重理论和实践相结合
刘老师
擅于用引导方式和生动的例子教学,授课思路清晰幽默
邱老师
深悉各大前端主流框架
把抽象的编程思想具象化
付老师
做过开发工程师/技术经理/
前端架构师,懂技术会讲课
闫老师
深入了解HTML/CSS/PHP/
JavaScript/Python等语言
贾老师
曾就职于联想集团,从事IT教育多年,学员遍布全国
陈老师
实战经验丰富,授课思路清晰,课堂氛围轻松活跃
罗老师
对微信小程序有深入研究
知识点讲解深入浅出
张老师
丰富的大规模高并发访问Web应用的架构设计/开发经验
方老师
引导学生自我发现、分析、解决问题从而提升技术能力
陈老师
对NodeJS及前端主流框架React、Vue有深入的研究
王老师
曾任通讯公司高级工程师,痴迷于技术的推广与教学
李老师
原联想集团多个项目前端负责人,授课有激情
张老师
多年Web开发经验,对Vue/ React有丰富使用经验
张老师
尤其擅长原生JavaScript、jQuery、CSS3+HTML5
高老师
先后任职大型国企、字节跳动,精通HTML、CSS、JS

持续赋能为学员成长保驾护航

从入学到就业后,尚硅谷始终在你身边,助力学员整个职业生涯持续提升
一站式服务模式,3大阶段6个步骤,用更高的效率,更科学化的方法,提供长期就业辅导、推荐和技术支持

厉害了,我的硅谷

影响力与日俱增,巨头合作、重磅荣誉纷至沓来

  • 尚硅谷喜获央广网
    2021年度公信力教育品牌

  • 尚硅谷与钉钉共同打造前端新版课程

  • 尚硅谷与百度深度合作
    助力学员职业生涯稳步上升

  • 尚硅谷荣获新浪
    综合实力培训机构大奖

  • 尚硅谷荣获腾讯
    “2018年度综合实力教育集团”

  • 尚硅谷荣获凤凰网
    2019-2020年度华人影响力职业教育品牌

  • 尚硅谷与北京市计算中心战略合作发布
    “羽林计划”

  • 尚硅谷与华为云达成合作

  • 尚硅谷与多所院校合作共建实训基地

获颁二十八项国家计算机软件著作权证书,尽显技术研发硬实力

广泛涵盖大数据、教育、教务管理、阅读、社区等领域

校区环境整洁有序,竭尽全力为学员提供高效学习氛围

北京java培训 北京java培训班
尚硅谷@北京

上海java课程培训 上海java培训机构
尚硅谷@上海
深圳java工程师培训 深圳java软件培训
尚硅谷@深圳
武汉java开发培训

武汉java程序员培训
尚硅谷@武汉
西安java开发培训
西安java程序员培训
尚硅谷@西安