小白自学前端，轻松月入过万哦！，2024年最新web前端编程基础班学什么

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

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

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

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

如果你需要这些资料，可以添加V获取：vip1024c （备注前端）

正文

如果你是想

1.专攻网页，那你就学习HTML。

2.专攻层叠样式表，就学习CSS，它可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。

然后JS，也就是Javescript的语法、时间、对象、Dom等基础知识也最好掌握一下。

第二、做项目

我一开始报了一个java的培训班，在毕业前的实习，以及正式工作时也都是从事java开发的工作。大概一年左右，我开始对前端感兴趣，于是我自学了前端的基础知识，并开始找前端这方面的工作，一年的时间薪资已经达到了15k。

所以，新手小白看过来！从0到1，前端开发项目就是这么简单。

说得有些笼统了，怕小白看不懂，简单说一下。

通过Video.js就可以实现比较方便的视频直播功能，之后利用Serverless平台腾讯Cloudbase来储存数据。

由于Cloudbase提供了云函数、云储存和云数据库等，我们只需要自己进行前端的功能实现，后端可以直接交给Cloudbase。

所以能免除很大一部分学习的时间，学习效率非常高。

我当时上的网课给了一个很详尽的资料包，基本上跟着看完学完也就懂差不多了。

新手小白看过来！从0到1，开发项目就是这么简单。

一边学一边做项目赚钱，能拿到10k以上的报酬，

到这个程度，赚钱就不是问题了。

如果你想加工资，那继续往下看。

近几年前端发展迅速，ES6的普及速度更是惊人，所以一定要学习ES6/7（ECMAScript 6入门）。

其次是Node.js，Node.js是服务器端的一个平台，其给前端开发提供了很多实用的工具，是如今前端开发的重要组成部分。

工具推荐：Babel，Webpack，Postcss。

框架推荐：React，Vue.js。

最后，具体说一下前端要学什么吧。

1. HTML + CSS

前端的入门门槛极低，体现在 HTML 和 CSS 上。运行环境就是浏览器，推荐 Chrome。你需要的只是一个编辑器，直接用 VSCode 吧。

HTML 和 CSS 不是编程语言，前者只是结构标签，后者则是样式配置，入门是非常简单的。网上资料也有很多，可以参考 MDN。

我当时是看了一本书 Head First HTML and CSS，比较无脑，虽然浅显易懂但价格比较感人，粗略翻一遍就可以了，不用买。

迅速刷一遍 MDN 上介绍 HTML 和 CSS 的部分，对两者有个大致印象就好，不用死记硬背，短时间记不住的。刷慕课网勉强还行，但以后查资料还是要看 MDN 的，建议一步到位，最好看英文原版的。

接下来就是学习 CSS 了，CSS 要学深入非常难，入门的话会切图就行了。推荐：

《CSS 权威指南（第四版）》。第四版包含了 CSS3 的内容，不需要再看别的了。这书非常枯燥，花几天硬啃下来就好了。属性细节不必记忆，以后用到肯定要再查的。着重点放在大局上，抓住重点快速过一遍，比如盒模型、定位、弹性盒布局等。

以上内容用时 5 天左右，主要是啃《CSS 权威指南（第四版）》。

下面是实践。

学了几天 HTML 和 CSS 了，应该也有点成果了。打开 IFE2015 task1，写个静态页面吧。

写不出来是正常的。可以去看下别人的代码吧，看一小部分就开窍了。忘掉的属性就查书或者查 MDN，多尝试，不断踩坑才有进步。

2.JS：

JS我选择跟网课去学习，会更详尽、更容易上手。

如果纯自学，建议阅读“javascript高级程序设计”第三版电子版。

最后

好了，这就是整理的前端从入门到放弃的学习笔记，还有很多没有整理到，我也算是边学边去整理，后续还会慢慢完善，这些相信够你学一阵子了。

做程序员，做前端工程师，真的是一个学习就会有回报的职业，不看出身高低，不看学历强弱，只要你的技术达到应有的水准，就能够得到对应的回报。

学习从来没有一蹴而就，都是持之以恒的，正所谓活到老学到老，真正懂得学习的人，才不会被这个时代的洪流所淘汰。

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
加V获取：vip1024c （备注前端）**
[外链图片转存中…(img-ws8oEleL-1713583948718)]

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！