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 相关文章推荐
防止浏览器记住用户名及密码的简单实用方法
Apr 22 Javascript
jquery异步跨域访问代码
Jun 28 Javascript
javascript实现原生ajax的几种方法介绍
Sep 21 Javascript
JS 打印界面的CSS居中代码适用所有浏览器
Mar 19 Javascript
微信浏览器内置JavaScript对象WeixinJSBridge使用实例
May 25 Javascript
学习javascript文件加载优化
Feb 19 Javascript
基于JS如何实现类似QQ好友头像hover时显示资料卡的效果(推荐)
Jun 09 Javascript
Boostrap实现的登录界面实例代码
Oct 09 Javascript
微信小程序 时间格式化(util.formatTime(new Date))详解
Nov 16 Javascript
微信扫码支付零云插件版实例详解
Apr 26 Javascript
jQuery查找dom的几种方法效率详解
May 17 jQuery
vue中音频wavesurfer.js的使用方法
Feb 20 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实现桥梁模式(bridge)
2015/12/07 PHP
Laravel框架路由设置与使用示例
2018/06/12 PHP
经典的解除许多网站无法复制文字的绝招
2006/12/31 Javascript
JS 继承实例分析
2008/11/04 Javascript
javascript 动态添加事件代码
2008/11/30 Javascript
javascript 清除输入框中的数据
2009/04/13 Javascript
ExtJS 2.0实用简明教程 之ExtJS版的Hello
2009/04/29 Javascript
JQuery 网站换肤功能实现代码
2009/11/02 Javascript
用JQUERY增删元素的代码
2012/02/14 Javascript
jQuery基础框架浅入剖析
2012/12/27 Javascript
jQuery插件slicebox实现3D动画图片轮播切换特效
2015/04/12 Javascript
Ext JS框架中日期函数的用法及日期选择控件的实现
2016/05/21 Javascript
vuejs绑定class和style样式
2017/04/11 Javascript
JavaScript方法_动力节点Java学院整理
2017/06/28 Javascript
Angular指令之restict匹配模式的详解
2017/07/27 Javascript
vue项目如何刷新当前页面的方法
2018/05/18 Javascript
详解在React.js中使用PureComponent的重要性和使用方式
2018/07/10 Javascript
iView-admin 动态路由问题的解决方法
2018/10/03 Javascript
Vue 3.0 前瞻Vue Function API新特性体验
2019/08/12 Javascript
Vue——前端生成二维码的示例
2020/12/19 Vue.js
JS+CSS实现过渡特效
2021/01/02 Javascript
JavaScript中clientWidth,offsetWidth,scrollWidth的区别
2021/01/25 Javascript
[38:42]完美世界DOTA2联赛循环赛 Matador vs Forest BO2第二场 11.05
2020/11/05 DOTA
Python2.x版本中基本的中文编码问题解决
2015/10/12 Python
OpenCV3.0+Python3.6实现特定颜色的物体追踪
2019/07/23 Python
pytorch 使用加载训练好的模型做inference
2020/02/20 Python
加拿大女包品牌:Matt & Nat
2017/05/12 全球购物
80后职场人的职业生涯规划
2014/03/08 职场文书
《英英学古诗》教学反思
2014/04/11 职场文书
幼儿园家长工作总结2015
2015/04/25 职场文书
党员发展大会主持词
2015/07/03 职场文书
会计继续教育培训心得体会
2016/01/19 职场文书
MySQL单表千万级数据处理的思路分享
2021/06/05 MySQL
SQL 聚合、分组和排序
2021/11/11 MySQL
MySQL提取JSON字段数据实现查询
2022/04/22 MySQL
CSS 左边固定宽右边自适应的6种方法
2022/05/15 HTML / CSS