随着前端的发展，各种技术也在不断交替更新。下面小编为大家精心整理了2019年的前端路线图，前端开发有帮助。前端电路总图：1.建立前端相关概念的学习时间：0.5天左右学习目标：建立整个前后端的大知识体系，为以后的学习打下坚实的基础.主要内容：浏览器概念介绍：浏览器的功能和工作方式浏览器概念介绍：浏览器的功能和工作方式HTTP协议：协议的由来、作用和内容，输入地址后会发生什么barandentering2.HTML-CSS-JS基础知识-jQuery学习周期：23天左右学习目标：熟悉HTML布局，CSS样式，JS内容，jQuery的使用。熟悉CSS盒模型，CSS的各种常用属性和属性值熟悉页面的编写流程和简单的JS交互熟悉一些比较常见的动态效果学习内容：HTML和HTML5：了解浏览器如何解析HTML,基本语法规则,如何使用不同的标签,嵌套方式CSS:了解层叠样式表的语法规则,各种盒模型和常用布局CSS3:伪类,新的选择器和高级盒模型JavaScript:了解JS的作用,操作规则、语法规则、数据类型、判断、循环对象、数组、函数、日期、正则表达式、异常jQuery：$functions、选择器、常用方法、链式调用、项目实战。前端培训咨询、视频资源、学习路线请+VX:haomei0452领取三份。AdvancedJS-Object-Oriented-H5NewFeatures学习周期：16天左右学习目标：能够使用JS实现更复杂的功能和动画能够熟练操作DOM能够理解面向对象的知识能够使用HTML5canvas进行小型开发games主要内容：DOM：理解DOM的作用和使用规则JS进阶：快捷键属性和大小、浏览器检测、事件流面向对象：构造函数、原型、继承H5新特性：多线程、事件推送、前端存储、画布、历史记录等四．设计模式-AJAX-NodeJS-数据库学习周期：14天左右学习目标：能够理解闭包、IIFE、JS执行队列、垃圾回收机制等功能的高级使用能够理解并熟练使用设计模式能够学习how发送AJAX请求并处理响应可以使用Express创建服务器应用学习操作数据库学习内容：设计模式：单例模式、工厂模式、闭包类、MVC思想、MVVM等AJAX：AJAX优缺点、异步请求、字符串模板、跨域NodeJS：Node服务器相关知识、接口、文件操作、Express框架数据库：数据概念、分类、使用Node操作数据库、MongoDB数据库五、工程-CSS预编译-ES2015-小程序学习周期：11天左右学习目标：能够使用工程工具进行代码压缩、编译、检测能够使用Less和Sass进行CSS开发学会使用ES6语法、async、await等ECMA更高版本的内容可以使用微信用于开发小程序的开发人员工具。主要内容：工程：Gulp使用，Webpack使用CSS预编译：较少使用，Sass使用ES2016：块级作用域，新定义变量关键字，新方法扩展，字符串模板和插值，新数据结构，新编程方法，类，继承、模块化小程序：小程序注册、引入、组件、API、跨平台通用程序开发VI。Vue-React-Angular学习周期：18天左右学习目标：能够使用高级框架进行前端代码开发熟悉NodeJS全栈开发流程总结前端工作流程，重新认识前端，温故知新学习内容：Vue：Vue详解、Vue插件、Vue脚手架、Vue项目实战React和ReactNative：React详解、React组件化、Redux状态管理、React项目实战ReactNative详解、ReactNative创建移动应用，ReactNative项目实战Angular：Angular详解，Angular特性，Angular项目实战
