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 相关文章推荐
filemanage功能中用到的common.js
Apr 08 Javascript
JQuery CSS样式控制 学习笔记
Jul 23 Javascript
JavaScript高级程序设计 阅读笔记(二十一) JavaScript中的XML
Sep 14 Javascript
仿百度的关键词匹配搜索示例
Sep 25 Javascript
jQuery ajax调用后台aspx后台文件的两种常见方法(不是ashx)
Jun 28 Javascript
js实现碰撞检测特效代码分享
Oct 16 Javascript
实例解析jQuery中如何取消后续执行内容
Dec 01 Javascript
vue-cli+webpack在生成的项目中使用bootstrap实例代码
May 26 Javascript
Javacript中自定义的map.js  的方法
Nov 26 Javascript
详解vue项目中如何引入全局sass/less变量、function、mixin
Jun 02 Javascript
Node.js中读取TXT文件内容fs.readFile()用法
Oct 10 Javascript
vue实现权限控制路由(vue-router 动态添加路由)
Nov 04 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
php计算数组不为空元素个数的方法
2014/01/27 PHP
Codeigniter的一些优秀特性总结
2015/01/21 PHP
php中有关合并某一字段键值相同的数组合并的改进
2015/03/10 PHP
地震发生中逃生十大法则
2008/05/12 Javascript
利用jq让你的div居中的好方法分享
2013/11/21 Javascript
javascript实现在线客服效果
2015/07/15 Javascript
JS实现瀑布流布局
2017/10/21 Javascript
React Native 搭建开发环境的方法步骤
2017/10/30 Javascript
用jquery获取select标签中选中的option值及文本的示例
2018/01/25 jQuery
关于Vue的路由权限管理的示例代码
2018/03/06 Javascript
简单了解TypeScript中如何继承 Error 类
2019/06/21 Javascript
React Ant Design树形表格的复杂增删改操作
2020/11/02 Javascript
python通过加号运算符操作列表的方法
2015/07/28 Python
python实现颜色空间转换程序(Tkinter)
2015/12/31 Python
Python实现好友全头像的拼接实例(推荐)
2017/06/24 Python
Python将多份excel表格整理成一份表格
2018/01/03 Python
利用python对Excel中的特定数据提取并写入新表的方法
2018/06/14 Python
Pandas的read_csv函数参数分析详解
2019/07/02 Python
Python django框架开发发布会签到系统(web开发)
2020/02/12 Python
Python之关于类变量的两种赋值区别详解
2020/03/12 Python
Python爬取YY评级分数并保存数据实现过程解析
2020/06/01 Python
Django contrib auth authenticate函数源码解析
2020/11/12 Python
正宗的澳大利亚Ugg靴子零售商:UGG Express
2020/04/19 全球购物
xml有哪些解析技术?区别是什么
2016/04/26 面试题
学生实习自我鉴定
2013/10/11 职场文书
自我评价如何写好?
2014/01/05 职场文书
《逃家小兔》教学反思
2014/02/23 职场文书
班长演讲稿范文
2014/04/24 职场文书
改进作风怎么办发言材料
2014/08/17 职场文书
银行领导班子四风对照检查材料
2014/09/27 职场文书
长城导游词400字
2015/01/30 职场文书
党员干部廉洁自律承诺书
2015/04/28 职场文书
机关保密工作承诺书
2015/05/04 职场文书
使用Python脚本对GiteePages进行一键部署的使用说明
2021/05/27 Python
SpringBoot 集成Redis 过程
2021/06/02 Redis
详解JavaScript的计时器和按钮效果设置
2022/02/18 Javascript