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 分号引起的一段调试问题
Jun 18 Javascript
Mootools 1.2教程 设置和获取样式表属性
Sep 15 Javascript
JavaScript 三种不同位置代码的写法
Oct 25 Javascript
基于MVC3方式实现下拉列表联动(JQuery)
Sep 02 Javascript
利用js读取动态网站从服务器端返回的数据
Feb 10 Javascript
jQuery中复合属性选择器用法实例
Dec 31 Javascript
为什么我们要做三份 Webpack 配置文件
Sep 18 Javascript
基于Datatables跳转到指定页的简单实例
Nov 09 Javascript
VUE2.0 ElementUI2.0表格el-table自适应高度的实现方法
Nov 28 Javascript
JS执行控制之节流模式实例分析
Dec 21 Javascript
在Vue中使用antv的示例代码
Jun 29 Javascript
Vue在H5 项目中使用融云进行实时个人单聊通讯
Dec 14 Vue.js
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
PHP学习笔记之php文件操作
2016/06/03 PHP
Laravel中日期时间处理包Carbon的简单使用
2017/09/21 PHP
php之header的不同用法总结(实例讲解)
2017/11/28 PHP
thinkPHP5框架分页样式类完整示例
2018/09/01 PHP
php使用curl模拟多线程实现批处理功能示例
2019/07/25 PHP
Nigma vs Liquid BO3 第一场2.14
2021/03/10 DOTA
Array.prototype.slice 使用扩展
2010/06/09 Javascript
基于jsTree的无限级树JSON数据的转换代码
2010/07/27 Javascript
jquery实现div阴影效果示例代码
2013/09/16 Javascript
js上传图片及预览功能实例分析
2015/04/24 Javascript
Bootstrap3.0学习教程之JS折叠插件
2016/05/27 Javascript
AngularJS删除路由中的#符号的方法
2016/09/20 Javascript
JS正则RegExp.test()使用注意事项(不具有重复性)
2016/12/28 Javascript
Node.js设置CORS跨域请求中多域名白名单的方法
2017/03/28 Javascript
JS常见创建类的方法小结【工厂方式,构造器方式,原型方式,联合方式等】
2017/04/01 Javascript
AngularJS获取json数据的方法详解
2017/05/27 Javascript
详解在Vue中有条件地使用CSS类
2017/09/30 Javascript
vue router demo详解
2017/10/13 Javascript
让axios发送表单请求形式的键值对post数据的实例
2018/08/11 Javascript
自定义Vue中的v-module双向绑定的实现
2019/04/17 Javascript
基于Vue中的父子传值问题解决
2020/07/27 Javascript
[15:09]DOTA2国际邀请赛采访专栏:Loda
2013/08/06 DOTA
Python实现曲线拟合操作示例【基于numpy,scipy,matplotlib库】
2018/07/12 Python
浅谈keras使用中val_acc和acc值不同步的思考
2020/06/18 Python
为什么Runtime.exec(“ls”)没有任何输出?
2014/10/03 面试题
就业推荐表自我鉴定
2013/10/29 职场文书
30年同学聚会邀请函
2014/01/25 职场文书
路政管理毕业自荐书范文
2014/02/10 职场文书
党支部公开承诺书
2014/03/28 职场文书
《观舞记》教学反思
2014/04/16 职场文书
辞旧迎新演讲稿
2014/09/15 职场文书
2015年党风廉政建设责任书
2015/01/29 职场文书
党风廉洁教育心得体会
2016/01/20 职场文书
Canvas跟随鼠标炫彩小球的实现
2021/04/11 Javascript
Python Pandas模块实现数据的统计分析的方法
2021/06/24 Python
vue router 动态路由清除方式
2022/05/25 Vue.js