Angular Crash Course

#3



Anatomy of

AngularJS

 

Gias Kay Lee

@gsklee / gsklee.im

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 (?)

Questions?

AngularJS Crash Course #3: Anatomy of AngularJS

By G. Kay Lee

AngularJS Crash Course #3: Anatomy of AngularJS

  • 3,935