AngularJS practice

I'm a back-end programmer, but also I like learn some new things such as front-end programming. When I worked at JD.COM, we need to find a method for making front-end and back-end separation, So I make some research about MENA and AngularJS, In this deck, I wrote some practice about AngularJS.

Transcript

1. ericssonxiao@gmail.com http://www.linkedin.com/in/ericssonxiao
2. 目 录 ™ AngularJS 介绍 ™ Yeoman 介绍 ™ 实例01: 表格操作 ™ 实例02： 登录与注册 ™ 实例03： 购物车 ™ Q&A
3. AngularJS 历史 ™ AngularJS 是比较新的技术，版本 1.0 是在 2012 年发 布的。 ™ AngularJS 是由 Google 的员工 Miško Hevery 从 2009 年开始着手开发。 ™ 这是一个非常好的构想，该项目目前已由 Google 正 式支持，有一个全职的开发团队继续开发和维护这个 库。
4. AngularJS 介绍 ™ "AngularJS 是专门为应用程序设计的 HTML。" ™ AngularJS 使得开发现代的单一页面应用程序（SPAs：Single Page Applications）变得更加容易。 ™ AngularJS 把应用程序数据绑定到 HTML 元素。 ™ AngularJS 可以克隆和重复 HTML 元素。 ™ AngularJS 可以隐藏和显示 HTML 元素。 ™ AngularJS 可以在 HTML 元素"背后"添加代码。 ™ AngularJS 支持输入验证
5. Yeoman介绍 Yeoman是一个工具的集合，包含三个工具：Yo, Grunt, Bower.
6. Yeoman介绍
7. Yeoman 安装 安装Yeoman的命令： 创建一个新的目录： 运行Yo命令，创建AngularJS项目：
8. Yo 创建AngularJS项目
9. Yo 创建AngularJS项目
11. 创建成功
12. Yo命令
13. Bower命令
14. Grunt 命令
15. 实例01：表格操作 ™ Demo Time
16. 实例02：登录与注册 ™ Demo Time
17. 实例03：购物车 ™ Demo Time
18. AngularJS 指令
19. AngularJS 过滤器
20. AngularJS支持的事件
21. AngularJS 全局API 基础
22. AngularJS 全局API 比较
23. AngularJS 全局API 转换 JSON
24. AngularJS 扩展阅读 ™ http://isux.tencent.com/category/fd ™ https://github.com/yeoman/generator-angular ™ https://github.com/petecoop/generator-express ™ http://expressjs.com/starter/installing.html ™ http://start.jcolemorrison.com/building-an-angular-and-express-app-part-1/ ™ http://start.jcolemorrison.com/building-an-angular-and-express-app-part-2/ ™ http://start.jcolemorrison.com/building-an-angular-and-express-app-part-3/ ™ https://www.npmjs.com/package/generator-angular-fullstack
25. AngularJS 扩展阅读 ™ http://mean.io/#!/