上篇：https://www.imooc.com/article/331095

中篇：https://www.imooc.com/article/331096

阶段四：Vue与React高级框架开发

该阶段目标是掌握JS第六代语言标准，为学习技术框架打下基础。学习Vue和React基础知识。

ES6-10入门（点击跳转）

Vue基础

• Vue文档-官网：https://cn.vuejs.org/guide/introduction.html
• Vue入门教程：http://www.imooc.com/wiki/vuelesson
• Vue2.5基础入门：http://www.imooc.com/learn/980
• Vue3.0实现todolist：http://www.imooc.com/learn/1300
• Vue组件库搭建全流程：www.imooc.com/learn/1316

React基础

基于实例的 React16 傻瓜课程（点击跳转）

课程用一系列有趣的、简洁明快的实例由浅入深的阐述了 React 的特色，概念和基本使用。同时进而引出了 React 16 新的概念和用法。让没有任何 React 基础的人也能很快掌握核心概念并且应用于实际工作中。

本课程可以学到1、使用React轻松地创建用户交互界面 2、了解JavaScript扩展语法JSX 3、使用JSX简单快速编写界面模板。

React组件-慕课网（点击跳转）

本课程将带领大家一起学习react的组件与生命周期，并且运用到实例中。

React16.4快速上手（点击跳转）

本课程讲给大家介绍React的开发环境搭建，组件化的开发思路以及基础JSX语法，也通过Todolist功能的实现，给大家讲解了React组件间的通信方式，同时，课程中还包括了React中使用ES6对代码进行优化的内容，以及如何对React项目进行样式修饰的内容。

React Hooks（点击跳转）

从零开始学习React Hooks，在非 class 的情况下可以使用更多的 React 特性。掌握核心理念和使用方法，掌握使用React Hooks分离页面及逻辑，在无需修改组件结构的情况下复用状态逻辑以及更好的组织项目代码，消除冗余提高复用性。

阶段五：Node.js全栈开发

掌握Node.js全栈开发基础知识，增加面试机会。

Node基础：

前端面试加分福音--node基础-慕课网（点击跳转）

系统地学习NodeJS的基础，熟练使用Node的核心API，了解node的运行过程，学会搭建自己的服务器，并实现我们常见的登录、注册功能，揭开后端开发的神秘面纱。

Node全栈入门：

Nodejs全栈入门教程-慕课网（点击跳转）

整个项目重点分为2部分，前端通过react+redux实现UI界面和状态管理，后端使用express做web框架，使用mysql作为数据存储，利用 sequelize作为ORM，便于通过nodejs管理和操作mysql。

前端项目练习-从0到1快速构建自己的后台管理系统

0到1快速构建自己的后台管理系统-慕课网（点击跳转）

本课程从实战角度出发，带领你使用开源框架开发后台管理系统，并打通完整项目流程。

一个web应用项目，无论规模大小，总会需要后台管理人员对数据进行管理，比如内容发布、审核、等等，这时候就需要一个后台管理系统。

完整的后台管理系统除了需要具备自身业务管理的功能之外，还需要一些非业务性的功能，比如权限控制、日志系统、通用功能模块等，开发难度大且周期长，是很多web项目的痛点。本课程将通过一个开源框架提供的一系列非业务性功能机制，结合项目自身的业务性功能模块来快速一个后台管理系统。

本课程讲带你学习前后端分离开发，帮助你掌握前后端综合技术栈，从而实现全技术栈的综合提升。学习完本课程，你可以独立完成一个小项目，是非常有用的项目实战经验，可以为进一步做大项目做好铺垫。

最后

掌握了以上所有的课程、教程内容后，你就已经在前端世界里踏出了关键一步，打下了扎实的基础。接下来，选择自己喜欢方向继续深耕吧，期待你成为大神的那一天。