零基础想要学习前端，却无从下手？其实你就差一套这样的web前端学习路线

优秀的前端工程师无论在深度和广度上都得有自己的一套清晰透明的知识体系，同时更应该具备快速学习的能力。

WEB前端工程师除了需要掌握基本的前端的开发技能外，当然，这里的基本技能说的比较宽泛，大致包括HTML、CSS、JavaScript、网站性能优化、SEO和服务器端基础知识等等，还得学会各种辅助工具进行开发辅助，提升工作上的开发效率。

技能图谱

​

看到这里是不是感觉有点害怕了，要学这么多啊，别怕，据统计，我们所学的知识其实真正在工作中的使用率20%左右，也就是说用20%的知识就可以胜任一份工作，那剩下的80%岂不是可以扔下了？别想太多，你还是得学。别看二八定律很有美感，现实是十分骨感滴~~

任何技能都不是一蹴而就的，学习没有途径可研。

学习一项技能就像马拉松一样，跑道已经给你固定了，只要你沿着跑道不停的向前，肯定会到达终点。

前端学习也是一个道理，知识点就那么多，只要持续的去学习，并且活学活用，多做案例，久而久之，我们就会熟练的掌握这门技能。

然后在工作中，知识就是那些知识，看你怎么用，唯一变化的就是业务需求和逻辑。

​

作为前端工程师，要满足的就是以下四种人，搞定他们，那就天下初定。

一、产品经理

产品经理可是说是前端工程师前世的情敌，会想出各种新鲜的、奇怪的、甚至反人类的想法来折磨前端工程师；因为这他负责策划项目，也就是前端工程师们将要实现的应用程序。

二、UI设计师

UI设计师和前端工程师可以说是相爱相杀，UI设计师负责应用程序的视觉设计和交互模拟（国内目前还没有交互设计师），产品的靓丽青春还是老态龙钟完全出自其手；但这群人有个外号叫做“像素眼”，经常不满足前端工程师造成的1px误差。

三、项目经理

项目经理主要关注点主要在程序的正常运行时间、应用程序始终正常可用的时间、性能和截止日期，真切实际地负责运行和维护应用程序，往往追求简单化，同时还会在程序升级时指出和引入新的问题。

四、最终用户

我们每个人都是最终用户，包括我们自己，虽然不经常与其打交道，但是反而是最重要的，没有最终用户，前端工程师的存在将会没有意义；同时他们提出的反馈意见十分重要，要求也最多，比如个性化功能，别人家的产品所具备的功能怎么我们没有啊，吧啦吧啦一大堆。

​

可见，无论是什么行业都没有轻松一说，如果你真的做好准备想要学习前端了的话，下面是我整理的一条前端学习路线。

首先，要先了解零基础的我们在WEB前端中要学些什么。

学习是一种心态，特别是在学习一项新技能之前一定要认识到这点，不然后果是浪费了宝贵的时间又没有学好，那就得不偿失了。

第一阶段：HTML的学习

第二阶段：CSS的学习

第三阶段：JavaScript的学习

第四阶段：基本框架jQuery和bootstrap

第五阶段：HTML5和CSS3

第六阶段：停下来写案例吧，把你在网页上见到的东西用代码写出来

第七阶段：JavaScript面向对象/前端自动化

第八阶段：各种框架了解及学习

这里什么移动端web开发，混合APP开发什么的就不列出来，当你学到那里来了，自然就明白了，古话说得好：停车做爱枫林晚，闲看院前花开花落。

前端是一个应用程序的门面，美不美，好不好用，都是前端工程师的锅。同时前端贯穿在整个产品开发这条生产线上，说好听点起着承上启下的作用，通俗点讲就是你周围都是大爷，当然，只要你是一个好前端，那么你就是大爷。

结语：

前端就是后台实现和视觉表现的桥梁，是贯穿在整个产品开发过程的纽带，起到承上启下的作用，一个好的前端工程师他能够很好理解产品经理对用户体验的要求，也能够很好地理解后台工程师对数据逻辑，或者程序逻辑进行分离的要求，并将这些要求转化成前台的开发工作。前端就是网站的门面，它的价值远大于 其他的客户端开发。

最后，给大家推荐一个web前端学习群：956728358，群文件里整理了一套免费的学习教材和工具。该群专注于Web前端、HTML5技术学习交流零基础到项目实战，每天会讲解实战项目，答疑解惑，学习与快乐同在。我们群是关于web前端学习的，希望大家多多交流。即使是小白也没有关系，只要你有兴趣，就可以加入。