前端学习路线--计划制定

      看过上一篇博客的肯定都已经了解博主的背景之类，本篇文章就说一下我制定好的学习计划，包括用到的编译环境，学习网站，也会给大家推荐一些我觉得很干货的连接。

首先在我没有制定该计划之前，我在公司跟过一下项目，在项目中我担任什么样的角色呢？简单描述一下就是我们大概要做五张图，别人做好了一张，我就照葫芦画瓢做了另外四张，不过通过这个项目我倒是了解了目前前端比较火的框架--angular2。其它公司我不太清楚啊，反正我们公司目前大概都会用这个框架，所以我的前端学习之路也将会基于这个框架。

     首先，第一步，很突兀的第一步（捂脸哭），但是必须先安装node。node安装完之后需要把niceFish这个项目跑起来，关于这个项目的具体内容请在第二步骤中的angular2学习资源链接中查看。把一个完整的项目跑起来（先把项目跑起来才能算是环境搭建成功），我用了两天（还是有一个前辈帮助的情况下），最后发现就是一个原因，版本太低。。。真是一把辛酸一把泪。建议大家node不要安装太旧的版本。推荐教程node安装教程，博主的版本给大家看一下。安装完成之后在node的命令行中使用以下命令查看版本信息  ：

 npm -v //查看npm版本 node -v //查看node版本

       然后，就像我之前说的，得先建立知识体系图，了解知识架构。我这里所说的知识架构是基于框架的，因为要用这个框架只有先了解整个框架是是怎么运作的，然后基于这个框架去填充其中的模块。所以，第二步，毋庸置疑是angular2框架的学习，这其中也包括各种环境的搭建，框架里面各个文件的作用等等，这些我是跟着一个前端大神学的，这里也可以给到大家学习资源：angular2学习资源，大家可以根据连接中一步一步操作，可以把其中的代码copy下来学习，包括有一个一小时快速上手，让你整体把握angular2这个框架，一定要了解清楚整个项目是怎么跑起来的，每个文件的作用是什么，这样自己写的时候才不会晕晕乎乎的！如果还不是很明白可以去看一下其它的博客之类的。

       第三步，基于我已经了解的angular2框架，接下需要学习HTML 、CSS。学习HTML以及CSS我是在菜鸟教程的网站学的：菜鸟网站 在这个网站上你可以自己操作也有一些例子之类的，我之前的做法是先大概了解有哪些标签，哪些效果是可以实现的，之后自己真正动手做项目 时候再去查阅开发手册就可以了。

       第四部，相信大家如果了解了angular2之后肯定知道逻辑代码全部是TypeScript写的，所以接下来毋庸置疑，要学习这门语言，我大概就先学习了，变量、函数、接口等一些最基础的。这样的话基本能写一写简单的小程序了。等以后需要用到更加复杂的技术再深入学习。毕竟博主现在还是刚上手，还是用前面画人脸的例子，现在只需要画出简笔画就可以了，更加复杂的技术等到进阶的时候学习，或者在项目中不断磨练。关于TypeScript的学习笔记，我之后也会分享给大家。

      第五步，学习angular2的语法，在HTML文件中会经常遇到这样的情况，比如想要分页显示数据。数据一般都是后台给的一个json数组,那么怎么显示这个数组在HTML的表格中呢，这就要用到angular的语法。这个我目前只是稍作了解，还没有开始具体学习，之后会给大家分享学习笔记。关于学习的网站也是在菜鸟教程：angular2语法学习

      第六步，angular2里面用了很多bootStrap的东西，需要先了解一下。这个步骤我也没开始进行呢。

      第七步，项目，实践。代码要多写才会熟能生巧，在实践的过程中不断发现问题解决问题，才能不断进步。写代码不可避免的是要调BUG，遇到问题并不可怕，去解决它你才会取得更大的进步。

    古人常说，纸上得来终觉浅，绝知此事要躬行，博主写的这篇博客也只是属于入门阶段的计划，因为刚刚接触前端，对很多事前都还处于摸索的阶段。之后会不断更新学习动态。