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 相关文章推荐
javascript英文日期(有时间)选择器
May 02 Javascript
HTML中事件触发列表与解说
Jul 09 Javascript
页面使用密码保护代码
Apr 10 Javascript
javascript常用函数归纳整理
Oct 31 Javascript
JS实现图片产生波纹一样flash效果的方法
Feb 27 Javascript
JavaScript中正则表达式判断匹配规则及常用方法
Aug 03 Javascript
JavaScript模拟实现封装的三种方式及写法区别
Oct 27 Javascript
Node.js静态服务器的实现方法
Feb 28 Javascript
js技巧之十几行的代码实现vue.watch代码
Jun 09 Javascript
微信小程序websocket实现即时聊天功能
May 21 Javascript
简述pm2常用命令集合及配置文件说明
May 30 Javascript
extjs图表绘制之条形图实现方法分析
Mar 06 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中使用sleep函数实现定时任务实例分享
2014/08/21 PHP
php查询相似度最高的字符串的方法
2015/03/12 PHP
PHP使用ffmpeg给视频增加字幕显示的方法
2015/03/12 PHP
解析WordPress中的post_class与get_post_class函数
2016/01/04 PHP
ajax调用返回php接口返回json数据的方法(必看篇)
2017/05/05 PHP
Javascript 事件流和事件绑定
2009/07/16 Javascript
jquery实现点击TreeView文本父节点展开/折叠子节点
2013/01/10 Javascript
js使用ajax读博客rss示例
2014/05/06 Javascript
45个JavaScript编程注意事项、技巧大全
2015/02/11 Javascript
jQuery实现企业网站横幅焦点图切换功能实例
2015/04/30 Javascript
Zero Clipboard实现浏览器复制到剪贴板的方法(多个复制按钮)
2016/03/24 Javascript
浅谈jquery的map()和each()方法
2016/06/12 Javascript
javascript轮播图算法
2016/10/21 Javascript
利用Query+bootstrap和js两种方式实现日期选择器
2017/01/10 Javascript
详解JS异步加载的三种方式
2017/03/07 Javascript
AngularJS实现的根据数量与单价计算总价功能示例
2017/12/26 Javascript
vue.js使用watch监听路由变化的方法
2018/07/08 Javascript
教你搭建按需加载的Vue组件库(小结)
2019/07/29 Javascript
Element Alert警告的具体使用方法
2020/07/27 Javascript
利用PyInstaller将python程序.py转为.exe的方法详解
2017/05/03 Python
Python爬虫信息输入及页面的切换方法
2018/05/11 Python
Python基础之条件控制操作示例【if语句】
2019/03/23 Python
深度学习入门之Pytorch 数据增强的实现
2020/02/26 Python
python使用pyecharts库画地图数据可视化的实现
2020/03/25 Python
使用sklearn对多分类的每个类别进行指标评价操作
2020/06/11 Python
详解CSS3选择器的使用方法汇总
2015/11/24 HTML / CSS
美国领先的男士和女士内衣购物网站:Freshpair
2019/02/25 全球购物
Viking Direct荷兰:购买办公用品
2019/06/20 全球购物
班组长安全职责
2014/01/05 职场文书
市政施工员自我鉴定
2014/01/15 职场文书
励志演讲稿800字
2014/08/21 职场文书
2015年医德医风工作总结
2015/04/02 职场文书
公司规章制度范本
2015/08/03 职场文书
《暗黑破坏神2:重制版》本周进行第一轮A测 目前可官网进行申请报名
2021/04/07 其他游戏
低版本Druid连接池+MySQL驱动8.0导致线程阻塞、性能受限
2021/07/01 MySQL
js基础语法与maven项目配置教程案例
2021/07/15 Javascript