自学web前端难吗，逆袭进大厂：程序员究竟该如何学好前端，CSS外边距塌陷问题

1. 里面用数字标注了我认为对应知识点的重要性，在我看来，学会1是成为入门前端的基础，学会2可以为你锦上添花，学会3可以进一步丰富你的技术栈，更好的编程。

2. 不同的同学学习速度不同，所以我不会告诉你需要花多长时间把这些学完，你只需要尽自己的最大努力，在求职或独立完成某项工作前，把这些学完就可以。

3. 我在每个模块下写了一些我认为比较重要的知识点，但不意味着这个模块你只需要学习这么多。

〖基础篇〗

最重要也是最基础的，HTML+JavaScript+CSS三大基础，虽然现在各大框架盛行，很少再使用原生的语言进行开发，但是不要忘记，框架的底层还是这些东西，只有将这些内容学好了，才能更好的学习后面的知识。

同时，你可以适当的了解一些标准，比如W3C标准，可以让你更好的写代码。

〖进阶篇〗

基础学习完后我认为首先要对一些框架进行学习，一方面可以继续巩固基础，另一方面优秀的框架在应用、源码等多方面都值得深入了解。

在学习Vue、React之前，如果你有足够的时间，建议你学习一下Bootstrap、JQuery。Bootstrap可以称之为最早的UI框架，JQuery虽然现在不再流行，但还是很有必要学习一下的，可以让你了解以前的开发模式，甚至可以阅读以下源码，学习其中优秀的设计模式和代码风格。

Vue/React我觉得最少要学习一个，而且不仅仅是会使用还要阅读源码，了解实现原理。

最后需要学习浏览器原理、Web安全。学习浏览器原理可以让你更好的知道自己的代码是如何在浏览器运行的，界面究竟是如何渲染的等诸多你之前从未关注过的知识。浏览器通过网络进行数据传输，浏览器又是如何保证数据、隐私安全的，这同样值得关注。

〖高级篇〗

JS拥有不同的引擎，Chrome浏览器的V8引擎是很有必要好好学习一下的，学习完后，你可以对JS的有更加深层次的理解。

项目工程化、性能优化都是在做项目的重点，如果你希望涉猎一些后端知识，你同样可以学习Node、数据库，如果你学有余力，甚至可以学习Java（Spring）、Python（Django）等，如果能掌握跨端开发和Nginx的使用，那就更好了。

〖计算机基础〗

网络是前端与后端通信的桥梁，只有学好了网络，才能更好的了解这之间的过程。例如：经典的面试题——“在浏览器URL输入一个地址，到返回界面，这之间都发生了什么？”

或许前端与操作系统关联并不是很大，但如今的浏览器，似乎逐渐成为了操作系统之上的“操作系统”（例如ChromeOS），而浏览器的底层架构也逐渐向操作系统架构方向发展，了解一些操作系统的知识，可以帮助自己更好的了解浏览器。

算法可以帮助程序员写出更高效的代码，设计模式可以帮助程序员写出更高质量的代码。前端虽然对算法的要求没有那么高，但优秀的算法能力不仅可以让你在面试中一路畅通，也可以让你在开发中更加得心应手，而学好设计模式，同样可以帮助你写出更加优雅的代码。多

少了解一些编译原理的相关知识，可以让你对JavaScript语言的编译、执行过程更加了解，让你了解AST等相关知识，让你写出更快速的JS代码，让你对JS更加了解。

【How】

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

总结

前端资料汇总

• 框架原理真的深入某一部分具体的代码和实现方式时，要多注意到细节，不要只能写出一个框架。

• 算法方面很薄弱的，最好多刷一刷，不然影响你的工资和成功率😯

• 在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。

• 要勇于说不，对于某些 offer 待遇不满意、业务不喜欢，应该相信自己，不要因为当下没有更好的 offer 而投降，一份工作短则一年长则 N 年，为了幸福生活要慎重选择！！！
  喜欢这篇文章文章的小伙伴们点赞+转发支持，你们的支持是我最大的动力！

一个人可以走的很快，但一群人才能走的更远。如果你从事以下工作或对以下感兴趣，欢迎戳这里加入程序员的圈子，让我们一起学习成长！

AI人工智能、Android移动开发、AIGC大模型、C C#、Go语言、Java、Linux运维、云计算、MySQL、PMP、网络安全、Python爬虫、UE5、UI设计、Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算

b前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算**