前端学习路线

前端学习相关网站

1 、关于HTML的学习

对于HTML的学习分为HTML和HTML5，HTML 指的是 HTML4.0版本，是HTML的基础版本，HTML5是最新的版本，相较于4.0里面增加了许多新标签，也去除了部分旧的标签，更注重语标签语义化，并且增加了多多媒体音频视频的支持，还有HTML5里面的canvas画布是新增的重要功能。

    1.1、 HTML4.0  慕课网HTML基础

    1.2、 HTML5    慕课网HTML5的基础学习

2、关于CSS的学习

同样对于 CSS的学习分为CSS2.0和CSS3，相较于CSS2.0在最新版本的CSS3里面多了对动画的处理，以及一些阴影效果的增加。

      2.1、 CSS2.0  慕课网CSS基础

      2.2、 CSS3    慕课网 CSS3

3、关于javascript的学习

javascript作为前端学习的核心，内容较其他两者复杂学习难度也比较大，对于javascript的学习，目前分为对于原生js的学习，以及对js框架的学习。原生js作为基础，掌握是很有必要的。

          3.1、javascript  原生js基础  原生js文档

          3.2、 javascript    HTML DOM

          3.3、 javascript  基础入门教程

          3.4、javascript javscript进阶篇

          3.5 个人觉得讲的最好的js教程 智能社js系列教程

4、关于前端框架的学习

前端除了这些基础之外，有大量的前端框架来帮助我们实现功能，其中既有CSS的UI框架，也有JS框架。

        4.1、js框架 —— jquery 最基础也是应用最多的js框架  jquery 基础视频教程

        4.2、js框架 —— jquery UI 一个js的UI框架，集合多种常用控件 jquery UI 教程

        4.3、css框架 —— bootstrap 应用最多的css框架  bootstrap 基础教程

        4.4、css框架 —— 常用图标框架 font awesome

5、一些前端特效实例的学习

通过写一些特效来实践学过的知识，是很有效的学习方式之一。在慕课网上关于前端的实例很多，而且大多附有源码，可以采用一边看一边跟着敲的方式学习，有解决不了的问题和源码比对。

jquery 之家 是一个js插件库分享网站，这里面有很多的js css 插件，各种网站特效和组件，可以关注，需要的时候拿来用。

6、关于WebGL方面相关知识的学习

      网上关于这一块的教程比较少，极客学院webGL教程 极客学院有关于原生 webGL的视频教程，也有关于THREE的视频教程，不过关于THREE部分网上教程太过浅显，深入学习可以看threejs官网的例子。