大家经常跟我要一些 web前端的学习路线和一些vue、angular、react教程，我自己很懒，自己没整理过系统的教程，因为网上也多的是，有时间我会普及一些入门和提升建议，思想提升了，路线明确了自然就好了，
于是就整理了下这篇javaScript简介介绍帮助大家了解前端，学习资料和学习路线，干货福利内容 在文末↓
第一阶段——HTML的学习
HTML的中文全称为超文本标记语言，它是一个网页的框架，不论是动态网页还是静态网页最终返回到浏览器端的都是HTML代码。浏览器将HTML代码解释渲染后呈现给用户，因此我们必须掌握HTML的基本
结构和常用标记及属性。
HTML的学习实际就是一个记忆和理解的过程，在学习的过程中我们可以借助Dreamweaver的“拆分”视图来辅助学习，然后在“设计”视图中看效果，最后，在“代码”视图中学本质，将各种视图的优势发挥到极致。利用这种对照学习的方法可以在很大程度上弥补单纯识记HTML标签和属性的枯燥乏味。
第二阶段——CSS的学习
其实学习web的学习路线就是想我们工程中盖房子一样，需要一步一步的来，像我们上诉中HTML的学习只是掌握了原材料的制作，接下来，我们就是对我们的楼房装修与修缮的步骤了，CSS的中文名称为层叠样式表，是能够真正做到网页表现与内容分离的一种样式设计语言对于传统的HTML表现而言其样式是可以复用的，这样就可以极大的提高我们的开发速度，降低我们的维护成本。另外，CSS中的盒子模式、相对布局、绝对布局等能够实现对网页中各对象的位置排版进行像素级的精确控制。
第三阶段——Java的学习
Java是我们在客户端经常使用的一种脚本语言，在Java当中为我们提供了一些内置函数、对象和DOM操作，我们借助这些内容来实现在客户端上的验证、交互、特效等。是我们的页面看起来不是那么的古板但是，有时Java的兼容性和复杂性的确让我们头疼，还好有一些“大神”帮我们做了封装。
第四阶段——jQuery的学习
jQuery是一个免费、开源的轻量级Java库，并且兼容各种浏览器(jQuery2.0及后续版本放弃了对IE6/7/8浏览器的支持)，同时现在有很多基于jQuery的插件可供选择，这样我们在实现一些丰富的动态效果时更加的方便快捷，在一定程度上可以大大的节省我们的开发时间，提高我们的开发速度。
上面的四个阶段就是爱创课堂小编给大家分享的web学习线路，看完之后是不是能对怎么学习前端开发和学习步骤心里已经很清楚了呢?还等什么，赶快了小编一起来学习吧?
需要资料的可以加qq群：728700491领取
原文地址：https://blog.51cto.com/12864747/2419079