自己有精力去慢慢收集资料，甄别好坏也行，但是鉴于你现在都毫无方向，估计也没辨别的能力，建议去某宝上买一套某马往年的前端工程师培训视频，系统全面，跟着写完就可以入门了

2

要么免费自学，学几个月没啥工作经验找不到工作，要么花大价钱去培训机构，要么稍微花点钱找个前辈。5500，学到就业满意。

谢邀。本人经历过培训班。个人认为基础最重要，刚开始把HTML、JS、CSS知识掌握熟练，然后再去学习框架，像Vue、React、Angular这些。掌握难度递增，可以先从Vue学起。不建议参加培训班，如果你还是在校学生，可以去网易云课堂、慕课网这些网站去找视频看，都是比较好的选择。

前端开发技术的发展为其在其他领域的广泛使用奠定了基础，同时，企业对前端开发人员的需求量在不断的增加，市场上的前端开发相关的就业岗位也是逐渐增多，为学习前端开发小伙伴提供一个良好的就业环境。

零基础小伙伴学习前端开发技术，首先要考虑的是自己学习前端开发技术的前提是什么，是否对前端开发感兴趣，选择什么方式去学习前端开发技术。对于初学前端开发的小伙伴而言，想要系统的学习前端开发技术，前端培训学习是一个比较靠谱的学习方式，那小伙伴该如何系统的学习前端开发技术呢？

1.基础知识的积累

零基础小伙伴在前端培训班学习开发技术知识的时候，首先要端正自身学习态度，学习HTML和CSS相关的基础知识部分。对于初学者小伙伴来讲，想要入门前端开发，基础部分的学习是至关重要的，包括标签的使用，CSS样式的编写等都是需要扎实的练习学习的。

2.JavaScript的学习

想要一个网页美观，不仅仅需要各种标签和CSS样式的配合，更关键的是JavaScript的调用，许多网页的跳转都是通过JavaScript来实现的，而且许多企业都是比较重视JavaScript的，所以想要学好前端开发技术，还得看JavaScript学习的怎么样了，之后就是相关算法与框架的学习。

3.相关项目实战案例的练习

只学习相关的开发技术理论知识是不行的，还需要结合相关的项目实战案例的练习去深入理解前端开发技术知识，熟悉相关前端开发技术在开发过程中是如何使用，使用之后能够达到什么样的效果，同时，通过练习项目案例可以让小伙伴积累一些相关的项目实战经验，还可以锻炼小伙伴在项目开发过程中解决问题的能力。

小伙伴通过前端视频是无法系统学习前端开发技术知识的，因为前端视频所讲的内容是具有一定的局限性的，无法和老师进行深入的交流，所以小伙伴要想系统的学习前端开发技术，还需要参加前端培训班。尚硅谷前端培训是一家比较靠谱的线下职业教育培训机构，以理论实践相结合的教学方式，传授相关的前端开发技术知识，让小伙伴在学习开发技术知识的同时，积累更多的项目开发经验。

http://www.atguigu.com/html5_video.shtml

这个问题我绝对有信心来回答你，有个VX公众号 书软，这里面是从最初讲解前端开发的，包括Html h5 css c3 等等，包括后来还会有js jq vue node等等，所以这个公众号还是挺好的，特别推荐大学生，或者初学者前来关注公众号，然后学习

零基础的话，想要系统学习估计有点难度，可以从简单的视频教学开始尝试，看自身的接受能力吧（https://ke.qq.com/course/349595?tuin=2934ecbf），如果这些稍微简单的教学你都无法理解的话，不太建议你采用视频学习，因为学到后面难度增大，你无法跟老师沟通难题，你的兴趣度消减，专业度并没有增加，这样的话建议去培训机构系统学习，把基础打扎实。

本人自学前端非985非211电子商务明年毕业的本科小生一枚，已收割包括BAT在内的一大波offer。

首先，题主你得有坚持学下去的思想准备，因为学习编程如果想要精通其实是需要花费大量时间和精力的。千万不要跟我提什么速成班，因为速成班就是精通编程的人赚点外快去的地方，而产出的学员基本上进不了大型甚至中型企业。

知识体系谈谈个人学习思路，首先上W3SCHOOL网站看HTML5和CSS，一边看一边撸代码。然后学习JavaScript，买一本《JavaScript高级程序设计》，翻看至少两三遍吧。再看阮一峰的《ES6》，这个有电子书版本，直接度娘。剩下的内容，上MDN看，MDN会随时更新最新前端技术API的调整（相当于一部前端字典）。这一套下来够你学一年半载了。但仅仅会敲点代码也不行，还得写点demo，上github找一些demo来练练手，言外之意就是github这种基本操作也要会。虽然各个公司都有自己的gitlab，但是操作命令还是基于git的。

