AngularJS入门教程之学习环境搭建


Posted in Javascript onDecember 06, 2014

学习AngularJS的一个好方法是逐步完成本教程,它将引导您构建一个完整的AngularJS web应用程序。 该web应用是一个Android设备清单的目录列表,您可以筛选列表以便查看您感兴趣的设备,然后查看设备的详细信息。

本教程将向您展示AngularJS怎样使得web应用更智能更灵活,而且不需要各种扩展程序或插件。 通过本教程的学习,您将:

1.阅读示例学习怎样使用AngularJS的客户端数据绑定和依赖注入功能来建立可立即响应用户操作的动态数据视图。
2.学习如何使用AngularJS创建数据侦听器,且不需要进行DOM操作。
3.学习一种更好、更简单的方法来测试您的web应用程序。
4.学习如何使用AngularJS创建常见的web任务,例如更方便的将数据引入应用程序。

而且这一切可在任何一个浏览器实现,无需配置浏览器!

当你完成了本教程后,您将学会:

1.创建一个可在任何浏览器中的工作的动态应用。
2.了解AngularJS与其它JavaScript框架之间的区别。
3.了解AngularJS如何实现数据绑定。
4.利用AngularJS的种子项目快速创建自己的项目。
5.创建和运行测试。
6.学习更多AngularJS标识资源(API)。

本教程将指导您完成一个简单的应用程序创建过程,包括编写和运行单元测试、不断地测试应用。 教程的每个步骤为您提供建议以了解更多有关AngularJS和您创建的web应用程序。 您可能会在短时间内快速读完本教程,也可能需要花大量时间深入研究本教程。 如果想看一个简短的AngularJS介绍文档,请查看[快速开始][ Getting Started]文档。

搭建学习环境

无论是Mac、Linux或Windows环境中,您均可遵循本教程学习编程。您可以使用源代码管理版本控制系统Git获取本教程项目的源代码文件,或直接从网上下载本教程项目源代码文件的镜像归档压缩包。

1.您需要安装Node.js和Testacular来运行本项目,请到Node.js官方网站下载并安装最新版,然后把node可执行程序路径添加到系统环境变量PATH中,完成后在命令行中运行一下命令可以查看是否安装成功:

node -version

然后安装Testacular单元测试程序,请运行如下命令:

npm install -g testacular

2.安装Git工具,然后用以下命令从Github复制本教程项目的源代码文件:

git clone git://github.com/angular/angular-phonecat.git

您也可以直接从网上下载本教程项目源代码的镜像归档压缩包。这个命令会在您当前文件夹中建立新文件夹angular-phonecat。

3.最后一件事要做的就是确保您的计算机安装了web浏览器和文本编辑器。

4.进入教程源代码文件包angular-phonecat,运行服务器后台程序,开始学习AngularJS!

cd angular-phonecat

node scripts/web-server.js
Javascript 相关文章推荐
js中关于String对象的replace使用详解
May 24 Javascript
根据当前时间在jsp页面上显示上午或下午
Aug 18 Javascript
js和jquery中循环的退出和继续学习记录
Sep 06 Javascript
jQuery实现宽屏图片轮播实例教程
Nov 24 Javascript
AngularJS学习笔记(三)数据双向绑定的简单实例
Nov 08 Javascript
jquery实现图片跟随鼠标的实例
Oct 17 jQuery
bootstrap+jquery项目引入文件报错的解决方法
Jan 22 jQuery
详解JSON和JSONP劫持以及解决方法
Mar 08 Javascript
vue基础之事件v-onclick="函数"用法示例
Mar 11 Javascript
微信小程序 scroll-view 实现锚点跳转功能
Dec 12 Javascript
vue element和nuxt的使用技巧分享
Jan 14 Vue.js
用JS创建一个录屏功能
Nov 11 Javascript
AngularJS入门教程之Hello World!
Dec 06 #Javascript
JavaScript中的Web worker多线程API研究
Dec 06 #Javascript
JavaScript实现的一个日期格式化函数分享
Dec 06 #Javascript
JavaScript实现twitter puddles算法实例
Dec 06 #Javascript
JavaScript实现的一个计算数字步数的算法分享
Dec 06 #Javascript
angularjs中的e2e测试实例
Dec 06 #Javascript
angularjs中的单元测试实例
Dec 06 #Javascript
You might like
dedecms模板标签代码官方参考
2007/03/17 PHP
PHP的autoload机制的实现解析
2012/09/15 PHP
一个简洁的PHP可逆加密函数(分享)
2013/06/06 PHP
浅析get与post的一些特殊情况
2014/07/28 PHP
基于thinkPHP类的插入数据库操作功能示例
2017/01/06 PHP
JQuery Tab选项卡效果代码改进版
2010/04/01 Javascript
js获取网页高度(详细整理)
2012/12/28 Javascript
关于innerHTML后丢失动态绑定的EVENT问题解决方法
2013/05/19 Javascript
node.js中的fs.unlinkSync方法使用说明
2014/12/15 Javascript
基于JS分页控件实现简单美观仿淘宝分页按钮效果
2016/11/07 Javascript
JS实现滑动门效果的方法详解
2016/12/19 Javascript
js实现漫天星星效果
2017/01/19 Javascript
Angular中$broadcast和$emit的使用方法详解
2017/05/22 Javascript
微信小程序商品详情页的底部弹出框效果
2020/11/16 Javascript
JS判断用户用的哪个浏览器实例详解
2018/10/09 Javascript
关于Vue Router中路由守卫的应用及在全局导航守卫中检查元字段的方法
2018/12/09 Javascript
ES6 对象的新功能与解构赋值介绍
2019/02/05 Javascript
微信小程序实现bindtap等事件传参
2019/04/08 Javascript
[01:02:30]Mineski vs Secret 2019国际邀请赛淘汰赛 败者组 BO3 第三场 8.22
2019/09/05 DOTA
[35:39]完美世界DOTA2联赛PWL S2 FTD.C vs Rebirth 第二场 11.22
2020/11/24 DOTA
[01:52]PWL S2开团时刻第四期——DOTA2成语故事
2020/12/03 DOTA
Python深入学习之装饰器
2014/08/31 Python
Python 多核并行计算的示例代码
2017/11/07 Python
pycharm远程调试openstack的图文教程
2017/11/21 Python
python获取时间及时间格式转换问题实例代码详解
2018/12/06 Python
Python遍历文件夹 处理json文件的方法
2019/01/22 Python
Python 通过requests实现腾讯新闻抓取爬虫的方法
2019/02/22 Python
python3 字符串/列表/元组(str/list/tuple)相互转换方法及join()函数的使用
2019/04/03 Python
详解pandas删除缺失数据(pd.dropna()方法)
2019/06/25 Python
Python爬虫 批量爬取下载抖音视频代码实例
2019/08/16 Python
python 图像处理画一个正弦函数代码实例
2019/09/10 Python
Python 异常的捕获、异常的传递与主动抛出异常操作示例
2019/09/23 Python
一文读懂Python 枚举
2020/08/25 Python
Python用access判断文件是否被占用的实例方法
2020/12/17 Python
Bally巴利英国官网:经典瑞士鞋履、手袋及配饰奢侈品牌
2018/05/07 全球购物
联谊会主持词
2014/03/26 职场文书