全国咨询热线:400-009-1906

尚学堂
课程优势
八大课程体系
前端基础体系   
前后端交互体系   
HTML5新特性体系   
工程化体系   
   大数据可视化体系
   前端三大框架体系
   微信相关体系
   2020年新增前沿技术体系

(224G)前端全套视频教程领取

二十四个知识模块
  • HTML5+CSS3
    模块

  • 移动端M站
    模块

  • JavaScript
    编程模块

  • jQuery
    模块

  • BootStrap
    模块

  • HTML5新特性
    模块

  • Nodejs、MySQL与Ajax
    模块

  • 模块化
    模块

  • JavaScript新标准
    (ES6\7\8\9)

  • 工程化
    模块

  • 小程序
    模块

  • React
    模块

  • React轻量级框架之
    DvaJS

  • React轻量级框架之
    UmiJS

  • Vue
    模块

  • Angular
    模块

  • 框架原理
    模块

  • UI组件库
    模块

  • 协同开发
    模块

  • 大数据可视化
    模块

  • 微信相关
    模块

  • WebApp与混合开发
    模块

  • React-Native
    模块

  • Flutter
    模块

十一个企业级项目
  • 小米官网
  • 响应式官网
  • 课程类官网
  • 美食网(移动端)
  • IMMERSE 音乐播放器
  • 登陆注册认证系统
  • Ego商城后台管理系统
  • 微信小程序-蓝莓派社区
  • 推广类移动端页面
  • 蓝莓派社区
  • 宜居租房
  • 项目简介

    首先选择小米官网为第一个实战案例,是因为刚开始入门,有个参考点,另外站点比较偏向目前的卡片式设计,实现常见效果。目的为学者练习编写小米官网,熟悉 div+css 布局。

    技术栈:HTML+CSS+Div布局

  • 项目简介

    此站点特效较多,所以通过练习编写次站点,学生可以更多练习 CSS3 的新特性过渡与动画的实现,并且可以很好的练习 div+css 布局。

    技术栈:HTML+CSS+Div布局

  • 项目简介:

    此站点为响应式站点,在目前常见站点中,响应式设计类站点是非常多的,而且大部分公司的站点都需要支持响应式,所以,通过练习次站点,学者可以熟悉响应式这点的设计流程和实现方式

    技术栈:HTML5+CSS3+BootStrap

  • 项目简介:

    项目为移动端项目,针对 M 站进行布局处理,项目为手机外派类 web 站点,功能包含,首页店铺展示,店铺餐饮列表,具体视频详情等页面

    技术栈:HTML5+CSS3+REM

  • 项目简介:

    本项目为音乐类项目,主要实现音乐首页展示,今日推荐类别,歌曲列表,歌曲播放及歌手列表和搜索功能。主要练习 Vue 的基础应用和组件如何设计。项目如何构架与测试。通过本项目可以让学者更快的熟悉 Vue 框架的使用。并且熟练的构建整个项目需求的架构

    技术栈:Vue + Vue-Router + Axios + Flex + ES6

  • 项目简介:

    登录认证系统基本上是每个项目的必备品,我们单独拿出来,做详细讲解,并形成一个独立的项目,这样大家在日后的开发中,可以随时可拔插式增加到自己的项目中

    技术栈:React + Redux + React-Router + BootStrap + Axios + Redux-Thunk + 工具库(lodash\classnames 等)

  • 项目简介

    商城后台管理系统是目前非常常见的管理系统,当然,类似的管理系统包含内容管理、产品管理、人员管理等系统都是类似的,所以我们通过此后台系统了解大部分的系统的常见功能,主要针对产品、内容、规格参数等进行增删改查的操作

    技术栈:Vue + Vuex + Vue-Router + Element UI + Axios + 权限管理

  • 项目简介

    此阶段的内容为微信小程序开发,本阶段并非以基础知识点开始入手讲解,基于学者经历过以上的学习,在此时已经掌握项目框架,包含常见的一些实现规范,所以,这里我们将直接讲解项目,根据项目需求的效果使用微信小程序技术实现对应功能。

    技术栈:微信小程序

  • 项目简介

    这是一款测试类产品,用户输入名称可以根据用户名名称进行分析,给出不同的运势结果,并且项目是嵌套在 app 中的,通过 iOS 和 Android 的 webview 进行加载

    技术栈:Swiper+jQuery+REM+Less

  • 项目简介

    本项目名称为蓝莓派,主要为音乐社区类型。包含较多的交互功能,例如滑动门,雪碧图使用,模态框,瀑布流和焦点轮播图等效果。当然,前后端交互也是不可少的,主要理解前后端交互流程与练习各种交互实现。

    技术栈:JavaScript+jQuery+REM+响应式

  • 项目简介

    本项目是租房类 WebApp,注重移动端布局,功能的实现。其中包含,登录注册、首页展示、城市选择、搜索功能、详情展示、上拉加载等功能。

    技术栈:React + React-Router + Redux + Fetch

