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 相关文章推荐
那些年,我还在学习jquery 学习笔记
Mar 05 Javascript
jQuery实现类似滑动门切换效果的层切换
Sep 23 Javascript
js获取input长度并根据页面宽度设置其大小及居中对齐
Aug 22 Javascript
node.js中的favicon.ico请求问题处理
Dec 15 Javascript
Jquery树插件zTree用法入门教程
Feb 17 Javascript
javascript动画之模拟拖拽效果篇
Sep 26 Javascript
[原创]JavaScript语法高亮插件highlight.js用法详解【附highlight.js本站下载】
Nov 01 Javascript
JavaScript利用闭包实现模块化
Jan 13 Javascript
浅谈Angular4实现热加载开发旅程
Sep 08 Javascript
vue嵌套路由与404重定向实现方法分析
May 04 Javascript
JS拖动选择table里的单元格完整实例【基于jQuery】
May 28 jQuery
jQuery与原生JavaScript选择HTML元素集合用法对比分析
Nov 26 jQuery
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 字符串函数收集
2010/03/29 PHP
无需重新编译php加入ftp扩展的解决方法
2013/02/07 PHP
PHP字符串的递增和递减示例介绍
2014/02/11 PHP
php设计模式之适配器模式原理、用法及注意事项详解
2019/09/24 PHP
6个常见的 PHP 安全性攻击实例和阻止方法
2020/12/16 PHP
JavaScript XML操作 封装类
2009/07/01 Javascript
一些经常会用到的Javascript检测函数
2010/05/31 Javascript
js转义字符介绍
2013/11/05 Javascript
推荐10 款 SVG 动画的 JavaScript 库
2015/03/24 Javascript
用Move.js配合创建CSS3动画的入门指引
2015/07/22 Javascript
js实现将json数组显示前台table中
2017/01/10 Javascript
jQuery模拟下拉框选择对应菜单的内容
2017/03/07 Javascript
Vue内容分发slot(全面解析)
2017/08/19 Javascript
jQuery超简单遮罩层实现方法示例
2018/09/06 jQuery
Node.js事件的正确使用方法
2019/04/05 Javascript
详解vue-cli@2.x项目迁移日志
2019/06/06 Javascript
基于Vue实现平滑过渡的拖拽排序功能
2019/06/12 Javascript
layui table表格数据的新增,修改,删除,查询,双击获取行数据方式
2019/11/14 Javascript
解决Antd Table组件表头不对齐的问题
2020/10/27 Javascript
Python使用scrapy采集数据时为每个请求随机分配user-agent的方法
2015/04/08 Python
wxPython使用系统剪切板的方法
2015/06/16 Python
python Selenium实现付费音乐批量下载的实现方法
2019/01/24 Python
python 多线程重启方法
2019/02/18 Python
python里dict变成list实例方法
2019/06/26 Python
课程设计心得体会
2013/12/28 职场文书
运动会广播稿400字
2014/01/25 职场文书
优秀高中生事迹材料
2014/02/11 职场文书
2014年教师节寄语
2014/04/03 职场文书
银行职员自我鉴定
2014/04/20 职场文书
任命书范本大全
2014/06/06 职场文书
合作意向书
2014/07/30 职场文书
紧急通知
2015/04/17 职场文书
同学聚会感言一句话
2015/07/30 职场文书
大学文艺委员竞选稿
2015/11/19 职场文书
用php如何解决大文件分片上传问题
2021/07/07 PHP
JS 基本概念详细介绍
2021/10/16 Javascript