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获取scrollHeight问题想到的标准问题
May 27 Javascript
Firefox中beforeunload事件的实现缺陷浅析
May 03 Javascript
如何将php数组或者对象传递给javascript
Mar 20 Javascript
javascript判断chrome浏览器的方法
Mar 26 Javascript
基于Bootstrap实现下拉菜单项和表单导航条(两个菜单项,一个下拉菜单和登录表单导航条)
Jul 22 Javascript
EasyUI学习之DataGird分页显示数据
Dec 29 Javascript
详解基于angular路由的requireJs按需加载js
Jan 20 Javascript
页面缩放兼容性处理方法(zoom,Firefox火狐浏览器)
Aug 29 Javascript
用node-webkit把web应用打包成桌面应用(windows环境)
Feb 01 Javascript
用JS实现根据当前时间随机生成流水号或者订单号
May 31 Javascript
Node.js实现一个HTTP服务器的方法示例
May 13 Javascript
vue实现登录页面的验证码以及验证过程解析(面向新手)
Aug 02 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几个数学计算的内部函数学习整理
2011/08/06 PHP
从零开始学YII2框架(三)扩展插件yii2-gird
2014/08/20 PHP
Javascript调用XML制作连动下拉列表框
2006/06/25 Javascript
基于jquery的分页控件(C#)
2011/01/06 Javascript
使用apply方法处理数组的三个技巧[译]
2012/09/20 Javascript
javascript类型转换示例
2014/04/29 Javascript
举例讲解JavaScript substring()的使用方法
2015/11/09 Javascript
jQuery+CSS3+Html5实现弹出层效果实例代码(附源码下载)
2016/05/16 Javascript
全面理解JavaScript中的继承(必看)
2016/06/16 Javascript
微信小程序中的onLoad详解及简单实例
2017/04/05 Javascript
JavaScript变量类型以及变量作用域详解
2017/08/14 Javascript
深入理解vue-router之keep-alive
2017/08/31 Javascript
使用html+js+css 实现页面轮播图效果(实例讲解)
2017/09/21 Javascript
微信小程序之自定义组件的实现代码(附源码)
2018/08/02 Javascript
Vue源码解析之Template转化为AST的实现方法
2018/12/14 Javascript
JavaScript类的继承操作实例总结
2018/12/20 Javascript
详解新手使用vue-router传参时注意事项
2019/06/06 Javascript
Vue路由切换页面不更新问题解决方案
2020/07/10 Javascript
基于p5.js 2D图像接口的扩展(交互实现)
2020/11/30 Javascript
Python多进程同步Lock、Semaphore、Event实例
2014/11/21 Python
ubuntu系统下使用pm2设置nodejs开机自启动的方法
2018/05/12 NodeJs
Python如何实现定时器功能
2020/05/28 Python
使用OpenCV获取图片连通域数量,并用不同颜色标记函
2020/06/04 Python
HTML5拖拽的简单实例
2016/05/30 HTML / CSS
汽车专业大学生职业生涯规划范文
2014/01/07 职场文书
列车长先进事迹材料
2014/01/25 职场文书
《槐乡五月》教学反思
2014/04/25 职场文书
小学三好学生事迹材料
2014/08/15 职场文书
学习十八大标语
2014/10/09 职场文书
工作检讨书500字
2014/10/19 职场文书
2015年采购员工作总结
2015/04/27 职场文书
2015年办公室文秘工作总结
2015/04/30 职场文书
单位同意报考证明
2015/06/17 职场文书
Mysql关于数据库是否应该使用外键约束详解说明
2021/10/24 MySQL
详解使用内网穿透工具Ngrok代理本地服务
2022/03/31 Servers
Win11右下角图标点了没反应怎么办?Win11点击右下角图标无反应解决方法汇总
2022/07/07 数码科技