二大前沿技术
五大更新模块
  • 小程序云开发

  • React高级框架DvaJS和UmiJS

  • Vue企业级电商项目

  • 移动端Flutter课程

  • React-Native实战开发

小程序云开发

在这个小程序泛滥的时间节点中,微信小程序是用户最多的,也是目前企业的最佳选择,所以小程序开发工程师需求也是非常大,我们继增加小程序课程之后,有增加了小程序的云开发,开发者可以使用云开发开发微信小程序、小游戏,无需搭建服务器,即可使用云端能力。云开发为开发者提供完整的原生云端支持和微信服务支持,弱化后端和运维概念,无需搭建服务器,使用平台提供的 API 进行核心业务开发,即可实现快速上线和迭代,同时这一能力,同开发者已经使用的云服务相互兼容,并不互斥。

React高级框架DvaJS和UmiJS

在React的技术栈中,DvaJS和UmiJS几乎成为了必选,虽然React的学习路径很陡峭,但是这两个轻量级应用框架大大的简化了React的难度,降低了学习难度与应用难度。BAT更是把他们视为前端开发者的必备技能。我们在课程中详细讲解了这两个框架的应用。无缝对接项目开发。

Vue企业级电商项目

Vue的出现开始就受到了大量开发者的追随,后来者居上,在github上也超过了React的存在,也是目前前端面试的必备技能,我们课程中不仅详细的讲解了Vue的知识,同时也增加了多个实战的企业级项目,例如前台站点,音乐类项目,后台管理系统项目等。

移动端Flutter课程

Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源的。一部分的iOS和Android开发者已经转向了Flutter开发,我们的课程中也同样增加了这部分的课程,用来充实大家的技术池。

React-Native实战开发

如果说目前通过前端实战多终端App的开发最好的解决方案自然就是React-Native了,而且也是目前使用最多的。因为我们的课程中增加了大量的完整的React课程,所以,大家上手React-Native变得非常容易。

尚学堂前端课程版本差异
2020年新增 前端基础课程 大数据可视化 微信相关 前端框架 前后端交互 工程化 HTML5新特性
小程序云开发
(20新增)
HTML5 Echarts 微信公众号开发 Vue(20更新)
—Vue
—Vue-Router
—Vuex
—Axios
Ajax Gulp Canvas
CSS
HTML5
React轻量级框架
DvaJS和UmiJS(20新增)
CSS3 D3.js(20新增) 微信JSSDK React(20更新)
—React
—React-Router
—React-Redux
—React-Saga
—DvaJS(20更新)
—UmiJS(20新增)
Nodejs
(20更新)
Grunt 语义化
JavaScript(ES5)
设计模式
Vue企业级实战项目与
架构(20新增)
MVC. MVVM three.js(20新增) 微信小程序 Express Webpack
(20更新)
离线存储
jQuery
Flutter相关课程
(20新增)
BootStrap Koa2
(20更新)
本地缓存
Swiper AntV(G2)(20新增) 小程序云开发(20新增) Angular Less与Sass
React-Native实战项目
(20新增)
模块化开发(Require) MySQL 物理设备调用
ES6、7. 8. 9(20更新)

