这里提供一些学习 AngularJS 的部落格链接、文章、和视频。这个列表还在持续更新中。如果你有更好的方法来分类这些资源, 请让我知道。 在一般主题分类中的类似文章,我之后也会把他们另外分类出来。
注意:开头的链接是讨论 AngularJS 1.2 版的新功能。 许多人希望快速了解 Angular 1.2 版的新功能,所以我也会在之后开出新的分类标题。等内容整理差不多或者 1.2 版分类变得太大我再来编辑,不过现在的话 AngularJS 1.2 链接可以在两处同时看到。
Angular 1.2 的新功能
- **Error Message Minification with MinErr
- **AngularJS Routing Changes
- **AngularJS Missing Directives: Focus & Blur
- **Remastered Animation in AngularJS 1.2
- **Preparing for Animations in Angular 1.2.0
- **5 Cool New Features in AngularJS 1.2
- **Replacing jQuery.slideDown() with ngAnimate in AngularJS 1.2.0
- **Getting Ready for AngularJS 1.2
书籍 Books
- AngularJS
- 立刻快速开发 AngularJS
- AngularJS 菜单
- AngularJS 在行动
- AngularJS For .Net 开发员
- AngularJS 浏览器应用程序开发
- 发现自己的 AngularJS 优势
- AngularJS Directives
- ng-book
影片 Videos
- Egghead.io — 44 videos of about 4 minutes each — source code
- 视屏教程 : 60 分钟教你 AngularJS 基础入门 — 1:10:50
- AngularJS YouTube 主页 — several videos, mostly presentations of 1h or more
- Angular JS 入门 — 50:05
- Angular JS 端对端测试 — 52:59
- Angular JS 安全性 — 29:45
- Grunt 和 Angular JS 前端开发流程 — 1:02:37
- AngularJS 教程 — 12:19
- AngularJS 秀 (Tekpub) — 8 videos (paid)
- 用 AngularJS 快速开发 Javascript 应用程序(Tuts+) — 22 videos of about 5 minutes each, in 8 sections (paid)
- AngularJS 基础入门 (Pluralsight) - 6 hours 15 minutes total (paid)
- **AngularJS 1.2 和未来
- AngularJS 实例 - Growing list of 5 minute or less videos
- 用 AngularJS 和 Firebase 开发实时程序
- MongoDB 和 AngularJS, MEAN 堆
- AngularJS, EmberJS 和 KnockoutJS 双向绑定的比较
在线课程
- Thinkster.io - 学习 AngularJS 更好的方法 - 免费的在线 AngularJS 课程
帮助 Help
一般主题
- AngularJS 速查表
- AngularJS 乐趣
- AngularJS Philly ETE 幻灯
- 随机技巧使用 AngularJS
- AngularJS 难倒我的是什么
- 5 个理由在企业应用程序世界中使用 AngularJS
- 在 AngularJS 中实现延迟加载
- 用更多 AngularJS 魔力来大力增压你的浏览器应用程序
- HashKeyCopier - 一个 AngularJS 合并缓存和实时数据的实用工具类
- 在 AngularJS 中探索 Directive 指令,$scope,DOM 渲染和时序
- 在 AngularJS 资源上应用缓存的响应
- Angularytics: 在 SPA 中用 AngularJS 来跟踪页面访问量和事件的解决方案
- 在 AngularJS 上共享数据,状态和模型: 方案选择,比较和我的解决方案
- Angular.js 和 IE8 缓存
- AngularJS 和 SEO
- 模板,路由和共享数据视图之间的一个 AngularJS 的应用
- 用 AngularJS 改善最终用户体验
- AngularJS 控制器教程与实例
- HTML5 本地存储与 Angular JS
- 动态路由和 AngularJS 以及 Silex
- 在你的 AngularJS 应用中建模数据和状态
- AngularJS 代码重用
- 在 AngularJS 和 RequireJS 中动态加载控制器和视图
- 用 AngularJS 的 orderby 筛选器对多个字段用不同顺序排序
- $http 响应拦截器
- AngularJS: 先进的设计模式和最佳实践
- AngularJS 的自动 JSON 数据解析
- AngularJS 抽象:模块
- 在 AngularJS 中用 ngSwitch 和 ngSwitchWhen 来混合静态内容
- AngularJS 构建大型应用程序
- **错误信息与微小 MinErr
- 如何让你的 AngularJS 应用程序在 IE8 工作
- AngularJS 性能优化的长列表
- AngularJS 响应网站
- 在 AngularJS 减少初始化时间
- 用 Yeoman, Grunt 和 Bower 快速开发 Angular 程序
- **AngularJS 1.2 准备
- 10 个理由网页开发人员应该了解 AngularJS
- AngularJS partials 的懒惰预取
- 让你加快速度 AngularJS 开发的资源
- 使用装饰提升 AngularJS $log
- 使用 AngularJS 和 Stacktrace.js 记录客户端错误
- AngularJS 表单自动完成,并记住密码
介绍/开始学习
- AngularJS 入门
- 你需要开始了解的 AngularJS 的一切
- 要成为 AngularJS 专家必备的知识
- 5 个很棒的 AngularJS 功能
- AngularJS for jQuery 开发者
- AngularJS 入门指南
- 用 AngularJS 从头开始写应用程序
- AngularJS: 概述
- AngularJS 教程 - 建立一个应用程序使用的指令和数据绑定
- 在 30 分钟内教会你 AngularJS
- 用 Yeoman, Grunt 和 Bower 快速开发
- 10 个你需要开始用 AngularJS 的理由
- AngularJS 筛选器
- 一天学会 AngularJS
使用及学习心得
- 经验教训:一年一个大 AngularJS 项目
- 一些 AngularJS 陷阱
- 我希望我事先被告知关于 Angular.js 的事实
- 我希望我当时就知道我现在知道的东西 — 我和 AngularJS
- 如何建立一个大型 Angular.js 应用
- 对新手和全能好奇的开发人员的 AngularJS 提示和技巧
分段式文章
- Getting Started with elasticsearch and AngularJS: Part1 - Searching, Part 2: Faceting, Part 3: Visualization
- Maintainable Rich Web Applications with AngularJS: Part 1, Part 2
- Google, Twitter & AngularJS: 1: Google, Twitter, and AngularJS, 2: Let's Make a Feed Reader, 3: Rendering Feeds, 4: Managing Feeds, 5: Tests, 6: Adding Dependencies, 7: Form Validation, 8: Iterators & Filters, 9: Installation
- Implementing SignalR Stock Ticker using Angular JS: Part 1, Part 2
- AngularJS Best Practices: I’ve Been Doing It Wrong!: Part 1, Part 2, Part 3
- Introduction to AngularJS Part 1, Part 2
- AngularJS In Depth: Part 1, Part 2: Filters
- The 7 steps to becoming and AngularJS expert, Part 2: Scopes, Part 3: Data-binding, Part 4 and 5: Expressions and directives,Part 6: Services
- AngularJS Overview: 1:Getting started with AngularJS, 2:Creating an AngularJS Controller, 3:The AngularJS $scope is not the MVC Model, 4:Using repeating elements in AngularJS, 5:Filtering the data in an AngularJS ngRepeat element, 6:Using the #AngularJS FormController to control form submission, 7:Creating an #AngularJS Directive, 8:Using the DOM in an AngularJS application
- Building a Google Calendar Booking App with MongoDB, ExpressJS, AngularJS, and Node.js Part 1
- Creating Extensible Widgets: Part 1: jQuery to AngularJS in 30 seconds, Part 2: AngularJS Directive Controllers
范例应用程序
Scopes & Compile
- AngularJS 和 scope.$apply
- AngularJS 什么是范围原型/原型继承的细微之处?
- angularjs.org watch, on pub sub, 和你.
- AngularJS 中使用 Ng-bind
- In AngularJS 中解除绑定 $watch() Listeners
- 使用 AngularJS 对 DOMZ 中的 $scope 进行访问
- 指令链路, $observe, 和 $watch 功能在 AngularJS 语境执行的内部
- Hailing All Frequencies – 在 AngularJS 用 Pub / Sub 设计模式进行内部沟通
- AngularJS 嵌套作用域
- AngularJS: 6 个常见的使用作用域的陷阱
- Scoping AngularJS Directives: Part 1, Part 2
- $watch $apply 是怎么运行 $digest 的
- AngularJS: $watch, $digest 和 $apply
- 删除不需要的 Watches
- Angular - $compile: 它是如何工作,如何使用它。
- 通过实例来了解 Angular.js $scope
- 在 AngularJS 控制器之间共享状态
依赖注入
指令
- AngularJS 指令和 JavaScript 的计算机科学
- AngularJS 指令 - 特定于域的扩展为 HTML
- AngularJS 指令教程
- Commentable: AngularJS 的多态嵌套注释指令
- AngularJS 的 ngForm 指令
- 执行指令后,DOM 完成渲染
- 使用 AngularJS 指令的案例
- 我的方法来构建绑定到 JavaScript 的事件的 AngularJS 指令
- AngularJS 委派嵌套指令行为转到父指令
- AngularJS 探索指令控制器,编译,链接和优先级
- AngularJS 在指令中使用控制器
- Angular.js 使用 JSON 参数的指令
- 指令的漫游指南
- 创建一个简单的 AngularJS 指令
- 扩展的 HTML AngularJS 指令
- Angular 嵌套递归指令
- AngularJS 一个全功能于一身的指令控制器
- 平了 AngularJS 的战场 : 构建可重用点击编辑指令
- AngularJS 覆盖标准的 HTML 标签的指令
- AngularJS 移动滑块指令
- 在 AngularJS 中使用命名空间一次性指令
- AngularJS 和 $compile
- 深度了解指令
- AngularJS: 引用父作用域的指令
- 提示:具有相同的名称的指令
- 将数据移入一个 AngularJS 指令
- 构建自定义 AngularJS 指令的独特价值
- 从现有的插件/脚本之一创建 AngularJS 指令
- Angular.js 指令 - 控制器和链路之间的区别
- AngularJS 指令教程
- AngularJS 指令设计一点通
- 重构 AngularJS 指令
服务/供应商
- Angular service 还是 factory?
- 如何在 4 种不同的方式创建 (Singleton) AngularJS 服务
- Angular JS 中移动 AJAX 调用到定制服务
- 消费服务
- 了解服务的类型
- 理解 angular $http 拦截器
- 在 AngularJS 中 provider 供应商之间的差异
- Angular 的模块:工厂服务,服务,价值,噢,我的天啊
路由
- 如何在 AngularJS Web 应用程序中推迟路由定义
- AngularJS UI 路由器状态管理
- AngularJS 嵌套视图,路由和深层链接
- Angular UI 路由器
- AngularJS 使用 UI 路由器基础
- **AngularJS 路由变化
Promises/Deferred
- 加强 Angular 承诺 : 从当初的诺言的结果中返回字段或方法的新的承诺
- AngularJS 承诺,或在 AngularJS 处理异步请求
- 在 AngularJS 中利用 Futures
- 在 AngularJS 视图中使用承诺
- 使用 AngularJS 承诺
- 只有在所有的承诺都解决了再显示路由
表单
- AngularJS 表单验证
- AngularJS 指令来测试密码强度
- AngularJS 指令来检查密码是否匹配
- 在 AngularJS 选择菜单中混合静态和动态数据
- Angular.js: ng-select 和 ng-options
- Angular.js: 用 $watch 和 blur 自动完成和启用表单
- 创建 AngularJS 指令在表格中来删除重复的代码
- In AngularJS 在指令中强制重绘会导致意外滚动
- 在 AngularJS 中使用 ngOptions
- 用 Angular JS 验证表单显示大量验证消息
- 在 AngularJS 应用程序管理文件上传的指令
- AngularJS 单选按钮
- AngularJS Referece 当前的 FormController
- 在 AngularJS 中监听变化的验证
- A Select $watch() 教我关于 ngModel 和 AngularJS
- 最前沿的:高级 AngularJS 表单验证
- Twitter Bootstrap control-group directive for AngularJS
- 在 AngularJS 中防止重复的请求
- AngularJS 缺少的指令:原表单复位
- **AngularJS 缺少的指令:焦点和模糊
- Angular JS: 重复验证表单元素
- Angular JS: 通过指令自定义验证
- Angular JS: 表单验证
- 深入学习表单验证
- Ng-model 和自定义表单验证
- Angular JS Ajax 下拉菜单,日期选择器和保存数据
- AngularJS 表单的概念
认证
Collections (& ngRepeat Stuff)
- 使用 AngularJS 继承来的 Collection
- 在 AngularJS 中 添加 ngRepeat 列表分隔符
- 在 AngularJS 中分组嵌套 ngRepeat 列表
- 在 AngularJS 中使用 ngController 和 ngRepeat
- 在 AngularJS 中通过 ngRepeat 渲染 DOM 元素
原始码组织架构
- 用 AngularJS 开发超大的应用程序
- 大 AngularJS 和 JavaScript 的应用的代码组织
- Angular 应用程序的网页结构构想
- 如何组织一个普通 Web 应用程序: 编码 AngularJS 的正确方法。基本示例
- AngularJS 模块
- ngDefine: AngularJS & RequireJS
- 模块化 AngularJS 应用设计
- 在 AngularJS DI 中使用 RequireJS
测试
- 用 AngularJS 和 Testacular 进行全频谱测试
- 在单元测试中 Mocking 承诺
- 如何测试 AngularJS 指令
- 用 Jasmine 单元测试 AngularJS 控制器
- 使用 QUnit 和 Sinon 单元测试 AngularJS 控制器
- 测试 AngularJS Directive: 处理外部模板
- 如何进行 Angular 应用程序的单元测试
- 单元测试 - 指令 Directives
- 单元测试 - 服务
- 单元测试 - 控制器
- 在 JavaScript 和 AngularJS 中 mock 服务器依赖性
- AngularJS 先进的测试和调试的
- AngularJS 单元测试的最佳实践
- 在 AngularJS 中装饰你的测试
RESTful Stuff
- 在 AngularJS 资源中使用 REST 风格的控制器
- Restangular: 新 AngularJS 框架来适当地,轻松地处理 REST API REST 风格的资源
- Restangular 新功能 : 针对 Angular 的终极 REST API 客户端
- 使用 AngularJS 厂服务与 RESTful 服务实现互动
- 在 AngularJS web 应用程序中实现一个 REST 风格的 Web 服务身份验证
本地化
界面 UI Stuff
- Angular UI 套件(包括一些子项目)
- AngularJS 动画
- 在 AngularJS 增强的动画功能
- 可重复使用的 AngularJS 弹出的对话框中服务
- 在 AngularJS 中创建自定义显示/隐藏 Directive
- 在 Angular.js 中实现 Bootstrap Tabs
- 使用拦截器的响应显示和隐藏一个装载小工具
- 用 AngularJS 建立一个 Typeahead Directive
- AngularJS Modal 服务
- AngularJS 中实现交叉衰落图像
- AngularJS 和 SVG
- AngularJS: 滚动动画
- AngularJS 动画
- 用 AngularJS 实现拖放文件上传
- **在 AngularJS 1.2 中重新掌握动画
- Angular JS - 通过 ID 滚动到某个元素
- 构建 AngularJS 对话服务
- **在 Angular 1.2.0 中准备使用动画
- **在 AngularJS 1.2.0 中用 ngAnimate 替换 jQuery.slideDown()
- AngularJS: 模糊图像 directive
- 使用 AngularJS,Ajax 和 Bootstrap 3 来建立一个“加载更多”小工具
整合其他语言/框架
- AngularJS 和 TypeScript
- 用 AngularJS 和 D3 来建立一个 WordCloud Directive
- 在 AngularJS 中用 jQuery Event Delegation
- Hooking up ASP.NET SignalR with Angular JS
- 在你的 AngularJS 应用程序进行 Facebook 的身份验证
- 用 Yeoman, Grunt & Bower 来全面自动化你的 Angular 开发过程
- 用 Bower 编写可重用的 AngularJS 组件
- 用 ngularJS 开发谷歌地图的组件
- 无需服务器来通过 PouchDB 来同步多个 AngularJS 应用程序
- 用 AngularJS 和 PouchDB 构建离线应用
- 如何 AngularJS 和 Rails 集成 4
后端代管 Hosted Backends
- Parse.com boilerplate 建设大型,复杂 AngularJS 应用
- 用 Firebase 用于 Angular 应用程序的实时数据库
- 用 Backlift 开发针对 Angular 的 CRUD 后端
- 用 AngularJS 和 PouchDB 构建离线应用
- 用 DreamFactory 开发 针对 Angular 的 CRUD 后端
- Firebase 和 Angular 三个双向数据绑定
行动装置 Mobile
- PhoneGap+AngularJS 快速入门指南
- 用 AngularJS 开发 PhoneGap 引用程序
- PhoneGap 和 AngularJS: In App Browser
- PhoneGap 和 AngularJS: Notification Service
- 用 Phonegap, AngularJS 和 ExpressJS 开发移动程序第一部分
评论 (0)