Web前端快速进阶

入门标准很简单，就一条：达到能参与 Web 前端实际项目的开发水平。请注意，是实际项目，这就需要了解如今的实际项目开发都用了哪些技术栈。HTML/CSS/JavaScript 这三大基础技术栈肯定是需要掌握的，但要能参与实际项目开发，肯定还要掌握其他一些主流的框架体系。

几年前， jQuery + Bootstrap 可以说是一统江湖，是前端领域的绝对霸主。而这几年，随着 Angular、React、Vue 等框架的兴起，变成了百家争鸣的局面。这几年，Web 前端的技术发展真是太快了，相应地，技术栈也就变得非常多，除了最基本的 HTML/CSS/JavaScript，以及 Vue/React/Angular 等这些 JavaScript 框架和各自的生态体系，还有 CSS 预处理器 Sass/Less/Stylus，还有 TypeScript，还有 grunt/webpack/gulp 等各种打包构建工具，还有其他一大堆技术栈。

这么多技术栈，我们不可能全都掌握，就算是资深的前端工程师，也只是精通其中一部分，比如，有些精通 Angular，有些掌握 React，有些则熟悉 Vue，很少有人对三种框架生态体系都非常了解。因此，我们入门也没必要每种框架都学习，只要挑选一种就够了。而且，作为全栈，我们学习一门技术更重要的是要学习技术背后的编程思想、设计思想、架构思想等。而不管是 Angular、React 还是 Vuew，其背后的核心设计思想都是组件化的设计，因此只要掌握一种框架，我们也就能学习到前端技术的核心思想了。

那么我们应该如何学习Web前端呢？这里为大家推荐一个神奇的课程！！！

这个课程是北京尚学堂最近根据现在流行的所有web前端知识，取其精华去其糟粕总结而来的教学视频，让各位程序员大大学到的知识紧跟时代潮流！

、

这次的课程主攻进阶三大交互层：

前端交互层

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

前端逻辑层

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

服务器层

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

二十四个知识模块

1、HTML5+CSS3模块

2、移动端M站模块

3、JavaScript编程模块

4、jQuery模块

5、BootStrap模块

6、HTML5新特性模块

7、Nodejs、MySQL与Ajax模块

8、模块化模块

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

10、工程化模块

11、小程序模块

12、React模块

13、React轻量级框架之DvaJS

14、React轻量级框架之UmiJS

15、Vue模块

16、Angular模块

17、框架原理模块

18、UI组件库模块

19、协同开发模块

20、大数据可视化模块

21、微信相关模块

22、WebApp与混合开发模块

23、React-Native模块

24、Flutter模块

HTML、CSS、JavaScript 是前端的核心基础，所以必须要掌握。HTML 主要就是 HTML5，相比之前的版本，新增了很多新特性。CSS 则主要是 CSS3 了，相比以前的版本，主要就是作了模块化的拆分。JavaScript 其实分为三部分：ECMAScript、DOM 和 BOM。ECMAScript 简称 ES，是 JavaScript 的核心，目前最新版本已经是 ES2017，是 ES6 的第三个小版本。DOM 是文档对象模型，其实就是一套访问和操作 HTML 所有元素的 API。BOM 则是浏览器对象模型，用于访问和操作浏览器的一些特性。

此课程不光包含上述的知识点，还含有多个企业级实战项目，让大家可以更深入的学习前端开发：

企业级项目

1.小米商城官网

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

采用技术栈：HTML+CSS+Div布局

2.响应式官网

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

采用技术栈：HTML+CSS+Div布局

3.课程类官网

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

技术栈：HTML5+CSS3+BootStrap

4.美食网(移动端)

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

技术栈：HTML5+CSS3+REM

5.网易云音乐

本项目为移动端网易云音乐 WebApp，包含推荐音乐、热歌榜、新歌榜、搜索、上拉加载、歌曲播放、歌词同步等功能。主要让学生掌握前后端数据交互、移动端布局处理等

6.登陆注册认证系统

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

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

作为IT人，我们也在不断地要求自己，为学员做出更多更好的视频课程；这次的课程我们集合了2020年所有新型的前端技术，整理出了适合广大学员学习的web前端课程，与以往相比，内容更加丰富，极力保证学员所学技术紧跟时代步伐！