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 相关文章推荐
javascript下查找父节点的简单方法
Aug 13 Javascript
JQuery操作tr和td内容的方法实例
Mar 06 Javascript
自己封装的javascript事件队列函数版
Jun 12 Javascript
Node.js编程中客户端Session的使用详解
Jun 23 Javascript
jQuery Validate表单验证入门学习
Dec 18 Javascript
javascript实现标签切换代码示例
May 22 Javascript
vue脚手架及vue-router基本使用
Apr 09 Javascript
bootstrap 日期控件 datepicker被弹出框dialog覆盖的解决办法
Jul 09 Javascript
layui使用label标签的方法
Sep 14 Javascript
关于layui导航栏不展示下拉列表的解决方法
Sep 25 Javascript
JS访问对象两种方式区别解析
Aug 29 Javascript
antd的select下拉框因为数据量太大造成卡顿的解决方式
Oct 31 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
一个颜色轮换的简单例子
2006/10/09 PHP
php数据库连接时容易出错的特殊符号问题
2010/09/01 PHP
PHP判断搜索引擎蜘蛛并自动记忆到文件的代码
2012/02/04 PHP
PHP中通过HTTP_USER_AGENT判断是否为手机移动终端的函数代码
2013/02/14 PHP
php 遍历目录,生成目录下每个文件的md5值并写入到结果文件中
2016/12/12 PHP
php观察者模式应用场景实例详解
2017/02/03 PHP
php base64 编码与解码实例代码
2017/03/21 PHP
仿163填写邮件地址自动显示下拉(无优化)
2008/11/05 Javascript
js判断选择时间不能小于当前时间的示例代码
2013/09/24 Javascript
在页面上用action传递参数到后台出现乱码的解决方法
2013/12/31 Javascript
jquery、js操作checkbox全选反选
2014/03/12 Javascript
js加减乘除丢失精度问题解决方法
2014/05/16 Javascript
javascript 常见功能汇总
2015/06/11 Javascript
JavaScript中数据结构与算法(二):队列
2015/06/19 Javascript
JS多物体实现缓冲运动效果示例
2016/12/20 Javascript
angular.extend方法的具体使用
2017/09/14 Javascript
vue自定义指令directive实例详解
2018/01/17 Javascript
使用Layer组件弹出多个对话框(非嵌套)与关闭及刷新的例子
2019/09/25 Javascript
JavaScript对象原型链原理详解
2020/02/05 Javascript
node.js中process进程的概念和child_process子进程模块的使用方法示例
2020/02/11 Javascript
vue项目配置同一局域网可使用ip访问的操作
2020/10/23 Javascript
浅谈es6中的元编程
2020/12/01 Javascript
[20:46]Ti4循环赛第三日VG vs DK
2014/07/12 DOTA
Python实现简单的可逆加密程序实例
2015/03/05 Python
Python中的anydbm模版和shelve模版使用指南
2015/07/09 Python
如何在python中使用selenium的示例
2017/12/26 Python
对python 自定义协议的方法详解
2019/02/13 Python
django rest framework 实现用户登录认证详解
2019/07/29 Python
python爬虫看看虎牙女主播中谁最“顶”步骤详解
2020/12/01 Python
美津浓美国官网:Mizuno美国
2018/08/07 全球购物
爱尔兰最大的体育零售商:Life Style Sports
2019/06/12 全球购物
校庆筹备方案
2014/03/30 职场文书
幼儿教师求职信
2014/05/24 职场文书
好的旅游活动方案
2014/08/19 职场文书
民政局副局长民主生活会个人整改措施
2014/10/04 职场文书
介绍信样本
2015/01/31 职场文书