按照我的經驗，3～6個月左右就能找到一份還行的前端工作，主要需要學習HTML、CSS和JavaScript三大件。之后學習前端主流框架的使用，并基于已學內容開發一個小項目進行實戰。以上內容學習并理解透徹以后，就算真正地入門前端了。
當然如果是全職學習，那么時間可以縮短為3-4個月，反之零零散散的學習可能6-8個月，甚至一年之后，具體的學習時間大家自己去規劃。
首先是前端三大件HTML、CSS部分的學習，入門階段不需要學的多深入，只需要抓住幾塊核心內容，快速過一遍就行，例如選擇器、層疊、繼承、盒模型、Flex頁面布局和網格等。太細節的內容不用記，之后需要了再回來查。先說書1、《HeadFirstHTMLandCSS》：這本書比較簡單，適合新手入門2、MDN：學習HTML學習路徑部分，整體瀏覽一遍，不需要死記硬背4、《HTML5與CSS3基礎教程》（第8版）：這本書里面有非常多HTML標簽，整體瀏覽一遍，不需要死記硬背，知道有哪些標簽以及各自的作用是什么，整體有一個印象即可。5、《精通CSS（第3版）》或《深入解析CSS》：第一本書是目前最適合CSS入門的書，大家可以優先考慮看這個；第二本書是2020年的新書，內容和第一本差不多，奇虎團工程師翻譯質量也有保證，講得也非常詳細，不想看第一本看這本也行。
視頻學習一、網頁布局+移動Web
本階段一共有HTML+CSS的54+移動端布局的49個技術點，目標：- 借助藍湖工具，參照設計高進行PC端靜態網頁開發
- 解決移動設備屏幕所呈現的網頁開發，還原設計稿，熟悉靜態網頁的開發流程
配套的視頻，樓主可以找我要配套的視頻，樓主可以找我要本階段全部學習時間建議控制在一個月之內，按照課程基于設計稿編寫一個網頁，確保網頁的高還原度。二、JavaScript
本階段包括技術點124項；學習目標：- 網頁操作和用戶交互的學習，實現讓靜態網頁動起來
配套的視頻，樓主可以找我要新手一定要有前面基礎在開始JavaScript的學習哦，不要想著一步到位，都是一知半解就開始研究框架。
配套的視頻，樓主可以找我要