[Angular Tutorial]PhoneCat Tutorial App

(注:曾经在《不敢止步》一书中看到学到一个观点,做者认为学习一门技术最好的方法就是翻译某部领域书籍。这里我决定作一次尝试,接下来花1个月左右时间,将Angular Tutorial Phonecat范例所有翻译一遍,这固然更可能是但愿本身能获得一个提升。翻译力求尽善尽美,固然质量实在难以保证。全部专有名词尽可能不译,全部章节与https://docs.angularjs.org/tutorial/对应,若是能够,但愿您能对照两边学习,给我提些意见。那么,开始吧!)node

本节翻译自:https://docs.angularjs.org/tutorial/git

PhoneCat Tutorial Appangularjs

完成这篇tutorial是一种学习AngularJS的很是好的方法,这将带您领略一个AngularJS web app的构建过程.您将构建一个目录用于展现一系列的Android设备,您能过滤这个列表来只查看那些您感兴趣的设备,而且能够查看任何设备的细节。web

 

 跟随这份tutorial来看Angular如何使浏览器变得更为智能--这无需引入任何的本地扩展或插件:
浏览器

  ·查看如何使用客户端的数据绑定来构建能根据用户行为及时更新的动态视图.服务器

  ·在不须要引入任何的DOM操做的状况下,看到Angular如何保持您的数据和视图同步.app

  ·学习使用Karma和Protractor来更佳,更容易地测试您的web 应用.(注:在这个系列中,全部测试部分我都会暂时略去,之后可能会加上)单元测试

  ·学习如何使用依赖注入(Dependency Injection)和服务(Services)来使得完成一些经常使用的web任务(入获取您的app中的数据)更加容易.学习

当您完成这份tutorial时,你将能作到:测试

  ·建立一个能在全部现代浏览器上工做的动态应用.

  ·使用数据绑定来联通您的数据模型和视图.

  ·使用Karma来建立并运行单元测试.

  ·使用Protractor来建立并运行端对端(end to end)测试.

  ·将应用的逻辑从模板(template)移动到控制器(controller).

  ·使用Angular的服务来从服务器端获取数据.

  ·使用ngAnimate来在您的应用中得到动画效果.

  ·找到进一步学习AngularJS的方向.

这份tutorial将指导您完成构建一个简单应用的所有过程,包括编写并运行单元测试和端对端测试,每一步的末尾还将设置实验来为您更深刻地学习AngularJS和您在构建的应用提供建议。

您能够花上几个小时浏览整份tutorial或者花上愉悦的一天来细细琢磨它,若是您在寻找一份更短的关于AngularJS的介绍。请看这里.

(注:文档接下来的部分与咱们的主题关系不大,一些关于git的使用和node安装的部分,这里就不译了,直接进入正文部分。)

相关文章
相关标签/搜索