前端资料
这个网上的资料很多，几乎每个编程网站都会有前端编程的资料和教程，像大家熟知的w3cschool，慕课网，网易云课堂等，都介绍的很不错，也很详细，当然，你也可以找一本相关书籍学习，都可以，最主要的就是多练习，多敲代码，掌握好基本功，熟悉相关标签和属性，建议使用记事本这些软件，不需要自动补全，一行一行练习、调试：
前端软件
熟悉相关标签和属性后，就可以利用专业的软件来提高开发效率了，这个软件就很多了，像大家常见的VS Code，Sublime Text，HBulier，DW，WebStorm等都不错，各有特点，支持常见的智能补全、代码高亮、语法提示等功能，插件扩展也很丰富，根据自己实际需求，选择一个适合自己的就行：
前端框架
Web前端框架其实很多，像常见的React，Vue，Angular，JQuery，EasyUI等，后期的项目开发中，为了提高开发效率，经常会用到前端框架，各个框架都有自己的特点和长处，这里可以提前了解、学习一下，积累一下相关使用经验，为后面实际项目开发做好铺垫：
总的来说，入门的话，建议还是多练习，掌握好基本功，熟悉后，可以了解一下相关框架，最后就是在实际项目中应用，积累经验，网上也有相关资料和教程，感兴趣的话，可以搜一下，希望以上分享的内容能对你有所帮助吧，也欢迎大家评论、留言。
凭借应用广泛、入门简单的优势，Web前端吸引了人们的广泛关注。学习Web前端就业薪资高，因此很多人都想入门前端开发行业。如果你想学Web前端，可以考虑自学或者报班学习。如果没有什么基础，选择专业的学习方式会更好。
一、从学习方式来看
自学往往是通过视频和博客来学习，所有的知识点显得很是零散，在实际项目中运用也很吃力。你或许今天跟着案例完成了某一个片段代码的书写，完成了课后的思考问题，也搞明白了案例中的每一行代码，但是过了不久往往又是一片空白，没有一个系统的学习方法和规划。
参加专业学习你可以学习比较系统的梳理知识点，老师会根据学习进度设置合理的练习题，让你及时的对知识点进行实践，这是系统学习比起零散学习的一个很大优势。
二、从学习效率来看
前端知识点比较琐碎，自学的时候你很难知道自己到底学到了多少知识，距离工作岗位的要求还有多远的差距。另外就是自控力的问题，一个人看视频真的特别特别难，尤其是不知道到底要多少时间能学到什么阶段的时候，非常容易有挫败感，容易放弃。
参加专业学习会有专门的老师教导你，遇到不懂的问题你可以及时询问得到答案。同时班级里会有很多同学和你一起学习，良好的学习氛围会让你的学习事半功倍。
三、从求职就业来看
当你觉得学的差不多了，可以开始找工作的时候，怎么写简历、怎么投简历又是一个困难的问题。面试官更看重什么方面?自己的知识储备能不能达到面试要求?不足的地方在哪里，对于自学的人来说这些基本是两眼一抹黑的。
参加专业学习会有专业的职业规划师给你讲解职业素养并指导你写简历，让你快速理清职业方向。比较知名的机构会有很多合作企业，可以直接推荐你去求职上岗，就业机会更多。
一个优秀的Web前端开发工程师要在知识体系上既要有广度和深度！应该具备快速学习能力。
前端开发工程师不仅要掌握基本的Web前端开发技术，网站性能优化、SEO和服务器端的基础知识，而且要学会运用各种工具进行辅助开发以及理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。
首先要学习div与css，这是最基本的，会这两个就能写静态网页了。入了门之后再去学习js与JQuery，这是实现一些特效的。还有现在火热的H5与CSS3。最后要学习一些后台，后台语言要掌握一门，比如php。还有mysql数据库、cms后台管理系统也要了解一下。这些做前端都是要知道的。
“君子生非异也，善假于物也”，在学习的过程中还要多浏览一些优秀的网站，善于分析借鉴其设计思路和布局方法，见多方能识广，进而才可以融会贯通，取他人之长为偶所用。
每个人的成长与基础不一样，结合自己的实际情况，在执行。还是重复一下，前端的核心是js，css不难，但需要来积累。对前端偶是这么看的。
网站开发前端如何学习 学WEB前端开发如何从HTML5入门 – 前端技术 – 前端 html5制作手机网页