框架建议学Vue或React，国内这两年比较火。JQ一两天就会，可以拿来开发一些简单小型网站用。学框架一定要记住，不仅仅是要会用，底层原理！底层思想！源代码一定要去看！（面试就问底层，别问我怎么知道）。其他构建工具，比如webpack、gulp；CSS框架，element、BootStrap都是基本操作，要做到一两天之内就能学会的程度，不然就是基础功还不扎实。当下最火的前端技术要知道，比如PWA等。对了，Node也算是前端，常用API要熟练掌握。

以上是前端基本操作。但只会这些还不够，数据结构，计算机操作系统，计算机网络，HTTP协议，数据库操作，算法，都得至少熟练掌握。最好还会熟练使用一门服务端语言。还是别问我为什么。面试造火箭，工作拧螺丝呀。

如果能达到以后自己能贡献开源或者遇到问题就知道用哪个轮子并改造轮子的水平，OK，可以出师了。

所以语言来学习都有共同之处。作为一名年轻数的前端开发转的话，如果从零到一去学习前端开发知识，我给出以下建议。

第一，学习HTML和CSS的基础知识。

这里你需要熟悉HTML各个标签的功能和作用，学习css的各种属性等。因为你拿到美工提供给你的设计之后，把它开发成一个精美页面，就在是内容来说，需要HTML和css的知识。如果你不清楚每一个属性是什么样子的，那么你在开发的时时候效率比较低，还先查一下需要用什么属性再进行开发。

这类知识的学习可以充分利用目前的在线平台，例如菜鸟教程，慕课网等等。如果你想通过书本学习，可以找销量比较高的书。

第二点，学习JavaScript相关知识。

在前端里js是非常重要的，页面中的联动数据处理，或者是弹窗或者是一些触发事件等等，都是需要js来实现的。

js就要比html和css复杂很多，你可以用js实现一个算法，而另外两种不能。书籍的话推荐《avaScript DOM 编程艺术》、大厚本里Zakas的《JavaScript高级程序设计》 、犀牛书《JavaScript权威指南》、《高性能JavaScript》等等

JavaScript学习可以参考上面提到，从零到一，从一到N，循序渐进掌握。此外，还需要学习AJAX、jQuery相关知识，一个是跟后端交互，一个是快速、简洁的JavaScript框架。

第三点，学习前端框架

web前端三大主流框架都是Angular、React、Vue。前端框架的使用可以让你如虎添翼，更方便快速的开发。

(1) Angular

Angular原名angularJS诞生于2009年，之前都是用jquery开发，自从angular的出现让开发者有了新的选择，这个框架之前开发中有使用过，它把后端的一些开发模式移植到前端来实现，如MVC、依赖注入等。

(2) React

React，facebook出品，正式版推出是在2013年，比angular晚了4年，但得益于其创新式的VirtualDOM，性能上碾压angularJS，一经推出，火的一塌糊涂。 特点很多，VirtualDOM、JSX、Diff算法等，支持ES6语法，采用函数式编程，门槛稍高，但也更灵活，能让开发具有更多可能性。

(3) Vue

Vue作为最晚推出的框架（2014年），借鉴了前辈angular和react的特点（如VirtualDOM、双向数据绑定、diff算法、响应式属性、组件化开发等）并做了相关优化，使其使用起来更加方便，更容易上手，比较少适合初学者。国内目前使用vue的开发者越来越多，的确也比较好用

第四点，着手开发一个练手的应用。

除了一系列基础知识的学习之外，必要的开发练习还是很重要的。你在学习基础知识的时候同时加以练习，这样你可以知道每一个变量它具体实现的是什么样的效果。

其实是将你学过的所有知识给我废话哦。开发一个完整的应用，将你所学的知识尽可能的应用其中，这样对你会有更大的提升，因为学习编程语言的目的最终的结果就是开发出一个完整的应用。我实际开发应用的过程中，你就会知道某个方法在具体场景下如何使用。

谢邀。对于你的提问，我有如下建议：1.搜集相关书籍视频资料，进行系统化学习。2.寻找该领域大佬的学习经验，了解如何更好的学习。3.相信自己可以学会。祝你成功~