素材巴巴 > 程序开发 >

前端学习计划制定--基于angular2-之入门计划

程序开发 2023-09-10 11:55:09

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

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

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

 

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

 

  

 

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

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

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

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

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

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

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

转载于:https://www.cnblogs.com/taoxingyu/p/7727167.html


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。