如何在家自学前端？

按照我的经验，3～6个月左右就能找到一份还行的前端工作，主要需要学习 HTML、CSS 和 JavaScript 三大件。之后学习前端主流框架的使用，并基于已学内容开发一个小项目进行实战。以上内容学习并理解透彻以后，就算真正地入门前端了。

当然如果是全职学习，那么时间可以缩短为3-4个月，反之零零散散的学习可能6-8个月，甚至一年之后，具体的学习时间大家自己去规划。

首先是前端三大件 HTML、CSS 部分的学习，入门阶段不需要学的多深入，只需要抓住几块核心内容，快速过一遍就行，例如选择器、层叠、继承、盒模型、Flex 页面布局和网格等。太细节的内容不用记，之后需要了再回来查。 先说书

1、《Head First HTML and CSS》：这本书比较简单，适合新手入门

2、MDN：学习 HTML 学习路径部分，整体浏览一遍，不需要死记硬背

4、《HTML5 与 CSS3 基础教程》（第8版）：这本书里面有非常多 HTML 标签，整体浏览一遍，不需要死记硬背，知道有哪些标签以及各自的作用是什么，整体有一个印象即可。

5、《精通CSS（第3版）》 或 《深入解析CSS》：第一本书是目前最适合 CSS 入门的书，大家可以优先考虑看这个；第二本书是2020年的新书，内容和第一本差不多，奇虎团工程师翻译质量也有保证，讲得也非常详细，不想看第一本看这本也行。

视频学习

一、网页布局+移动Web

本阶段一共有HTML+CSS的54+移动端布局的49个技术点，目标：

借助蓝湖工具，参照设计高进行PC端静态网页开发解决移动设备屏幕所呈现的网页开发，还原设计稿，熟悉静态网页的开发流程配套的视频，楼主可以找我要

配套的视频，楼主可以找我要

本阶段全部学习时间建议控制在一个月之内，按照课程基于设计稿编写一个网页，确保网页的高还原度。

二、JavaScript

本阶段包括技术点124项；学习目标：

网页操作和用户交互的学习，实现让静态网页动起来配套的视频，楼主可以找我要

新手一定要有前面基础在开始JavaScript的学习哦，不要想着一步到位，都是一知半解就开始研究框架。

配套的视频，楼主可以找我要

学习web前端开发技术不仅需要良好的学习态度，还需要找到适合自己的学习方法和坚持不懈的努力和毅力。下面我给你几点建议：

1.合理规划学习计划

合理的学习计划是成功的开始。只要在合理系统的学习计划范围内去坚持不懈的学习，才有可能学习好web前端开发技术，不要三天打鱼两天晒网，半途而废，凡事贵在坚持，相信自己能够做到最好。

2.看书+视频合理有效深度理解

在学习web前端的时候，不能只看书籍，书里面讲的知识点都是比较系统的，知识点概述不是很详细，能够让你大概了解整个知识点的结构，但是小伙伴遇到问题就无法理解了；而视频恰恰弥补了书籍学习的缺点，老师的讲解通俗易懂，遇到知识点交叉还能进行交叉知识点的讲解，更有利于小伙伴的学习，所以这两点相结合去学习、理解相关知识点。

3.理论实践相结合

学习web前端技术，不能只学习理论，而忽略了实践操作。项目实战练习是检测小伙伴理论知识掌握情况的唯一衡量标准，也是积累更多实战项目经验的过程，所以只有理论实践相结合去学习，才能更好的掌握web前端开发技术知识点。

最后，高效的学习方法是提升web前端技术的有效途径，所以小伙伴还需要探索适合自己的学习方法！