如何在家自學(xué)前端？

按照我的經(jīng)驗(yàn)，3～6個(gè)月左右就能找到一份還行的前端工作，主要需要學(xué)習(xí) HTML、CSS 和 JavaScript 三大件。之后學(xué)習(xí)前端主流框架的使用，并基于已學(xué)內(nèi)容開(kāi)發(fā)一個(gè)小項(xiàng)目進(jìn)行實(shí)戰(zhàn)。以上內(nèi)容學(xué)習(xí)并理解透徹以后，就算真正地入門前端了。當(dāng)然如果是全職學(xué)習(xí)，那么時(shí)間可以縮短為3-4個(gè)月，反之零零散散的學(xué)習(xí)可能6-8個(gè)月，甚至一年之后，具體的學(xué)習(xí)時(shí)間大家自己去規(guī)劃。

首先是前端三大件 HTML、CSS 部分的學(xué)習(xí)，入門階段不需要學(xué)的多深入，只需要抓住幾塊核心內(nèi)容，快速過(guò)一遍就行，例如選擇器、層疊、繼承、盒模型、Flex 頁(yè)面布局和網(wǎng)格等。太細(xì)節(jié)的內(nèi)容不用記，之后需要了再回來(lái)查。 先說(shuō)書

1、《Head First HTML and CSS》：這本書比較簡(jiǎn)單，適合新手入門

2、MDN：學(xué)習(xí) HTML 學(xué)習(xí)路徑部分，整體瀏覽一遍，不需要死記硬背

4、《HTML5 與 CSS3 基礎(chǔ)教程》（第8版）：這本書里面有非常多 HTML 標(biāo)簽，整體瀏覽一遍，不需要死記硬背，知道有哪些標(biāo)簽以及各自的作用是什么，整體有一個(gè)印象即可。

5、《精通CSS（第3版）》 或 《深入解析CSS》：第一本書是目前最適合 CSS 入門的書，大家可以優(yōu)先考慮看這個(gè)；第二本書是2020年的新書，內(nèi)容和第一本差不多，奇虎團(tuán)工程師翻譯質(zhì)量也有保證，講得也非常詳細(xì)，不想看第一本看這本也行。視頻學(xué)習(xí)

一、網(wǎng)頁(yè)布局+移動(dòng)Web

本階段一共有HTML+CSS的54+移動(dòng)端布局的49個(gè)技術(shù)點(diǎn)，目標(biāo)：

借助藍(lán)湖工具，參照設(shè)計(jì)高進(jìn)行PC端靜態(tài)網(wǎng)頁(yè)開(kāi)發(fā)解決移動(dòng)設(shè)備屏幕所呈現(xiàn)的網(wǎng)頁(yè)開(kāi)發(fā)，還原設(shè)計(jì)稿，熟悉靜態(tài)網(wǎng)頁(yè)的開(kāi)發(fā)流程配套的視頻，樓主可以找我要

配套的視頻，樓主可以找我要

本階段全部學(xué)習(xí)時(shí)間建議控制在一個(gè)月之內(nèi)，按照課程基于設(shè)計(jì)稿編寫一個(gè)網(wǎng)頁(yè)，確保網(wǎng)頁(yè)的高還原度。

二、JavaScript

本階段包括技術(shù)點(diǎn)124項(xiàng)；學(xué)習(xí)目標(biāo)：

網(wǎng)頁(yè)操作和用戶交互的學(xué)習(xí)，實(shí)現(xiàn)讓靜態(tài)網(wǎng)頁(yè)動(dòng)起來(lái)配套的視頻，樓主可以找我要

新手一定要有前面基礎(chǔ)在開(kāi)始JavaScript的學(xué)習(xí)哦，不要想著一步到位，都是一知半解就開(kāi)始研究框架。

配套的視頻，樓主可以找我要