前端到全栈最详细学习路线，冲鸭，2020年下半年进阶大前端！

「女朋友背景镇楼」

本文是“前端solo”系列文章的目录

导语：从前端进阶全栈开发的实践教程，记录了我是怎么利用vue+egg独立开发项目并上线的过程。这里既是专栏的目录，也展示了完整的学习路线。

有需要的同学一起学习吧，进阶成为全栈开发者。建议收藏或关注我，养肥了再看也不迟！（ps:学会egg，相当于学会了加强版的koa2）

大前端连载目录

1. 专栏概述

• 详述本专栏涉及到的技术点。

2. 用vue+egg做个员工管理系统

• 借助热身项目的演示和实践，展现egg做后端开发的能力。

3. 搭建一个干净的vue项目原型

• 利用vue-cli脚手架快速搭建项目的前端原型；

4. 前端项目中vue基础配置

• 基于热身项目原型对前端项目进行初步的配置；

5. 搭建基于egg的后端项目原型

• 一步一步带你搭建一个后端应用的原型；

6. 员工管理系统的数据库设计

• 带你设计热身项目中要使用的数据库和相关表；

7. egg核心概念之Router和Controller

• 讲解了egg中核心概念router和controller；
• 点明二者在后端项目中的作用并附加使用演示；
• 结合二者实现了若干前端可以请求到的api接口；

8. egg核心概念之Service

• 讲解了egg中核心概念service；
• 演示了 ORM 框架 「egg-sequelize」的安装和配置方法；
• 讲解了egg中 model的作用；
• 实现了完整的新增用户接口功能并保存到数据库中；

目录随着后续文章的更新，会持续更新。

保持关注和学习，你将拥有独立开发项目的能力！

项目地址

• 前端代码仓库： fe-solo-web。
• 后端代码仓库： fe-solo-api。

为什么要写这篇专栏

随着IT行业登顶最热门行业，越来越多的人进入到前端领域。前端的发展，让大部分人都可以通过学习前端三大框架（尤其简单易用的vue）入门前端并得到一份工作。对于如今的前端开发者而言，熟练的使用框架并掌握其实现原理只是时间问题，因此这并不会给我们带来多大的竞争力。

尽管大部分人都知道原生js的重要性（走多远），然而或因工作繁忙或因工作太安稳，往往难以沉下心去学习底层的东西。反倒是愿意不断的跟进新的前端技术或者新的前端框架，仿佛这样才是不被淘汰的方法，也是抚平自己焦虑的一剂有效药。

既然我们的目的是更高薪水，更快升值(没写错，不仅是职)，更强的竞争力。以20k为起点，看下招聘需求，我们会发现大部分高薪水的工作岗位都要求前端了解或熟悉一门后端开发语言。毕竟这个年头，说的出常见的那些面试题的答案，说得出vue或react的实现原理或者一些进阶用法，配置技巧，项目打包上线优化手段,对于一个智力正常稍作努力的普通人都是可以做到的事情。既然如此，学习掌握一门后端开发语言是很有必要的，不仅可以提升我们的竞争力，同时也可以让我们得到深入业务的机会，如果你只是个框架熟练工（普通学历，普通背景，大多数的我们），被更年轻更廉价的框架熟练工淘汰只是时间问题。而深入到业务里去的话，随着时间的沉淀，你的不可替代性会逐渐加强，被淘汰的可能性很小。

另外如果你有后端开发经验的话，你也会感觉到前端语言特性的发展其实是在像后端语言靠拢的，因此当你掌握一门后端语言，以后对前端的新特性更容易理解，抢占先机。

既然身为前端，第一选择自然是node.js。纵观目前基于node的后端框架，做的最好的是阿里团队的Egg.js。基于koa2，为企业级框架和应用而生，可以开发大型项目或者做中间层。