前端需要时间还是比较短的，但是在学习的时候也要保证充足的学习时间，每天差不多有5个小时以上的学习时间，那么4个月左右就差不多了。具体时间也看自己的学习时长和学习能力。

一、前端基础（10天左右）

学习前端的基础知识，能够根据PSD文件，完成PC端静态网页的开发工作，但尚不能够达到企业用人标准；

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

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

二、移动Web网页开发（7天左右）

学完移动Web网页开发,大家能够完成移动Web网页、响应式页面以及炫酷页面的开发工作。

1. 使用CSS高级特效，丰富网页元素的呈现方式和效果。

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

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

三、 JavaScript网页编程（一个月左右）

学完JavaScript网页编程，相信大家已经能够完成PC端网页、移动Web网页、响应式页面中的功能和特殊效果的开发工作，具备一定的企业基础用人标准，但尚未达到初级前端开发工程师水平。

JavaScript网页编程知识点：

JavaScript基础语法：计算机基础和JavaScript介绍、JavaScript变量、JavaScript数据类型、JavaScript操作符、 JavaScript数组和冒泡排序、 JavaScript函数及应用、JavaScript作用域及预解析、JavaScript对象、JavaScript简单类型和复杂类型；

WebAPI编程：API 和 Web API、DOM介绍、 BOM介绍及应用、this指向和js执行机制、location、navigator、history对象、 offset、client、scroll三大家族介绍及案例应用、缓动画的原理和封装；

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

JavaScript高级：面向对形象编程介绍、类和对象、构造函数和原型对象、forEach、some；

四、Node与Ajax（一个月左右）

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

Node与Ajax相关知识点：

Node Gulp：node介绍和环境安装、node模块化、gulp使用、服务器和http协议、Promise；

MongoDB Express：MongoDB数据库和数据库的增删改查、mongoose验证、art-template模板引擎使用、Express框架；

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

git和GitHub：git配置和使用、github及多人协作开发、git补充内容；

五、前端工具和框架（一个月左右）

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

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

总结前端开发要了解互联网产品开发相关流程和工作模式，具备扎实的前端基础知识，如：HTML，CSS，JavaScript和jQuery，掌握HTTP协议，能从实际角度出发提升Web性能，熟悉常见的前端框架、库、工具，如：jQuery、AngularJS、vue.js、React、Grunt、Gulp等，会使用Node.js进行前端项目构建，熟悉Git，有用户界面与交互应用开发经验