404 Not Found

404 Not Found

nginx/1.10.3 (Ubuntu)

前端天花板一览众山小

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

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

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

尚硅谷讲授技术

· 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 …

爱尚记账——全栈H5记账本项目

项目介绍：

本项目是为全栈工程量身定制的一套全链路课程，以提高学员综合能力和对整个前后端开发过程的把控能力为目标，从产品设计、接口设计、数据库设计到前端开发，涉及到整个互联网产品从0到1的开发过程，让你重新认识全栈开发的边边角角和技术选型。项目应用主技术栈为Node+React，采用前后端分离的开发形式，配套专业的文档说明，让学员上手更加轻松容易。

技术选型：

客户端

点击体验

· node · egg · zarm · less · apifox · vite · react-captcha-code

· react · react hooks · flexible · react-router · egg-jwt · egg-mysql

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

与钉钉等企业合作共建大前端课程，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开发经验，对Vue/ React有丰富使用经验

罗老师

对微信小程序有深入研究
知识点讲解深入浅出

张老师

丰富的大规模高并发访问Web应用的架构设计/开发经验

方老师

引导学生自我发现、分析、解决问题从而提升技术能力

陈老师

对NodeJS及前端主流框架React、Vue有深入的研究

王老师

曾任通讯公司高级工程师，痴迷于技术的推广与教学

李老师

原联想集团多个项目前端负责人，授课有激情

张老师

尤其擅长原生JavaScript、jQuery、CSS3+HTML5

高老师

先后任职大型国企、字节跳动，精通HTML、CSS、JS

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

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

入学前

入学测验
多方面考察适不适合学、适合学什么技术方向

个性化预习方案
根据学员具体情况制定，帮你提前进入状态
在校期

技术学习期
技术老师、辅导老师、班主任全程贯穿
技术学习项目实战学习效果测评辅导答疑生活帮助

求职期
就业老师1v1面试指导
职业素养课简历指导模拟面试面试推荐
毕业后

三年免费谷粒学苑SVIP
毕业后仍可按需学习，免费充电，持续提升

入职追踪
扶上马，再送一程，帮助学员解决工作中的问题

厉害了，我的硅谷

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

尚硅谷喜获央广网
2021年度公信力教育品牌
尚硅谷与钉钉共同打造前端新版课程
尚硅谷与百度深度合作
助力学员职业生涯稳步上升
尚硅谷荣获新浪
综合实力培训机构大奖
尚硅谷荣获腾讯
“2018年度综合实力教育集团”
尚硅谷荣获凤凰网
2019-2020年度华人影响力职业教育品牌
尚硅谷与北京市计算中心战略合作发布
“羽林计划”
尚硅谷与华为云达成合作
尚硅谷与多所院校合作共建实训基地

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

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

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

尚硅谷@北京

尚硅谷@上海

尚硅谷@深圳

尚硅谷@武汉

尚硅谷@西安

404 Not Found

404 Not Found

nginx/1.10.3 (Ubuntu)