400-009-1906
八大课程体系
查看详细课程体系
(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
    音乐播放器

项目简介

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

项目简介

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

项目简介

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

项目简介

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

项目简介

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

获取项目教程和源码
二大前沿技术
咨询详情
五大更新模块
  • 小程序
    云开发

  • 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变得非常容易。

查看详细知识模块
(224G)前端全套视频教程领取
不负春光,和学习恋爱
尚学堂前端课程版本差异
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

获取详细课程大纲