在前端这个岗位兴起之前，html css的工作是被视觉人员所承担的，而js这部分则是由后端完成的。

随着智能手机和移动互联网的普及，五花八门的应用占领着每个人的手机，随之而来各种定制化的UI风格，让兼容问题变得越来越头疼。

因此，有企业开始把html css js这部分工作独立出来一个新的岗位来处理，成为了一个处理视觉和交互的综合岗位。

实际上，Web前端存在在我们生活中的每一个角落，我们每时每刻都会感受到它的存在。

我们每天要打开数十次的，里面的各种功能、小程序都离不开web前端技术。

同时加大了市场对于web前端岗位的需求，那么如何更好的学习web前端呢？

我今天整理了web前端全套的学习资料，希望对初学web的小伙伴有帮助！

以下这一系列【web前端学习路线图】将多年的编程经验灌输其中，典型的实践派。

先看下，web需要掌握的知识点：

下面是Web前端基本的学习路线：

第一阶段：

HTML CSS/HTML5 CSS3

HTML视频教程主要讲解了HTML基础语法，内容主要包括：

HTML概述、W3C概述、B/S架构系统原理、table、背景色与背景图片、超链接、列表、表单、框架等知识点。

通过该视频的学习之后，可以开发基本的网页，并且可以看懂别人编写的HTML页面。

CSS视频教程主要讲解什么是css 。

层叠样式表(英文全称：CascadingStyleSheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。

CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

CSS能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。

适合人群

第二阶段：

JavaScript JS框架技术

主要讲解前端开发中的核心技术JavaScript，俗称JS，视频中讲解了JavaScript核心语法、JavaScript内置支持类、JavaScript调试、JavaScript DOM编程、JavaScript BOM编程、大量前端小案例、JavaScript事件处理、JavaScript对象、继承、JSON等知识点。

适合人群

第三阶段：Ajax

Ajax技术是基于js语言的扩展，能够通过将请求发送给后台，并从后台取得相关数据，然后将数据在页面做局部刷新的重要技术。

本教程会通过对ajax的传统使用方式，结合json操作的方式，结合跨域等高级技术的方式，对ajax做一个全面的讲解。

适合人群

第四阶段：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前端是一个长久的过程，努力和坚持是不可少的关键因素！！

加油吧，各位前端大神们~~~~

获取资料方式：

评论/私信扣“1”获取前端全套学习资料