最近一段时间，网上炒的挺火的人工智能，好多人可能认为人工智能发展肯能在未来会比较好，这个肯定是的，但到底适不适合大家都去学呢，这个人工智能不是一般人能学的，门槛很高，通常是研究生以上学历来去学的。在说说前端，入门比较简单，零基础就可以学习，适合大部分人，现在也是大前端时代，前后端通吃，又可以做前端又可以做后端，再说现在企业这么多都需要做网站，前端可能是以后未来发展比较好的一个行业。
前端学习路线图：
Web前端知识总的可以分为三个部分：初级知识，中级js，高级框架
一，初级的主要内容：
浏览器的概念介绍： 浏览器的作用、工作方式
浏览器的概念介绍： 浏览器的作用、工作方式
HTTP协议： 协议产生的原因、作用、及内容
页面加载流程：当用户打开浏览器，输入地址栏并按下回车之后发生的事情
HTML-CSS-JS基础-jQuery学习内容：
HTML及HTML5：理解浏览器如何解析HTML、基本的语法规则、不同标签的使用方式、嵌套方式
CSS：理解层叠式样式表的语法规则、各种盒模型及常用布局
CSS3：伪类、新选择器及高级盒模型
JavaScript：理解JS的作用、运行规则、语法规则、数据类型、判定、循环
对象、数组、函数、日期、正则、异常
jQuery：
$函数、选择器、常用方法、链式调用、项目实战
二．中级js知识主要分为
JS进阶-面向对象-H5新特性
主要内容：
DOM：理解DOM的作用及使用规则
JS进阶：快捷属性和尺寸、浏览器检测、事件流程
面向对象：构造函数、原型、继承
H5新特性：多线程、事件推送、前端存储、canvas、历史记录等
三．高级知识主要分为
设计模式-AJAX-NodeJS-数据库
学习内容：
设计模式：单例模式、工厂模式、闭包类、MVC思想、MVVM等
AJAX：AJAX优缺点、异步请求、字符串模板、跨域
NodeJS：Node服务器的相关知识、接口、文件操作、Express框架
数据库：数据的概念、分类、使用Node操作数据库、MongoDB数据库
五．工程化-CSS预编译-ES2015-小程序
主要内容：
工程化：Gulp使用、Webpack使用
CSS预编译：Less使用、Sass使用
ES2016：块级作用域、新的定义变量关键字、新的方法拓展、字符串模板与插值、新的数据结构、新的编程方式、类、继承、模块化
小程序 ：小程序注册、介绍、组件、API、开发跨平台通用程序
六．Vue-React-Angular
学习内容：
Vue：Vue详解、Vue插件、Vue脚手架、Vue项目实战
React与ReactNative：
React详解、React组件化、Redux状态管理、React项目实战
ReactNative详解、ReactNative创建移动端应用、ReactNative项目实战
Angular：
Angular详解、Angular特性、Angular项目实战
web前端开发发展前景好，自然也就吸引了更多的年轻人都想投入web前端工程师的行列。。
需要资料的的可以加我qq3252897743领取
原文地址：https://blog.51cto.com/14334627/2415092