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 相关文章推荐
5个可以帮你理解JavaScript核心闭包和作用域的小例子
Oct 08 Javascript
简述jQuery ajax的执行顺序
Jan 05 Javascript
纯JS前端实现分页代码
Jun 21 Javascript
JavaScript编写一个简易购物车功能
Sep 17 Javascript
Angular指令之restict匹配模式的详解
Jul 27 Javascript
js实现拖拽上传图片功能
Aug 01 Javascript
js 公式编辑器 - 自定义匹配规则 - 带提示下拉框 - 动态获取光标像素坐标
Jan 04 Javascript
微信小程序自定义音乐进度条的实例代码
Aug 28 Javascript
解决vue keep-alive 数据更新的问题
Sep 21 Javascript
javascript中toFixed()四舍五入使用方法详解
Sep 28 Javascript
微信小程序页面间值传递的两种方法
Nov 26 Javascript
Vue.js中 v-model 指令的修饰符详解
Dec 03 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
用 PHP5 轻松解析 XML
2006/12/04 PHP
实用函数10
2007/11/08 PHP
免费手机号码归属地API查询接口和PHP使用实例分享
2014/04/10 PHP
php中最简单的字符串匹配算法
2014/12/16 PHP
golang实现php里的serialize()和unserialize()序列和反序列方法详解
2018/10/30 PHP
laravel-admin 实现在指定的相册下添加照片
2019/10/21 PHP
网站页面自动跳转实现方法PHP、JSP(上)
2010/08/01 Javascript
jQuery 操作option的实现代码
2011/03/03 Javascript
Javascript基础教程之while语句
2015/01/18 Javascript
Angular.js中$apply()和$digest()的深入理解
2016/10/13 Javascript
微信小程序 九宫格实例代码
2017/01/21 Javascript
js输入框使用正则表达式校验输入内容的实例
2017/02/12 Javascript
详解Vue 动态添加模板的几种方法
2017/04/25 Javascript
nodejs socket实现的服务端和客户端功能示例
2017/06/02 NodeJs
解决IOS端微信H5页面软键盘弹起后页面下方留白的问题
2019/06/05 Javascript
基于layui内置模块(element常用元素的操作)
2019/09/20 Javascript
Postman无法正常返回结果问题解决
2020/08/28 Javascript
如何在面试中手写出javascript节流和防抖函数
2020/10/22 Javascript
Python实现的微信好友数据分析功能示例
2018/06/21 Python
python批量修改图片后缀的方法(png到jpg)
2018/10/25 Python
Python图像处理之gif动态图的解析与合成操作详解
2018/12/30 Python
Python队列RabbitMQ 使用方法实例记录
2019/08/05 Python
pytorch torch.nn.AdaptiveAvgPool2d()自适应平均池化函数详解
2020/01/03 Python
Python使用QQ邮箱发送邮件实例与QQ邮箱设置详解
2020/02/18 Python
Python ORM框架Peewee用法详解
2020/04/29 Python
Django中FilePathField字段的用法
2020/05/21 Python
Python第三方包PrettyTable安装及用法解析
2020/07/08 Python
软件测试工程师笔试题带答案
2015/03/27 面试题
书香校园活动方案
2014/02/28 职场文书
生活部的活动方案
2014/08/19 职场文书
关于安全的广播稿
2014/10/23 职场文书
写给导师的自荐信
2015/03/06 职场文书
2015年药店工作总结
2015/04/20 职场文书
开业庆典致辞
2015/08/01 职场文书
2019最新劳动仲裁申请书!
2019/07/08 职场文书
Python爬虫之爬取二手房信息
2021/04/27 Python