我是小白0基础，现在我想学习前端开发，该如何系统的学习？

以下纯属个人观点和建议，肯定是有局限性的，但是也希望能给你带来一些帮助。

开始

我们俨然能感受到前端岗位现在已经发展成了最重要的研发岗位之一，所以多我们提出的要求也就越来越高了。所以我们需要的也就不仅仅只是掌握css、html、JavaScript了，但是这三大件一直都是前端的根本，这一点从未改变，而这三大件中JavaScript又是重中之重、

接下来我会结合我的一点经验，给出前端系统学习路线的一些具体建议以及入门前端时的一些困境。

入门前端时的一些困境

1、因一些基础算法、数据结构理论不扎实导致一些编程思维难于理解。比如 原型链，如果清楚 数据结构中链表结构，那么这个东西不难理解，再比如 哈希值，懂得数据结构中哈希表，哈希值也就迎刃而解。

2、计算机体系结构、操作系统理论、网络理论不扎实导致到后期一些东西难于理解。比如有同学从前端学习入手，后来学习node开发 ，在 I/O ,进程、线程、IPC 、线程锁方面有些概念就比较难于理解，而导致不能很好得使用node 的api 。

3、前端整体体系架构没有做过深入思考。

导致用会用，但不知道为什么用，用另外一个有什么区别。

4、学习环境中无高手。

没有高手能够指导自己进入下一个层次。

5、有意识但是没有行动我的网盘收集了一堆资料或者一堆视频，然后就没有然后了 。

我目前是在职前端开发，如果你现在也想学习前端开发技术
在入门学习前端的过程当中有遇见任何关于学习方法，学习路线，
学习效率等方面的问题，你都可以申请加入我的前端学习交流裙：前面：851 中间：231 最后：348。
里面聚集了一些正在自学前端的初学者裙文件里面也有我做前端技术这段时间整理的一些前端学习手册，
前端面试题，前端开发工具，PDF文档书籍教程，需要的话都可以自行来获取下载。

目前企业招聘前端工程师的基本需求：
1.精通DIV+CSS网页框架布局的HTML代码编写，熟悉W3C标准；
2.使用HTML5/CSS3熟练地进行页面开发；
3.具备良好的前端架构分析能力与设计能力，与开发团队保持良好沟通；
4.精通各主流浏览器（IE6+、Firefox、Chrome、Safari）间的差异性，能快速定位和解决各种兼容难题；
5.熟悉JavaScript、Ajax、Flash、JQuery、ExtJS等各种Web前端开发技术，具备一定的跨浏览器开发经验；
6.熟悉Vue，react

Web前端学习路线，可以参考一下：
第一阶段：前端页面重构。主要内容包括PC端网站布局、HTML5+CSS3基础、WebApp页面布局。学完此阶段，学员可胜任Web前端开发工程师/前端页面布局与重构工程师，就业薪资为4K-6K;

第二阶段：JavaScript高级程序设计、PC端全栈开发。主要内容包括原生JavaScript交互功能开发、面向对象进阶与ES5/ES6/ES7应用、JavaScript工具库自主研发、jQuery经典交互特效开发、PHP+MySQL后端基础、前端工程化与模块化应用等。学完此阶段，学员可胜任HTML5大前端工程师、高级HTML5大前端工程师、网站开发工程师、移动前端开发工程师，就业薪资为6K-10K;

第三阶段：Node.js后端开发、Vue.js前端框架、React前端框架、混合开发(Hybrid,RN)、Angular前端框架、大数据可视化。学完此阶段，学员可胜任高级HTML5大前端工程师、全栈工程师、移动前端App开发工程师、微信开发工程师、小程序开发工程师、数据可视化开发工程师，就业薪资为10K-15K。

前端的学习差不多就是上面的三个阶段，如果没有什么基础的初学者，学完差不多也需要半年才能找工作。当然有一定基础的同学能够更快掌握前端技术。因此学习前端的小伙伴不用纠结学习时间要多久，更应该注意的是学习质量才对。毕竟只有学到了有用的技能，才能不愁找不到工作。