随着智能手机和移动互联网的普及，五花八门的应用占领着每个人的手机，随之而来各种定制化的UI风格，让兼容问题变得越来越头疼。
因此，有企业开始把html+css+js这部分工作独立出来一个新的岗位来处理，成为了一个处理视觉和交互的综合岗位。
实际上，Web前端存在在我们生活中的每一个角落，我们每时每刻都会感受到它的存在。
我们每天要打开数十次的微信，里面的各种功能、小程序都离不开web前端技术。
同时加大了市场对于web前端岗位的需求，那么如何更好的学习web前端呢？
我今天整理了web前端全套的学习资料，希望对初学web的小伙伴有帮助！
以下这一系列【web前端学习路线图】将多年的编程经验灌输其中，典型的实践派。
既适合初学者入门，也适合程序员进阶（学习底层）
先看下，web需要掌握的知识点：
HTML
CSS
JavaScript
AJAX
jQuery
Vue.js
下面是Web前端基本的学习路线：
第一阶段：
HTML视频教程主要讲解了HTML基础语法，内容主要包括：
HTML概述、W3C概述、B/S架构系统原理、table、背景色与背景图片、超链接、列表、表单、框架等知识点。
通过该视频的学习之后，可以开发基本的网页，并且可以看懂别人编写的HTML页面。
CSS视频教程主要讲解什么是css
层叠样式表(英文全称：CascadingStyleSheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
适合人群
0基础想入门的同学
基础不牢固的同学
第二阶段：
主要讲解前端开发中的核心技术JavaScript，俗称JS，视频中讲解了JavaScript核心语法、JavaScript内置支持类、JavaScript调试、JavaScript DOM编程、JavaScript BOM编程、大量前端小案例、JavaScript事件处理、JavaScript对象、继承、JSON等知识点。
适合人群
已具备HTML基础知识与JS基本操作的同学
Web前端爱好者以及在职程序员
第三阶段：Ajax
Ajax技术是基于js语言的扩展，能够通过将请求发送给后台，并从后台取得相关数据，然后将数据在页面做局部刷新的重要技术。
本教程会通过对ajax的传统使用方式，结合json操作的方式，结合跨域等高级技术的方式，对ajax做一个全面的讲解。
适合人群
掌握HTML基本知识和JS基本操作的
第四阶段：jQuery
jQuery是优秀的JavaScript框架，能使用户更方便地处理HTML Documents、events、实现动画效果，并且方便地为网站提供Ajax交互。
本教程循序渐进地对jQuery的各种选择器、函数和方法调用进行了详细的讲解，更结合了大量的案例。
第五阶段：Vue.js
通过视频的学习，让大家掌握Vue.js及在项目中的使用。将一步一步地让大家快速地掌握Vue.js这样一个前端核心框架，以适应公司的开发需要。
Vue (读音/vjuː/，类似于 view)是一套用于构建用户界面的渐进式框架。如果你之前已经习惯了用jQuery操作DOM，学习Vue.js时请先抛开手动操作DOM的思维，因为Vue.js是数据驱动的，你无需手动操作DOM。它通过一些特殊的HTML语法，将DOM和数据绑定起来......
优秀的web前端工程师之所以优秀，不是因为工作的年限有多久，而是具备快速学习的能力。
web前端开发是一个特殊的工作，涵盖的知识面非常广，而且互联网行业技术的更新速度是非常快的，如果没有快速学习的能力，就很难跟上时代的步伐。
所以，作为web前端工程师一定要不断的学习，提升技能。
学习web前端是一个长久的过程，努力和坚持是不可少的关键因素！！
加油吧，各位前端大神们~~~~
前端全套学习资料：
