如何在家自学前端?（自学前端从哪儿入手）

按照我的经验，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个技术点，目标：

1. 借助蓝湖工具，参照设计高进行PC端静态网页开发
2. 解决移动设备屏幕所呈现的网页开发，还原设计稿，熟悉静态网页的开发流程

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

二、JavaScript

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

1. 网页操作和用户交互的学习，实现让静态网页动起来

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