小白自学前端，轻松月入过万哦！(1)

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高级程序设计”第三版电子版。

敲出来的代码，思路不清晰时，可以在firebug,chrome里边打个断点跟一下，理理思路，理解代码的逻辑，这样影响才会深刻。

初学者没办法都是这样，也只能这样。但是初期可能稍为慢一点，但一直不会这么慢，也不会想象的那么长，因为随着基本概念的掌握，编码技巧的熟悉，开发工具的熟练，消化视频的速度会越来越快。

由于我当时处于裸辞+脱产状态，所以想直接就业，没时间看这么的多书，所以非常果断，选了一边做项目一边赚钱一边学习的模式！

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

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

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

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

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

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

结尾

学习html5、css、javascript这些基础知识，学习的渠道很多，就不多说了，例如，一些其他的优秀博客。但是本人觉得看书也很必要，可以节省很多时间，常见的javascript的书，例如：javascript的高级程序设计，是每位前端工程师必不可少的一本书，边看边用，了解js的一些基本知识，基本上很全面了，如果有时间可以读一些，js性能相关的书籍，以及设计者模式，在实践中都会用的到。

资料领取方式：戳这里免费获取

avascript的高级程序设计，是每位前端工程师必不可少的一本书，边看边用，了解js的一些基本知识，基本上很全面了，如果有时间可以读一些，js性能相关的书籍，以及设计者模式，在实践中都会用的到。

资料领取方式：戳这里免费获取