零基础转行前端，大概需要学多长时间？

第一阶段：HTML+CSS

学习时间：

半个月

主要学习内容：

1.HTML标签、表单，HTML5新特性
2.CSS常用属性，CSS3新特性，布局

学习成果：

学完这个阶段的你，已经可以做出来静态页面了

学习建议

1.能快则快，这部分知识很容易理解，都是些直来直往的纯知识点，记住就行
2.转行小白，在这个阶段不建议脱产
3.静态页面一定要最少手敲两个完整的页面，一方面增加学习成就感，另一方面虽然这部分很简单，但也是以后前端工作的根基，不可忽视

第二阶段：JavaScript语言

学习时间：

一个月

主要学习内容：

1.数据类型与操作符
2.函数
3.BOM，DOM操作
4.数组、字符串等常用方法
5.同步异步与事件循环
6.重要概念：变量提升、捕获冒泡、作用域、原型等

学习成果：

使用原生方法实现页面的简单交互

学习建议

1.不要心急，一定要多做一些语法练习题，轮播图的手写实现和一些复杂些的页面交互，不用追求完全手写出来，但要能够看懂
2.对于零基础的同学，这个月时间是培养我们编程思维的重要阶段，如果能够熬过这个阶段，那前端转行路就已经成功了一半了
3.数组、对象、字符串的常用方法要熟记，可以记在卡片上利用零散时间重复记忆，这些方法，在以后的前端工作中永远都用得上

第三阶段：实战综合

学习时间：

一个月

主要学习内容：

1.HTTP、Ajax
2.Git、VScode使用及浏览器调试方法
3.Node学着能写出简单的接口就行

学习成果：

学完这个阶段，在不使用框架的情况下，你基本上已经可以胜任初级前端的岗位了，当然了，距离你能找一个理想点的前端工作，还有一定的距离

学习建议

1.这部分的知识点会比较杂乱，但核心都是围绕前端实际工作中所需要的知识进行学习
2.一定要动手实操，这样在你入职前端后才会让自己显得不是那么的新手
3.可以用3天的时间学习一下JQuery，曾经神一般的存在，而且在维护老项目时也基本都会用到JQuery
3.如果你是一个转行的小白，那Node部分的学习还是很有必要的。但这部分不需要学的多么深入，暂时先学到能写出简单的接口，知道前后端的交互是怎么回事就行了

第四阶段：Vue框架

学习时间：

一个半月

主要学习内容：

1.基础指令
2.组件化开发
3.全家桶

学习成果：

学完这个阶段，胜利已经在向你招手

学习建议

1.前端有三大框架，新手不要犹豫，直接选Vue就可以了，易上手，就业职位多，React框架如果感兴趣的话，工作之后再学习就行了
2.围绕项目进行学习，动手进行开发

第五阶段：面试准备

学习时间：

一个月

主要学习内容：

1.加工项目
2.优化简历
3.准备面试题

学习成果：

拿到前端职位Offer

学习建议

1.多看和总结一下招聘市场目标职位的要求，对于职位要求中常出现的并且自己不明白的名词，一定要百度弄清楚，最起码要知道这个词是什么意思
2.面试常见问题一共就那几十道，一定要做好充足的面试应对准备

总结

如果是零基础转行的小白，在脱产并能够全心学习的前提下，大约需要五个月的准备时间

如果是计算机类专业的，学习时间可以相应减少

第一阶段不建议直接离职脱产

在学完第一阶段，并且第二阶段进行了一