Angular Crash Course
#3
Anatomy of
AngularJS
Gias Kay Lee
Angular Crash Course
#3
▶
Introduction to AngularJS
Getting Started with AngularJS
Anatomy of AngularJS
The End of the Old and the Dawn of the New
Anatomy of
AngularJS
§ Where the Big Trend is Heading §
Design Decisions in AngularJS
A Glimpse into the Future
Extensible Web
http://extensiblewebmanifesto.org/"Expose low-level capabilities that explain existing features, such as HTML and CSS, allowing authors to understand and replicate them."
"We want web developers to write more declarative code, not less. This calls for eliminating the standards bottleneck to introducing new declarative forms, and giving library and framework authors the tools to create them."
Web Components
http://css-tricks.com/modular-future-web-components/Polymer
http://www.polymer-project.org/Model-Driven Views
Behavior-Driven Development
Anatomy of
AngularJS
Where the Big Trend is Heading
§ Design Decisions in AngularJS §
A Glimpse into the Future
Declarative Templating
- Angular Expression
- Filters
- Directives
What's the Difference?
<div onclick="x = i.a + i.b">
<div ng-click="x = i.a + i.b">
What's the Difference?
<div onclick="click()">
<div ng-click="click()">
What's the Difference?
<div data-show="true">
<div ng-show="true">
Filters
Modules,
Services,
Directives
Dependency Injection
Unit Testing & E2E Testing
Anatomy of
AngularJS
Where the Big Trend is Heading
Design Decisions in AngularJS
§ A Glimpse into the Future §
- Polymer Integration
- RequireJS Integration
- ECMAScript 6 Syntax (?)