2020年鼠年 优惠2000元(仅限前100名)

不负春光,和学习恋爱

我们的特色
  • 真的实战类型课程,无论是三大框架
    还是小程序都是企业级实战项目,
    深度体会应用场景

  • 根据学生需求更新对应课程,
    适应工作需求

  • 移动端课程优先,根据市场需求,
    实时调整课程就业方法

  • 2020年更新了前端
    第五版课程大纲标准

  • 国内第一梯队老师
    全程面授

了解WEB前端(HTML5)
  •  

    目前状态

    前端从这几年开始受到重视,但是由于前端开发鱼龙混杂,技术参差不齐,导致大家对前端行业开始有所疑问,求职人员抱怨前端人数太多,HR 抱怨合适的前端为什么这么难找! 但从各个招聘网站上的数据来看,前端需要的人员仍然是非常庞大的(大家可以自己搜索前端职位更具有可信度)。

  •  

    发展前景

    2020 年,前端仍然是一个非常火爆的专业,就如我们所见,任何技术实现的结果都需要展示给用户,而这些展示都是需要前端来进行完成。前端也不再是全部依赖于浏览器,而使用 native实现的原生 App 也是越来越多公司的选择。

  •  

    职位方向

    前端开发工程师、小程序开发工程师、高级前端开发工程师、前端架构师、高级前端架构师

  •  

    尚学堂的前端

    1.前端交互层     2.前端逻辑层     3.服务器层

  •  

    前端交互层

    交互层可以理解为特效,我们需要能实现页面的各种特效,以满足目前站点的需求,例如动画、过渡、图形绘制等

  •  

    前端逻辑层

    前端逻辑层主要体现在前端的渲染问题,我们都知道,目前都是前后端分离或者混合开发,这无疑都是需要前端来进行渲染的。也就是我们要考虑的是:模板+数据=页面

  •  

    服务器层

    作为一名优秀的前端开发者,你需要掌握服务器相关内容,node 则是我们的首选,我们需要构建前端工程化,需要服务器端支持做渲染甚至需要具有完整服务器端开发的能力。

