【译】《通晓运用AngularJS开辟Web App》(一) --- 相干背景、社区、东西引见

下一篇:【译】《通晓运用AngularJS开辟Web App》(二)

原版书名:Mastering Web Application Development with AngularJS

Chapter 1

第一章 Angular之道

这一章主假如引见AngularJS,包含这个框架以及它背地的项目。起首我们先也许看看这个项目自身:谁在更新代码,到那里去找源码和文档,怎样追求协助等等。

本章的大部份内容用来引见AngularJS框架,它的中心观点,编码形式。这会掩盖到很普遍的内容,为了让进修的历程更快更轻松,书中会供应大批的代码示例。

AngularJS是一个奇特的框架,毫无疑问会在将来几年内对web开辟范畴发生严重影响。所以会在本章末了一部份来诠释是什么让AngularJS云云的异乎寻常,与其他现有的框架任何比较,它下一阶段的计划。

本章中我们会涵盖以下一个话题:
– 怎样用AngularJS来写一个Hello World运用。在写的历程当中,你会相识到到那里去找框架的源码,文档和社区。
– 逐步熟习构建任何AngularJS运用的基本构建:有指令的模板,scopes(作用域)和controllers(控制器)。
– 相识AngularJS庞杂又壮大的依靠注入体系
– 该怎样比较AngularJS和其他框架和库(尤其是jQuery),是什么让他异乎寻常。

碰见AngularJS

AngularJS是用javascript写的客户端 MVC 框架,它运转在阅读器中,并极大的协助我们(开辟者)誊写当代的、单页的、AJAX作风的web App。这是一个通用的框架,但当你用来开辟CRUD(建立 读取 更新 删除)范例的web app时更能显现出它的壮大的地方。

熟习框架

AngularJS是客户端MVC框架的一个新丁,但它已吸收了极大的关注,主假如由于它革命性的模板体系,易于开辟,另有异常坚固的工程实践。确切,他的模板体系在于多方面都是举世无双的:
– 它运用HTML作为模板言语
– 它并不需呀显现的DOM革新,由于AngularJS能够跟踪用户的行动,阅读器的事宜,并能在模子被转变后指出哪一个模版须要在什么时候革新。
– 它另有一个有意思而且扩大性很强的组件子体系,它还能教会阅读器怎样明白一些新的HTML标签和属性。

模板子体系多是最易被看到的部份,但也别误会认为AngularJS就是一个席卷了一些东西和单页web App常常用到的效劳的鸠合。

AngularJS另有一些隐蔽的财产,依靠注入(DI)另有很强的可测试性。对依靠注入的内置支撑使得从更小更完全的测试过效劳中组装一个web App更轻易。框架的设想和它周边的东西集都首倡并推行在开辟的每个阶段都运用测试通例。

找到你须要的体式格局

AngularJS在客户端MVC框架的舞台上相对来说照样一个新人;它的1.0的版本在2012年6月才宣布,这个框架的事情开始于2009年,起初是Miško Hevery的一个个人项目,作者是Google的员工。最初的主意确切异常棒,在编码时期,项目被Google正式的收纳。现在在Google有一全部团队全日制的保护更新这个框架。

AngularJS是一个开源项目,放在Github上([https://github.com/ angular/angular.js]https://github.com/ angular/angular.js),并由Google采纳MIT体式格局受权。

社区

时至今日,脱离社区的支撑,任何一个项目都没法存活下去。荣幸的是,AngularJS具有一个活泼的,支撑度高的社区。下面是一些交换频道,能够用来议论设想,发问乞助:
– angular@googlegroups.com 邮件列表(Google小组)
– Google+ 在 https://plus.google.com/u/0/communities/115368820700870330756
– #angularjs IRC 频道
– 在 http://stackoverflow.com 上的 [angularjs] 标签
AngularJS团队经由过程保护一个博客(http://blog.angularjs.org/)来跟社区保持联系,另有一些交际媒体,Google + (+ AngularJS),另有 Twitter( @angularjs)。同时另有世界各地举办的社区见面会;假如哪次恰好在你周边举办,当然是很值得去列入的。

线上进修资本

AngularJS有本身专用的网站(http://www.angularjs.org),在这里我们能够找到关于一个别面的框架所应该有的统统的统统:观点概览,教程,开辟者指南,API参考等等。AngularJS已宣布的统统的版本都能够从http://code.angularjs.org下载。

想找示例代码的人也不会扫兴,由于AngularJS文档中有大批的代码片断。别的,还能够阅读一系列的运用AngularJS开辟的运用的列表(http://builtwith.angularjs.org)。YouTube上另有一个特地的频道(http://www.youtube.com/user/angularjs),有一些过往的灌音,另有一些有效的视频教程。

库和扩大

AngularJS 中心功能壮大雄厚,同时,活泼的社区险些天天都在增加新的扩大。这个中的一大部份都能够在这个特地的网站上找到:http://ngmodules.org

东西

AngularJS 构建在 HTML 和 JavaScript 之上,这两个手艺已被用在Web开辟上很多年了。正由于此,我们照旧能够运用我们所熟习的编译器和IDE,阅读器扩大,等等,毫无题目。
别的,AngularJS社区还为已存在的HTML/JavaScript东西箱里贡献了很多有意思的东西。

Batarang

Batarang是一个Chrome开辟者东西的扩大,能够用来检视AngularJS Web运用。Batarang能够异常轻易的以图形化的体式格局来搜检剖析 AngularJS 运用的运转机能等状况。我们在本书中将会普遍的运用它,能够对运转中运用背景的状况一清二楚。Batarang就像其他的Chrome扩大一样,能够在Chrome的Web Store(市肆)(AngularJS Batarang)中下载安装。

Plunker and jsFiddle

无论是Plunker(http://plnkr.co)照样jsFiddle(http://jsfiddle.net)能够异常轻易的分享一些代码片断(JavaScript,CSS 和 HTML),只管这些东西并非专为 AngularJS 定制的,然则异常敏捷的就被 AngularJS 社区所采纳了,用来分享一些小的示例代码,Bug的情形重现等等。Plunker理应获得迥殊的关注,由于他就是用 AngularJS 来写的,而且在社区中也是一个异常盛行的东西。

IDE extensions and plugins

我们每个人都有本身喜好的编辑器或IDE。好消息是已有很多款能够适用于异常盛行的IDE的插件/扩大了,比方Sublime Text2(https://github.com/angular-ui/AngularJS-sublime-package),Jet Brains的系列产品(http://plugins.jetbrains.com/plugin?pr=idea&pluginId=6971)等等。

转载请说明来自[超2真人]
本文链接:http://www.peichao01.com/static_content/doc/html/Mastering_Web_Application_Development_with_AngularJS_1.html

    原文作者:超2真神
    原文地址: https://segmentfault.com/a/1190000000360234
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