「自学」是不可能太「系统」的，因为没有人帮你把每一个阶段的学习内容定义清晰。由于缺乏别人提供的反馈，你没办法知道自己某一阶段的学习是否完成了。千锋广州老师一般的建议方式是，你去实体书店看看相关的书籍，那本顺眼就从哪本学起，没必要太在乎信息来源是否系统化。不同的书针对有不同背景的人写，写作风格也不一样，既然没有人针对你因材施教，你必须自己凭感觉做出正确的选择，不要盲目使用别人的套，优秀的前端工程师无论在深度和广度上都得有自己的一套清晰透明的知识体系，同时更应该具备快速学习的能力。
比你优秀的人都在学习，你有什么理由不更加努力的去提升和造化自己呢？
WEB前端工程师除了需要掌握基本的前端的开发技能外，当然，这里的基本技能说的比较宽泛，大致包括HTML、CSS、JavaScript、网站性能优化、SEO和服务器端基础知识等等，还得学会各种辅助工具进行开发辅助，提升工作上的开发效率。
看看技能图谱吧！淡定
看到这里是不是感觉有点害怕了，要学这么多啊，别怕，据统计，我们所学的知识其实真正在工作中的使用率20%左右，也就是说用20%的知识就可以胜任一份工作，那剩下的80%岂不是可以扔下了？别想太多，你还是得学。别看二八定律很有美感，现实是十分骨感滴~~
任何技能都不是一蹴而就的，学习没有途径可研。
学习一项技能就像马拉松一样，跑道已经给你固定了，只要你沿着跑道不停的向前，肯定会到达终点。
前端学习也是一个道理，知识点就那么多，只要持续的去学习，并且活学活用，多做案例，久而久之，我们就会熟练的掌握这门技能。
然后在工作中，知识就是那些知识，看你怎么用，唯一变化的就是业务需求和逻辑。
作为前端工程师，我们要满足的就是以下四种人，搞定他们，那就天下初定。
一、产品经理
这货和前端工程师是前世的情敌，会想出各种新鲜的、奇怪的、甚至反人类的想法来折磨作为前端工程师的我们；因为这货负责策划项目，也就是我们将要实现的应用程序。
二、UI设计师
这货和前端工程师可说是相爱相杀，UI设计师负责应用程序的视觉设计和交互模拟（国内目前还没有交互设计师），产品的靓丽青春还是老态龙钟完全出自这货之手（神之左手哦）；但这群家伙有个外号叫做“像素眼”，经常不满足前端工程师造成的1px误差。
三、项目经理
这货的主要关注点主要在程序的正常运行时间、应用程序始终正常可用的时间、性能和截止日期，真切实际地负责运行和维护应用程序，往往追求简单化，同时还会在程序升级时指出和引入新的问题。
四、最终用户
这货咱不说也知道了，我们每个人都是最终用户，包括我们自己，虽然不经常与这货打交道，但是反而是最重要的，没有最终用户，前端工程师的存在将会没有意义；同时他们提出的反馈意见十分重要，要求也最多，比如个性化功能，别人家的产品所具备的功能怎么我们没有啊，吧啦吧啦一大堆。
那么，零基础学WEB前端我们要学些什么呢？
学习是一种心态，特别是在学习一项新技能之前一定要认识到这点，不然后果是浪费了宝贵的时间又没有学好，那就得不偿失了。
为什么要学习前端呢？理由自己找吧！哈哈
第一阶段：HTML的学习
第二阶段：CSS的学习
第三阶段：JavaScript的学习
第四阶段：基本框架jQuery和bootstrap
第五阶段：HTML5和CSS3
第六阶段：停下来写案例吧，把你在网页上见到的东西用代码写出来
第七阶段：JavaScript面向对象/前端自动化
第八阶段：各种框架了解及学习
这里什么移动端web开发，混合APP开发什么的就不列出来，当你学到那里来了，自然就明白了，古话说得好：停车做爱枫林晚，闲看院前花开花落。
前端是一个应用程序的门面，美不美，好不好用，都是前端工程师的锅。同时前端贯穿在整个产品开发这条生产线上，说好听点起着承上启下的作用，通俗点讲就是你周围都是大爷，当然，只要咱是个好前端，我特么就才是大爷。
千锋广州老师结语：
前端就是后台实现和视觉表现的桥梁，是贯穿在整个产品开发过程的纽带，起到承上启下的作用，一个好的前端工程师他能够很好理解产品经理对用户体验的要求，也能够很好地理解后台工程师对数据逻辑，或者程序逻辑进行分离的要求，并将这些要求转化成前台的开发工作。前端就是网站的门面，它的价值远大于 其他的客户端开发。