
全程
面授
300+
业务场景
覆盖
200+
技术点
讲透主流框架
100+
课时架构师
拔高视频
前端天花板 一览众山小
- 深度契合
打造真正企业级工作流场景 - 即时更新
渐进式课程教学模式 - 战略升级
多学科协作重构前端学习新生态
- 广泛覆盖
主流高能技术模块深入剖析 - 额外附赠
架构师进阶视频豪华大礼包 - 大咖面授
名师云集全程带你从入门到突破
应用广泛
市场渴求高素质前端人才

实战驱动
技术大咖手把手教项目,多年实践经验倾囊相授
尚品汇
大型Vue项目项目介绍:
技术选型:
vue3.2vite2.8typescript4.5vue-router4.0
pinia2.0vueusevee-validateuuidaxios
swiperqrcodenprogresslessmockjs
ES6+…
vue2.6vue-router3.0vuex3.1element-ui
vue-admin-templateES6+sassmockjs
echartsaxiosvue-echarts…
尚医通
大型React项目项目介绍:
技术选型:
react17.0react-dom17.0vite2.8redux4.1
react-router-dom6.2react-reduxES6+
redux-thunkredux-loggerredux-persist
antdbootstrapjs-cookiedayjsqrious …
react17.0react-dom17.0typescript4.6
lessreact-router-dom6.2redux4.1
react-reduxredux-thunkantdaxios
echartsnprogress…
尚乐购
电商平台数据大屏监控系统项目介绍:
技术选型:
echartsvuevue-echartselement-uisass
axiosES6+…
尚头条
全栈后台管理项目项目介绍:
技术选型:
expressmongodbmongoosejwtmd5
jquerynodebootstrapaxioslessejs
sme-router webpack…
爱尚记账
全栈H5记账本项目项目介绍:
技术选型:
nodeeggegg-jwtegg-mysqlapifox
vitereactreact hooksflexiblezarm
lessreact-captcha-code react-router…
课程大纲
科学设置七大阶段由浅入深循序渐进
为解决实际问题而学习

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

第二阶段: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页面的构建及源码分析
课程设计特色

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

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

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

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

第七阶段:实战 + 精讲
- · 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教育多年,学员遍布全国

高老师
先后任职大型国企、字节跳动,精通HTML、CSS、JS

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

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

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

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

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

李老师
原联想集团多个项目前端负责人,授课有激情

张老师
多年Web开发经验,对Vue/React有丰富使用经验

张老师
尤其擅长原生JavaScript、jQuery、CSS3+HTML5
了解更多
持续赋能
为学员成长保驾护航

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

尚硅谷@北京

尚硅谷@上海

尚硅谷@深圳

尚硅谷@武汉

尚硅谷@西安