前端课程体系大纲
技术名称 技术内容
HTML5+CSS3
模块
HTML标签
浏览器内核差异性
H5新增标签
语义化
标签与属性
CSS基本语法规范
CSS常用选择器与技巧
CSS复合选择器
数值与单位
CSS Hack
盒子模型
媒体查询与响应式
过渡与动画
弹性盒子模型
浮动
定位
CSS高级技巧(雪碧图、滑动门和三角形绘制等)
Chrome调试工具
CSS企业级应用技巧
网页常见问题解决方案
PhotoShop应用
Cutterman插件
高效协作蓝湖
项目骨架搭建
项目实战开发流程
复杂页面的设计与排版
CSS模块化开发
CSS字体图标应用
常见布局解决方案
移动端M站
模块
移动端屏幕比例
移动端浏览器
物理像素与设备独立像素
ViewPort视口相关
iphone6视觉稿参考
主流移动端适配解决方案
百分比布局
Flex布局优势
REM处理移动端
媒体查询多终端适配
百度地图移动端布局分析
JavaScript编程
模块
JavaScript概述
JavaScript历史
基本语法
数据类型
数值精密计算
字符串
对象
数组
函数
运算符
数据类型转换
错误处理机制
编程风格
Object对象
Array对象
包装对象
Number对象
String对象
Math对象
Date对象
RegExp对象
JSON对象
面向对象编程
this关键字
prototype对象
原型与原型链深入剖析
作用域深入解析
Object对象与继承
面向对象编程模式
异步编程
定时器
Promise对象
严格模式
DOM编程
事件类型
window对象
浏览器环境
History对象
Cookie
同源策略
网站特效实现(放大镜、轮播图、tab切换等)
设计模式
MVC与MVVM
jQuery
模块
jQuery介绍
jQuery优势
jQuery API详解
链式编程与隐式迭代
源码解析
插件使用与封装
jQuery Ajax
jQuery动画应用
jQuery实现网站特效(放大镜、轮播图、tab切换等)
BootStrap
模块
第三方UI组件库
BootStrap引用
BootStrap全局CSS样式
栅格系统与响应式
拆解栅格系统源码
栅格系统原理解析
BootStrap JavaScript插件
组件应用
BootStrap定制需求
HTML5新特性
模块
语义化标签
本地存储
离线缓存
H5连贯性
多媒体相关
性能提升
调用原生API
Canvas
Canvas游戏(连连看、消消乐)
Node.js、MySQL与Ajax
模块
Ajax的作用
原生XHR对象
同步与异步
Http协议
Https协议
封装Ajax
jQuery Ajax
同源策略
跨域问题及解决方案
JSON解析
CORS与JSONP
前端模板引擎Template
PostMan工具
Node.js开发环境
Commonjs规范
模块化
NPM与CNPM镜像
核心模块
RestFulAPI
Express框架
Koa2框架
中间件
模板引擎
静态资源托管
路由相关
MySQL数据库介绍
MySQL增删改查
数据库关联
数据库可视化
数据库集成开发环境
Node.js链接MySQL
模块化
模块
模块化的历程
JS模块模式
Require.js
Sea.js
Node.js的Commonjs规范
JavaScript新标准
(ES6\7\8\9)模块
ES6的目标
Babel解析
Let与Const命令
变量与解构赋值
字符串扩展
数组扩展
函数扩展
对象扩展
Set与Map数据结构
Proxy对象
Promise对象
Generator对象
Async与await
Class类
Class类的继承
Module模块
编程风格
工程化
模块
Gulp自动化处理
Gulp管理项目压缩
合并
重命名等操作
Gulp配置热更新
Webpack静态打包模块器
Webpack入口起点
Webpack输出
Webpack模式
Webpack Loads
Webpack插件
Webpack配置
Webpack模块
热模块替换
构建目标
开发中的Server
监听打包模块
模块打包热更新
生产环境与开发环境分离
打包优化之CodeSplitting代码分割
打包优化之懒加载
打包优化之缓存处理
Less与Sass的CSS预处理语言
小程序
模块
小程序之初的定义
小程序开发
小程序框架
小程序组件
小程序API
小程序服务端相关
小程序工具应用
自定义组件
优化
组件与生命周期
小程序分包加载
小程序性能分析与优化
小程序云端能力
云服务器
云数据库
云存储
云调用
配额
小程序发布
多平台小程序
MPVue
Wepy
React
模块
Create React App
React最佳实践
JSX语法
元素渲染
组件
Props与State
事件处理
条件渲染
列表&key
表单相关
状态提升
组合与继承
代码分割code-splitting
代码分割lazy
Context对象
错误边界处理
Refs&DOM
碎片化Fragments
高阶组件
性能优化
静态类型检查
受控组件与非受控组件
Hook新特性
React轻量级框架之
DvaJS
Dva开发体验
React数据流解决方案
插件机制
支持HMR
Dva API
定义路由
定义Model
Connect对象
优化加载方式
优化路由配置
路由原理
Dva开发复杂SPA
React轻量级框架之
UmiJS
可拔插企业级框架
约定式路由
开箱即用
高性能
静态页面导出
支持TypeScript
与Dva融合
按需加载
服务器端渲染SSR
基本配置
Webpack配置
immer优化开发
动态加载
语言设定
Dll二次启动提速
打包与部署
Vue
模块
Vue基础
Vue实例对象
模板语法
计算属性
侦听器
Class与Style绑定
组件相关
Props数据传递
插槽
自定义事件
动态组件
异步组件
边界处理
过渡与动画
混入
自定义指令
渲染函数与JSX
插件
过滤器
单文件组件
TypeScript支持
生产环境部署
路由相关
状态管理
服务端渲染
深入响应式原理
封装组件
npm发布组件
MVVM双向数据绑定原理
$nextTick原理
发布订阅模式
权限管理
Angular
模块
Angular引入
双向数据绑定
MVC模式
Angular服务
Angular路由
表单相关
依赖注入
框架原理与
进阶
TypeScript
TS静态类型检查
React支持TypeScript
Vue支持TypeScript
Vue双向数据绑定原理
模拟实现Vue框架数据绑定
RxJS
Redux API
React-Redux
Redux-thunk
Redux-Saga
Redux深入解析
Redux应用技巧
Redux常见问题与解决方案
Redux异步相关
Vuex API
异步与同步
Reducers
Actions
modules
getters
插件
严格模式
热重载
React服务器端渲染解决方案next.js
Vue服务器端渲染解决方案nuxt.js
UI组件库
模块
Antd组件库介绍
Antd UI设计风格
组件引入
按需加载
常用组件详解
组件库源码分析
定制主题
常见问题规避与解决方案
Element UI组件库引入
Vue-cli@3版本引入
全加载与按需加载
自定义主题
协同开发
模块
SVN与Git介绍
SVN客户端与服务器端搭建
SVN管理版本
SVN冲突解决
SVN多人写作开发
Git环境搭建
Git分布式
Git版本库管理
Git前进
后退
修改与撤销
git分支管理
git冲突解决
github远程仓库关联
gitee远程仓库关联
大数据可视化
模块
Echarts
D3.js
three.js
AntV(G2)
全国地图
世界地图
发散点描绘
双轴线
折线图
散点图
条形图
热力图
环形图
路线图
3DMap
参数调优
微信相关
模块
公众号开发
JSSDK相关开发
展示
分享
支付
录音
WebApp与混合开发
模块
Cordova
phoneGap
混可开发介绍
布局处理
Vant组价库
常见注意事项与解决方案
与原生交互
Webpack打包优化
调试工具应用
WebView深入理解
React-Native
模块
环境搭建
Android SDK
Props
State
基础API
特定平台代码
无障碍功能
改进用户体验
多平台支持
发布定制React-Native包
Flutter
模块
环境搭建
体验Flutter
Widget
Flutter for web开发
执行基本布局操作
控制位置和大小
处理形状
操作文本
资源与图片
路由与导航
国际化
2019部分就业数据曝光
  • 姓名毕业院校专业学历工作单位薪资
  • 曹**邢台职业技术学院 建筑工程技术专科北京乐**动科技有限公司9500
  • 梁**郑州工业应用技术学院护理本科康****医疗10500
  • 赵**山西工程职业技术学院测量与监理专科北京乐**动科技有限公司9000
  • 戴**青岛酒店管理学院环境艺术设计专科北京合**睿信息技术有限公司11000
  • 胡**赤峰学院计算机科学与技术本科北京**工程科技有限公司13000
  • 雷**邢台职业技术学院建筑工程技术专科杭州****凌通讯11500
  • 任**邢台职业技术学院建筑工程技术专科链**(北京)科技有限公司10000
  • 张**河北软件职业技术学院PHP大专中****科软8000
  • 李**保定电力职业技术学院软件技术大专长城**有限公司哈弗技术中心8000
  • 王**西安科技大学城市轨道运营大专锋**科学技术有限公司11000
  • 罗**高中高中高中松******兄弟科技有限公司9200
  • 杨**唐山师范学院旅游管理本科中****科软10500
  • 陈**高中高中高中木***动公司9000
  • 李**河北联合大学轻工学院采矿工程本科文思***13000
  • 刘**黑龙江东方学院软件工程本科 三***子公司12000
  • 尹**邢台职业技术学院 电子商务专科秦皇岛世***科技有限公司9500
  • 李**华北科技学院国际经济与贸易 本科致***集团11000
  • 张**沈阳化工大学物联网工程本科 百度外包12000
  • 商**河北交通职业技术学院电子信息工程专科 安瑞******15000
  • 苏**长春金融高等专科学校投资理财专科顺***技10000
  • 王**保定职业技术学院计算机信息工程专科文思***12000
  • 邵**保定华北电力大学 电气工程及其自动化大专优乐***8000
  • 李**山西大学商务学院 财务管理本科软通***13000
  • 蒋**山东理工职业学院 软件技术专科北京中农***信息技术有限公司13500
  • 解**山西建筑职业技术学院计算机应用技术专科杰润***鸿远8000
  • 陈**天津现代职业技术学院物联网应用技术专科北京海林***技股份有限公司11000
  • 郭**河南职业技术学院模具设计与制造硕士保密20000
  • 郭**天津理工大学中环信息学院财务管理本科 纬擎***瀚卿8000
  • 张**青岛翱翔学院市场营销专科文*****数字科技有限公司8000
  • 赵**石家庄科技信息职业学院统计与会计核算 专科顺***国际广告有限公司10000
  • 付**东营职业学院计算机应用技术 专科积云***教育9000
  • 郭**湖南工业大学音乐学本科文思***10000
  • 张**河北科技学院计算机科学与技术本科柚子***技术有限公司14000
  • 沈**淄博职业学院计算机应用技术 专科珠海****势达9000
  • 李**山西信息职业技术学院计算机网络技术专科天玑*** 11500
  • 蒲**四川现代职业学院 法律文秘专科北京***祯伟科技有限公司9000
  • 王**商丘工学院计算机应用技术专科优贝***网络公司8000
  • 马**河北旅游职业学院计算机应用 高中北京连***理咨询有限公司7500
  • 陈**哈尔滨理工大学软件工程本科阳光***12000
  • 丁**山西建筑职业技术学院计算机应用专科一跃***8600
  • 龚**萍乡学院软件工程 本科9377-yy12000
  • 汤**萍乡学院软件工程 本科新意***8000
  • 林**萍乡学院软件工程 本科和智***(广州)有限公司10000
  • 王**山西大学软件工程 本科中国***9500
  • 任**河北工程大学软件工程本科平安***智慧医疗16000
  • 宋**保定职业技术学院 计算机信息工程专科和鸿***8000
  • 李**河南科技大学物联网工程专业 本科博彦***10000
  • 汪**南京晓庄学院广播电视编导本科郑州****博有限公司9000
  • 闫**河南科技学院农学本科北京创****技术有限公司16000
  • 张**济南大学泉城学院 机械设计制造及自动化本科中科****医信9000
  • 王**周口师范学院国际经济与贸易 本科北京鲁****特信息技术有限公司13000
  • 霍**河南省郑州大学计算机科学与技术本科平安外派7500
  • 尚**吉林农业科技学院市场营销本科中信外包 9500
  • 张**西北师范大学知行学院计算机科学与技术 本科中国******信用卡中心12500
  • 李**北京城市学院传播学本科中科**** 13000
  • 毛**河北北方学院美术学本科软通**** 15000
  • 张**信阳师范学院应用物理学本科神州****8000
  • 田**延安大学西安创新学院计算机科学与技术 本科金正****8000
  • 何**郑州轻工业学院计算机科学与技术本科北京****食品有限公司13000
  • 任**兰州资源环境学院 矿山机电专科杭州****技术有限公司11000
  • 冯**湖北大学计算机科学与技术本科软通****10000
  • 刘**北京服装学院高分子材料与工程本科软通**** 10000
  • 努尔**天湖南大学材料科学本科新疆****电子商务有限公司8200
  • 张**山西财贸职业技术学院市场营销专科北京***网络科技有限公司 8000
  • 吴**天津天狮学院市场营销本科热浪暖***9000
  • 张**吉林建筑大学软件工程本科上海明***技术有限公司 16000
  • 武**湖北国土资源职业学院机电一体化技术专科散弹*** 8000
  • 王**高中高中高中北京沁***9000
  • 徐**河北农业大学现代科技学院网络工程本科 小悟***10000
  • 薛**河南科技学院新科学院计算机科学与技术 本科北京北方***股份有限公司10000
  • 王**华北理工大学电气工程及其自动化本科北京南天***科技有限公司9000
他们高薪 你的未来
< >