前端需要的时间比较短，但是学习的时候也要保证充足的学习时间。 如果每天学习时间超过5小时的话，4个月左右就够了。 具体时间还取决于你的学习时间和学习能力。

1.前端基础（10天左右）

学习前端基础知识，能够完成基于PSD文件的PC端静态网页的开发，但尚不能满足企业用人标准；

HTML：浏览器及浏览器内核、HTML基本结构、常用HTML标签；

CSS：介绍CSS和CSS样式表、CSS基本选择器、CSS复合选择器、CSS三大特性。

2、手机网页开发（约7天）

学习了移动网页开发后，大家都可以完成移动网页、响应式页面、炫酷页面的开发。

1、利用CSS高级特效，丰富网页元素的呈现和效果。

2、使用rem、vw或vh来实现网页元素的宽度和高度随着视口变化按比例缩放的效果。

3.使用框架来布局响应式网页。

3、Web编程（约1个月）

学习完网页编程，相信你一定能够完成PC网页、移动网页、响应式页面的功能和特效的开发。 你会有一定的基本企业用人标准，但还没有达到初级前端开发工程师的水平。

Web编程知识点：

基本语法：计算机基础知识和简介、变量、数据类型、运算符、数组和冒泡排序、函数和应用、范围和准备、对象、简单类型和复杂类型；

编程：API与Web API、DOM介绍、BOM介绍与应用、this指针与js执行机制、对象、三大家族介绍及案例应用、缓动动画原理与封装；

快速开发：介绍和常用API指南、链式编程和样式操作、事件绑定和解绑、插件的使用；

高级：面向图像编程简介、类和对象、构造函数和原型对象等；

4.Node和Ajax（大约一个月）

能够完成前后端数据交互、基于前后端分离模型、传统模型的开发工作。 完成此阶段后，你将具备基本的企业就业标准，能够达到初级前端开发工程师的水平。

Node和Ajax相关知识点：

Node+Gulp：节点介绍及环境安装、节点模块化、gulp使用、服务器及http协议；

+：数据库及数据库增删改查、art-模板引擎使用、框架；

Ajax：Ajax基础知识、Ajax函数封装、CORS、Aajx方法的使用；

Git与：git配置与使用、多人协作开发、git补充内容；

5.前端工具和框架（一个月左右）

掌握前端工具和框架，实现基于Vue技术栈项目的开发能力，达到企业用人标准，达到中级前端开发工程师水平。

vue基础：axios与vue-、vue动画、vue组件、vue路由；：介绍与安装、配置与使用、与vue结合使用。

综上所述，前端开发需要了解互联网产品开发的相关流程和工作模式，扎实的前端基础知识，如：HTML、CSS、HTTP协议，具备从实践角度提升Web性能的能力，并熟悉常见的前端框架、库、工具，如：、vue.js、React、Grunt、Gulp等，能使用Node.js构建前端项目，熟悉Git，并有用户界面和交互式应用程序开发经验