大三物联网工程专业本科女生在读，感觉这个专业学的东西好杂，都是多而不精，最近愈发感受到了时间的紧迫，担心就业，想自学下前端有技术傍身安心。

谢邀，这是我做的一份学习路线，你可以参考一下：

2019 最新Web前端工程师学习路线图?

www.processon.com

接下来给你几点建议：

1.初学者要去看机构的视频，因为视频讲的都是重点，工作中常用的技术，而书很全面，但是没什么重点，书会让你学著学著就奔溃。当然，并不是说不看书，学习任何东西，多看书都是适用的，只是说让你在学习到一定的程度之后再通过看书进行巩固提升。

2.看视频不要跟看电视一样，看完了就拉倒了，要明白学web前端技术为了做东西，做项目，所以视频讲解了那些知识点，课后要去不断的练习，只有不断的练习你才能形成深刻记忆，切记别光看不练，看和动手操作完全是两个概念。

3.学东西不可以学死东西，要学会举一反三，多思考，遇到一个问题先去自己解决，学编程很多时候就是一个思考的过程，脑子要不断的旋转起来，同时也要培养自己的语言组织能力，这都是跟逻辑有关系的。

多年开发经验，懂前端、Java、Python，有什么不懂的地方可以随时私信问我。

买实体书，读书，按照书上讲的写项目

JavaScript，css，html的书各买一本，或者去图书馆借

然后就是要写代码，比如模仿网站布局之类的，然后要关注几个前端的公众号，比如前端早读课，前端外刊评论之类的，每天都要看一下，时间长了养成习惯就好了，主要还是有东西做，自己找东西做才行

交个前端技术不错的男朋友,遇到不懂的地方能随时随地答惑.

自学的话,先找入门书,大致了解前端技术有哪些技术组成,各技术栈的功能是什么,有个大致性的了解.

了解完后,找前端专业性的书籍,再全面细致性的了解各方面.

逛技术社区/博客站,看看别人对相关知识的梳理总结,加深你对前端相关方面的理解.

尝试解答社区/博客站的校招经历里的面试题,检测下自己的水平,为实习/找工作准备.

入门后,下面是不错的前端资料收集资源:

前端开发工程师必看的书籍清单 - 网页收藏集?

pagemarks.cn

前端开发学习资源 - 网页收藏集?

pagemarks.cn

1、要热爱。如果只是想把前端作为一个能傍身的技术，而不是真正的热爱，很难坚持下来

2、要做好打持久战的准备。入门前端已经不是做个页面的事儿，要学的东西非常多

3、要多回顾。前端的内容多且杂，如果不总结不练手，学会的东西过几天就忘了，好像没学过一样

4、要一直学习。前端的发展非常快，如果不能持续学习，可能很快就落伍了

5、英语好有帮助。阅读前端的英文手册和文档，使用 stackoverflow，可以加快学习效率，在变数命名上也可以少费些脑细胞

共勉

1、如果只是想学习一下技术傍身，不建议前端，因为前端发展太快，前脚学完，后脚可能就过时了；前端需要长时间的学习投入，倒不是很难，但也很杂

2、「英语要好」这个是万金油条件，几乎可以用在所有的技术问题上，但是如果是入门前端，它不是必要条件，W3School、MDN、CSDN、掘金、SegmentFault、博客园、菜鸟教程等等这些网站都有中文，足够入门者解决基础问题

3、如果想学到更高层次，英语必须要好，毕竟技术起源在国外，英语是基础；大概中级水平开始，对于英语阅读能力的需求就开始凸显了

4、自学流程的话，先HTML、css开始，W3School、MDN、菜鸟教程这三个网站是新华字典，多看看，如果认真投入学习的话，HTML + css 学习到能复制京东淘宝这一类首页（纯静态，不包含内部复杂的优化逻辑），大概用时一两个月，看个人学习能力

5、等能复制京东、淘宝这种电商首页了，也就证明html + css 基础已准备；可以开始学习JS，也就是JavaScript（JavaScript 和 Java 之间的关系就是雷锋和雷锋塔的关系）；强烈建议买一本红皮书（JavaScript高级程序设计）或者犀牛书（javascript权威指南） ，都很厚，很重，如果嫌弃太重，那就常年住在W3School、MDN、菜鸟教程这三个网站吧，从里面闭关出来，你就是天下无敌了（装逼的时候小心天外来靴，当年王重阳就是这样死了）

6、js应该学到什么程度呢？就是红皮书至少要看完前七章语法，第八章开始就是浏览器DOM的范畴。关于DOM的东西，很重要很重要很重要，但是平时又很少直接用得上，就是这么纠结（emmmmm~应该是现在的前端环境很少直接用得上，都是react、vue、angular这些框架包揽了那些活，不需要亲自动手，一般也不允许亲自动手），所以，关于浏览器DOM这一块，建议先细读一遍，反正一遍学不完的，读完之后也会遗忘，留个印象吧，不至于 stack overflow 或者 百度 一个问题时对别人的回答一无所知；将来翅膀硬了记得回来精读很多遍，切记切记

7、jQuery是曾经的王者，虽然现在基本不怎么用了，但如果不是急著学习急著就业，建议学一下，了解一下前端的过去，以便面对将来

8、当你准备了html + css + js的基础知识，就可以准备学习框架了，react、vue、angular三个选一个（能力强可以三管齐下），我不评论那个好那个坏，自己花点时间找答案，不难找

9、然后，配套的，需要学习一些node、webpack等，另外，框架之所以称之为框架，是因为它除了基本功能以外还可以额外的添加很多功能，即框架的生态，也需要学习

10、等掌握一个框架，能动态的写出一些页面的时候，应该就可以轻松面对面试了（对于应届生而言，或许有些企业要求更加宽松些），真正上班了就~~~记得多请导师喝奶茶

11、入门了之后..........HTML5、CSS3、JavaScript、ES5/6/7/8/9、typescript、DOM、node、webpack、react、vue、angular、MVVM原理、SSR、各种plugins、loaders、性能优化、小程序、UI框架、W3C标准......还有react native、flutter、前端工程化之类的

12、emmmmm~现在感觉物联网是不是没那么杂了

13、附加一些我常看的网站：

W3School（字典类） https://www.w3school.com.cn/h.asp

MDN（字典类） https://developer.mozilla.org/zh-CN/docs/Web/HTML

菜鸟教程（字典类）https://www.runoob.com/

stack overflow （提问类）https://stackoverflow.com/

百度（提问类）www.baidu.com

知乎（博客类）https://www.zhihu.com/

掘金（博客类）https://juejin.im/timeline

思否（博客类）https://segmentfault.com/

博客园（博客类）https://www.cnblogs.com/

CSDN（博客类）https://www.csdn.net/

阮一峰 es6教程（大牛）http://es6.ruanyifeng.com/

阮一峰 （大牛）JavaScript 标准参考教程（alpha）

张鑫旭 （大牛）https://www.zhangxinxu.com/wordpress/

还有bilibili视频教学、知名博主等

12年前端给你个建议……换个别的学学

英语过关，数学过关，其它的就是兴趣和近乎偏执的热爱。

推荐阅读：
相关文章