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函数调用常用方法详解
Dec 03 Javascript
js 用CreateElement动态创建标签示例
Nov 20 Javascript
js style动态设置table高度
Oct 21 Javascript
js实现checkbox全选、不选与反选的方法
Feb 09 Javascript
Jquery中的$.each获取各种返回类型数据的使用方法
May 03 Javascript
JS实现超简单的鼠标拖动效果
Nov 02 Javascript
深入理解JavaScript单体内置对象
Jun 06 Javascript
基于js中的原型、继承的一些想法
Aug 10 Javascript
node.js缺少mysql模块运行报错的解决方法
Nov 13 Javascript
自己封装的一个简单的倒计时功能实例
Nov 23 Javascript
laravel5.3 vue 实现收藏夹功能实例详解
Jan 21 Javascript
浅谈JS对象添加getter与setter的5种方法
Jun 09 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入门
2006/10/09 PHP
POSIX 风格和兼容 Perl 风格两种正则表达式主要函数的类比(preg_match, preg_replace, ereg, ereg_replace)
2010/10/12 PHP
PHP 第二节 数据类型之数组
2012/04/28 PHP
PHP递归遍历指定目录的文件并统计文件数量的方法
2015/03/24 PHP
lib.utf.js
2007/08/21 Javascript
javascript 放大镜效果js组件 qsoft.PopBigImage.v0.35 加入了chrome支持
2009/04/07 Javascript
在JavaScript中访问字符串的子串
2015/07/07 Javascript
ECharts仪表盘实例代码(附源码下载)
2016/02/18 Javascript
jQuery遍历json的方法分析
2016/04/16 Javascript
JavaScript日期对象(Date)基本用法示例
2017/01/18 Javascript
jQuery、zepto、js常用小技巧
2017/02/12 Javascript
原生JS实现圆环拖拽效果
2017/04/07 Javascript
基于JavaScript实现数码时钟效果
2020/03/30 Javascript
利用Vue-draggable组件实现Vue项目中表格内容的拖拽排序
2019/06/07 Javascript
原生js实现日期选择插件
2020/05/21 Javascript
解决vue 退出动画无效的问题
2020/08/09 Javascript
JavaScript实现随机点名小程序
2020/10/29 Javascript
用Python实现一个简单的能够上传下载的HTTP服务器
2015/05/05 Python
Python的math模块中的常用数学函数整理
2016/02/04 Python
解决python2.7用pip安装包时出现错误的问题
2017/01/23 Python
Python语言描述随机梯度下降法
2018/01/04 Python
Python GUI Tkinter简单实现个性签名设计
2018/06/19 Python
Python定时任务工具之APScheduler使用方式
2019/07/24 Python
关于PyTorch源码解读之torchvision.models
2019/08/17 Python
python实现tail -f 功能
2020/01/17 Python
python分别打包出32位和64位应用程序
2020/02/18 Python
解决django无法访问本地static文件(js,css,img)网页里js,cs都加载不了
2020/04/07 Python
Python用5行代码实现批量抠图的示例代码
2020/04/14 Python
弄清Pytorch显存的分配机制
2020/12/10 Python
纯CSS3实现鼠标滑过按钮动画第二节
2020/07/16 HTML / CSS
成品仓管员岗位职责
2013/12/11 职场文书
公司庆典欢迎词
2015/01/26 职场文书
社区端午节活动总结
2015/02/11 职场文书
质量保证书格式
2015/02/27 职场文书
python 远程执行命令的详细代码
2022/02/15 Python
Python必备技巧之字符数据操作详解
2022/03/23 Python