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 相关文章推荐
prototype 学习笔记整理
Jul 17 Javascript
JavaScript 保存数组到Cookie的代码
Apr 14 Javascript
jQuery.validate 常用方法及需要注意的问题
Mar 20 Javascript
Jquery图片延迟加载插件jquery.lazyload.js的使用方法
May 21 Javascript
JS获取屏幕高度的简单实现代码
May 24 Javascript
jquery之别踩白块游戏的简单实现
Jul 25 Javascript
JS实现简单的选择题测评系统代码思路详解(demo)
Sep 03 Javascript
gulp教程_从入门到项目中快速上手使用方法
Sep 14 Javascript
微信小程序事件对象中e.target和e.currentTarget的区别详解
May 08 Javascript
javascript事件监听与事件委托实例详解
Aug 16 Javascript
vue组件库的在线主题编辑器的实现思路
Apr 03 Javascript
微信小程序实现倒计时功能
Nov 19 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 进度条实现代码
2009/03/10 PHP
php生成图形验证码几种方法小结
2013/08/15 PHP
再谈PHP中单双引号的区别详解
2016/06/12 PHP
利用PHP访问MySql数据库的逻辑操作以及增删改查的实例讲解
2017/08/30 PHP
jQuery EasyUI API 中文文档 - NumberBox数字框
2011/10/13 Javascript
jQuery中用dom操作替代正则表达式
2014/12/29 Javascript
javascript实现简单的鼠标拖动效果实例
2015/04/10 Javascript
两种JS实现屏蔽鼠标右键的方法
2020/08/20 Javascript
JavaScript获取css行间样式,内连样式和外链样式的简单方法
2016/07/18 Javascript
什么是Vue.js框架 为什么选择它?
2017/10/17 Javascript
vue form check 表单验证的实现代码
2018/12/09 Javascript
微信小程序自定义键盘 内部虚拟支付
2018/12/20 Javascript
基于vue实现web端超大数据量表格的卡顿解决
2019/04/02 Javascript
angular 服务随记小结
2019/05/06 Javascript
webpack项目使用eslint建立代码规范实现
2019/05/16 Javascript
javascript之分片上传,断点续传的实际项目实现详解
2019/09/05 Javascript
[52:07]完美世界DOTA2联赛PWL S3 LBZS vs access 第二场 12.10
2020/12/13 DOTA
跟老齐学Python之大话题小函数(2)
2014/10/10 Python
python爬虫headers设置后无效的解决方法
2017/10/21 Python
Python迭代器定义与简单用法分析
2018/04/30 Python
Python实现平行坐标图的两种方法小结
2019/07/04 Python
协程Python 中实现多任务耗资源最小的方式
2020/10/19 Python
瑞典香水、须后水和美容产品购物网站:Parfym-Klick.se
2019/12/29 全球购物
MIRTA官网:手工包,100%意大利制造
2020/02/11 全球购物
在什么时候需要使用"常引用"
2015/12/31 面试题
JAVA程序设计笔试题面试题一套
2015/07/28 面试题
技校毕业生的自我评价
2013/12/27 职场文书
毕业生求职自荐信怎么写
2014/01/08 职场文书
文科毕业生自荐书范文
2014/04/17 职场文书
个人作风建设自查报告
2014/10/22 职场文书
深入开展党的群众路线教育实践活动心得体会
2014/11/05 职场文书
滴水洞导游词
2015/02/10 职场文书
导游词之京东大峡谷旅游区
2019/10/29 职场文书
导游词之塘栖古镇
2019/12/04 职场文书
MySQL 查询速度慢的原因
2021/05/25 MySQL
「偶像大师 MILLION LIVE!」七尾百合子手办开订
2022/03/21 日漫