前端天花板 一览众山小

应用广泛

市场渴求高素质前端人才

实战驱动

技术大咖手把手教项目，多年实践经验倾囊相授

尚品汇
尚医通
尚上优选
尚乐购
遇尚
尚头条
爱尚记账
尚品汇
大型Vue项目

项目介绍：

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

技术选型：

前台PC 点击体验

vue3.2vite2.8typescript4.5vue-router4.0

pinia2.0vueusevee-validateuuidaxios

swiperqrcodenprogresslessmockjs

ES6+…

中台Admin 点击体验

vue2.6vue-router3.0vuex3.1element-ui

vue-admin-templateES6+sassmockjs

echartsaxiosvue-echarts…

尚医通
大型React项目

项目介绍：

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

技术选型：

前台PC 点击体验

react17.0react-dom17.0vite2.8redux4.1

react-router-dom6.2react-reduxES6+

redux-thunkredux-loggerredux-persist

antdbootstrapjs-cookiedayjsqrious …

中台Admin 点击体验

react17.0react-dom17.0typescript4.6

lessreact-router-dom6.2redux4.1

react-reduxredux-thunkantdaxios

echartsnprogress…

尚上优选
小程序项目

项目介绍：

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

技术选型：

会员小程序端 点击体验

原生小程序APIuni-appuview-uivue

vuexbmap-wxdayjsscss…

平台管理端 点击体验

vuevuexvue-routerelement-uisass

axiosnprogressvue-admin-template …

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

项目介绍：

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

技术选型：

数据大屏 点击体验

echartsvuevue-echartselement-uisass

axiosES6+…

遇尚
原生App项目

项目介绍：

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

技术选型：

App前端 点击体验

react-nativeexporeactreduxaxios

validatorbabel…

管理平台 点击体验

vuevuexvue-routerelement-uiaxios

vue-admin-templatenprogresssass…

尚头条
全栈后台管理项目

项目介绍：

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

技术选型：

管理端 点击体验

expressmongodbmongoosejwtmd5

jquerynodebootstrapaxioslessejs

sme-router webpack…

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

项目介绍：

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

技术选型：

管理端 点击体验

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. 使用蓝湖工具，根据设计稿，实现静态页面

课程设计特色
此阶段中案例，都可以在网站中找到出处。通过设计稿，使用蓝湖工具实现从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常用命令
  • · 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的企业级项目开发

课程设计特色
此阶段中采用企业级主流的方式来设计后台管理系统的项目，模拟企业级真实需求来做，对React的深入使用，源码级讲解。
第五阶段：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的企业级项目开发

课程设计特色
此阶段中深入讲解了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教育多年，学员遍布全国

高老师

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

罗老师

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

张老师

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

方老师

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

陈老师

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

王老师

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

李老师

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

张老师

多年Web开发经验，对Vue/React有丰富使用经验

张老师

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

了解更多

持续赋能

为学员成长保驾护航

校区环境

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

尚硅谷@北京

尚硅谷@上海

尚硅谷@深圳

尚硅谷@武汉

尚硅谷@西安