我们说一门优秀的语言(框架),其最好的文档必然是官方出品,Angularjs也不例外。在Angularjs官方上,为我们准备了入门实例教程。
![](https://box.kancloud.cn/2016-07-20_578ec4c1781af.png)
该教程详细的讲了一个Angularjs应用从无到有的过程。其间,由浅入深的为我们讲解了组件、依赖注入、模板、数据绑定、路由等。
本章我们将结合这个实例,重新组织程序的编写过程,去掉对新手来讲冗余难懂的E2E测试部分。一步步的应用nodejs,bower,kamra,grunt等到我们的程序中。争取为大家打造一条平滑的学习曲线。
> angularjs官方:[https://docs.angularjs.org/tutorial](https://docs.angularjs.org/tutorial)
最终效果图如下:
![](https://box.kancloud.cn/2016-07-30_579b7dc39f6dd.png)
是的,是一个手机展示商城页面。
同时,我们还为您准备好了完整的应用展示。
http://guide.mengyunzhi.com/angular-phonecat/app/
- 前言
- 第一章:准备知识
- 第一节:GIT
- 第二节:Node.js
- 第三节:http-server
- 第四节:bower
- 第五节:firefox+chrome
- 第二章:官方示例教程
- 第零节:Hello Yunzhier
- 第一节:静态模板
- 第二节:MVC
- 回调函数
- 第三节:组件
- 第四节:重构组件
- 2.4.1 调用组件
- 2.4.2 规划目录结构
- 2.4.3 剥离V层
- 2.4.4 大话测试
- 第五节:循环过滤器
- 第六节:双向数据绑定
- 第七节:XHR与依赖注入
- 第八节:添加缩略图
- 第九节:模拟页面跳转
- 2.9.1 使用bower
- 2.9.2 使用grunt
- 第十节:完善手机详情页
- 第十一节:自定义过滤器
- 第十二节:行为处理
- 第十三节:封装请求
- 第十四节:应用动画
- 第十五节:总结
- 第三章:菜谱管理示例
- 第四章:总结