1. 基础阶段

1.1 必选

• HTML ：网页链接​

• CSS ：网页链接​

• Javascript ：网页链接​主要看 A 和 B 两部分，关于 C 和 D 部分，作为后续进阶学习的。

• HTML 项目实战：网页链接​

至此，我们正式成为一个前端萌新，可以编写一个前端页面。

1.2 可选

如下两个技术栈，基本已经被淘汰，基本不会在学习了。

• Bootstrap ：网页链接​

• jQuery ：网页链接​

关于 HTML5 部分，可以需要用到的时候，再去学习。

• HTML5 核心 ：网页链接​

• HTML5 项目实战 ：网页链接​

因为 CSS 默认的功能比较弱，所以会有一些语言来扩充，例如说：

• Less ：网页链接​

• Sass ：http://sass.bootcss.com/docs/sass-reference/

2. React

目前，主流的有 React、Vue、Angular 三个框架。一般来说，个人建议先学习 React 框架。

• React ：网页链接​

• React 前台项目实战 ：网页链接​

• React 后台项目实战 ：网页链接​

3. Vue

Vue 的学习，还是非常必要的。目前很多我们看到的网站，都是使用的。所以，双持 React + Vue 技术栈，非常建议。

• Vue ：网页链接​

• Vue 项目实战：网页链接​

4. Angular

从目前来说，Angular 貌似使用的越来越少了，所以，作为可选吧。

• Angular ：网页链接​

还是那句话，最好双持 React + Vue 技术栈。

5. 微信小程序

现在微信越来越流行了，所以学习下小程序，也是非常必要的。

• mpVue ：网页链接​

• 微信小程序 ：网页链接​

6. 开发工具

常见的项目工具，需要学习下：

• Webpack ：网页链接​

• Gulp ：网页链接​

• Jenkins ：网页链接​

常用的开发工具，需要学习下：

• Git ：网页链接​

• Jenkins ：网页链接​

7. 面试准备

对于很多找工作的同学，有两个比较大的忌讳：

1. 裸辞。

2. 不看面试题。

所以，面试题：网页链接​ 一定要去看，一定要去看，一定要去看。

8. 服务器

服务器方面，可以考虑需要学习下：

• Linux ：网页链接​

• Docker ：网页链接​

• Kubernetes ：网页链接​

• Nginx ：网页链接​

9. 后端服务器

感兴趣的 B 友，也可以学习下后端，做一个全栈工程师。简单入门下，对于和后端同学的沟通，也是帮助非常大的。

• NodeJS ：网页链接​

• MongoDB ：网页链接​

• 微信公众号 ：网页链接​