自学前端到底要学什么？五年老前端现身说法

其实，十年前，在业界前端开发都不配叫工程师，因为很多人感觉前端开发的工作很简单，就是写个样式，设计师就顺便把这个活干了，所以，当时前端开发在程序员心里地位是很低的。

但是，随着移动互联网的发展，随着前端和移动端相结合，大前端概念应运而生的同时，前端面对的工作是越来越复杂，尤其是在前后端分离的今天，前端不仅仅要应对界面的开发，也涉及到复杂的业务逻辑的处理，对于前端的开发要求是越来越高了。

我顺便要为前端工程师正名：前端工程师的工作量，相对于后端来讲比较大一些，不仅仅要应对前端界面和设计，以及应对产品经理的挑剔，还要跟后端工程师确定交互的数据格式和接口。更重要的是前端各种浏览器的界面的适配，大前端引发导致的还要适配移动端的工作，相对于后端生态的稳定，完善和生命周期长，前端框架和技术生命周期更短，这就意味着前端工程师要不断的学习和更新自己的知识，给前端工程师的压力就越来越大。

所以，做前端是很厉害的。

那前端学习到什么水平可以出去找工作呢？我分享一个前端学习路线图，如下：

我这里分为三个阶段：

第一阶段：基础学习阶段

其实前端学习的东西挺多的，我们需要学习前端的开发语言，用于处理业务逻辑的：JavaScript，用于画界面的标记语言 HTML，以及用于美化界面的 CSS 。这是第一个基础阶段必须要学的。

我认为在第一个阶段最重要的学习是：JavaScript 和 CSS ，我并不是说 HTML 不重要，它很重要，但是相比去 JS 和 CSS ，其实 HTML 作为标记语言相对比较简单。JS 帮你处理复杂的业务逻辑，CSS 可以提升界面美化的性能，总之，JS 和 CSS 为你后期在性能优化的处理上会有很大的帮助，所以这两个东西的学习，基础阶段必须重视。

第二阶段：中级实战阶段

你掌握了这个阶段的学习，其实你就可以有能力出去找工作了。

需要掌握的知识算是基础提高课，HTML5+CSS3和ES6+TypeScript，这些需要了解一下， TS 是趋势，这里的 H5，CSS3，ES6，TS 是基础学习阶段的升级版本，这些需要你学习的同时，如果能够达到找工作的水平，还必须会其中一种框架：Vue，React，Angular ，这三大主流框架当中的一种。

其实，传统的 JQuery 和 DOM 相关的知识点也需要了解一下，虽然现在用的不多了。

当然了，相对来讲这三种框架 Vue 是华人开发的，文档是中文的，中国人学习来比较快，入门也比较低