零基础自学Web前端想要高效率，你需要具备以下几点：
1、耐性。要成为优秀的web前端开发者，要调整好心态。抛开一切的方法和技术知识，最重要的就是你的耐性。
2、学会延伸。对于新手来说，新技术就是新技术。对于一个高手来说，新技术不过是旧技术的延伸。Web前端开发技术主要包括三个要素：HTML、CSS和JavaScript，随着技术的革新，你还需要掌握angular、ajax。
3、系统性学习。学习有其规律可寻，需要一步一步由浅入深式学习。在学习理论知识的同时，你还需要注重积累相应的项目研发经验，切忌“眼高手低”。
下面推荐千锋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。
综合来说，零基础自学Web前端难度很大，是对你自学能力、自制力以及动手能力的综合考验。如果你无法很好的把握这三点，不妨选择专业学习一下，让自己学习效率更高，就业速度更快!
初学Web前端开发的话，包括Html，CSS等，建议还是以熟悉标签和属性为主，多练习代码，掌握好基本功，待熟悉掌握后，可以学习一些常见的前端框架，像React，Vue，Angular等，下面偶简单介绍一下学习过程：
前端资料
这个网上的资料很多，几乎每个编程网站都会有前端编程的资料和教程，像大家熟知的w3cschool，慕课网，网易云课堂等，都介绍的很不错，也很详细，当然，你也可以找一本相关书籍学习，都可以，最主要的就是多练习，多敲代码，掌握好基本功，熟悉相关标签和属性，建议使用记事本这些软件，不需要自动补全，一行一行练习、调试：
前端软件
熟悉相关标签和属性后，就可以利用专业的软件来提高开发效率了，这个软件就很多了，像大家常见的VS Code，Sublime Text，HBulier，DW，WebStorm等都不错，各有特点，支持常见的智能补全、代码高亮、语法提示等功能，插件扩展也很丰富，根据自己实际需求，选择一个适合自己的就行：
前端框架
Web前端框架其实很多，像常见的React，Vue，Angular，JQuery，EasyUI等，后期的项目开发中，为了提高开发效率，经常会用到前端框架，各个框架都有自己的特点和长处，这里可以提前了解、学习一下，积累一下相关使用经验，为后面实际项目开发做好铺垫：
总的来说，入门的话，建议还是多练习，掌握好基本功，熟悉后，可以了解一下相关框架，最后就是在实际项目中应用，积累经验，网上也有相关资料和教程，感兴趣的话，可以搜一下，希望以上分享的内容能对你有所帮助吧，也欢迎大家评论、留言。
第一点：简单明了的给你列举下学习内容：
html课程，包含html5css课程，包含css3js课程，包含jquery前端框架课程，包含bootstrap、layui、vue
掌握以上技能你就一个合格的前端工程师，并且可以有不错的薪资
数据库课程，包含mysql后台语言课程，包含php
同时掌握后台的技术，那么你已经是一名全栈工程师，可以负责整个项目的开发
第二点：0基础学习前端当然没有问题。
谁又不是从零开始的呢，你如果是自学的话，偶推荐去菜鸟教程学习，笔者当时也是在菜鸟教程一步步走出来的，哈哈!
另外慕课网、极客学院也都是免费的前端视频教程。
希望偶的回答能帮助到你！
欢迎点赞、关注、评论一块交流，谢谢！
偶是李子，专注分享html、css、jquery、php等基础语言课程！
