按照我的经验,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的学习哦,不要想着一步到位,都是一知半解就开始研究框架。