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 相关文章推荐
IE和Mozilla的兼容性汇总event
Aug 12 Javascript
Mootools 1.2教程(21)——类(二)
Sep 15 Javascript
本地图片预览(支持IE6/IE7/IE8/Firefox3)经验总结
Mar 25 Javascript
javascript获取元素CSS样式代码示例
Nov 28 Javascript
取消选中单选框radio的三种方式示例介绍
Dec 23 Javascript
JavaScript实现的in_array函数
Aug 27 Javascript
Listloading.js移动端上拉下拉刷新组件
Aug 04 Javascript
微信小程序 限制1M的瘦身技巧与方法详解
Jan 06 Javascript
Angular实现点击按钮控制隐藏和显示功能示例
Dec 29 Javascript
webpack中如何使用雪碧图的示例代码
Nov 11 Javascript
vue项目中使用vue-i18n报错的解决方法
Jan 13 Javascript
VUE兄弟组件传值操作实例分析
Oct 26 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
乐信RP2100的电路分析和打磨
2021/03/02 无线电
php过滤危险html代码
2008/08/18 PHP
hessian 在PHP中的使用介绍
2010/12/13 PHP
Yii Framework框架获取分类下面的所有子类方法
2014/06/20 PHP
PHP的RSA加密解密方法以及开发接口使用
2018/02/11 PHP
Laravel 框架返回状态拦截代码
2019/10/18 PHP
用js实现的页面关键字密度查询代码
2007/12/27 Javascript
function foo的原型与prototype属性解惑
2010/11/19 Javascript
如何防止回车(enter)键提交表单
2014/05/11 Javascript
Javascript基础教程之数据类型 (数值 Number)
2015/01/18 Javascript
javascript的document中的动态添加标签实现方法
2016/10/24 Javascript
js实现上传图片预览方法
2016/10/25 Javascript
jquery.multiselect多选下拉框实现代码
2016/11/11 Javascript
Vue2学习笔记之请求数据交互vue-resource
2017/02/23 Javascript
element-ui的回调函数Events的用法详解
2018/10/16 Javascript
JS用最简单的方法实现四舍五入
2019/08/27 Javascript
vue实现图片懒加载的方法分析
2020/02/05 Javascript
js实现小星星游戏
2020/03/23 Javascript
vue实现整屏滚动切换
2020/06/29 Javascript
vue 点击其他区域关闭自定义div操作
2020/07/17 Javascript
[43:32]Winstrike vs VGJ.S 2018国际邀请赛淘汰赛BO3 第一场 8.23
2018/08/24 DOTA
Python类方法__init__和__del__构造、析构过程分析
2015/03/06 Python
Python实现将HTML转换成doc格式文件的方法示例
2017/11/20 Python
python的列表List求均值和中位数实例
2020/03/03 Python
python GUI库图形界面开发之PyQt5多线程中信号与槽的详细使用方法与实例
2020/03/08 Python
django ObjectDoesNotExist 和 DoesNotExist的用法
2020/07/09 Python
最新PyCharm 2020.2.3永久激活码(亲测有效)
2020/11/26 Python
澳大利亚领先的女性运动服品牌:Lorna Jane
2020/06/19 全球购物
家长对孩子评语
2014/01/30 职场文书
模具设计与制造专业推荐信
2014/02/16 职场文书
党员干部承诺书范文
2014/03/25 职场文书
2014年财务科工作总结
2014/11/11 职场文书
《我要的是葫芦》教学反思
2016/02/18 职场文书
2019各种承诺书范文
2019/06/24 职场文书
浅谈react useEffect闭包的坑
2021/06/08 Javascript
Java Spring Boot 正确读取配置文件中的属性的值
2022/04/20 Java/Android