• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content

Loading…

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

Like this presentation? Why not share!

SPA, Scalable Application & AngularJS

on

  • 5,731 views

 

Statistics

Views

Total Views
5,731
Views on SlideShare
5,307
Embed Views
424

Actions

Likes
2
Downloads
37
Comments
0

1 Embed 424

http://mitchbox.wordpress.com 424

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    SPA, Scalable Application & AngularJS SPA, Scalable Application & AngularJS Presentation Transcript

    • SPA, SCALABLE APPLICATION & ANGULARJS Mitch Chen
    • WHAT IS SPA ?
    • SINGLE PAGE APPLICATION
    • SPA ECOSYSTEM CATEGORIES
    • SCALABLE APPLICATION
    • SA ARCHITECTURE • Base Library (jQuery, Zepto.js etc.)
    • SA ARCHITECTURE • Application Core (aka Application Controller) ✴ Manage Modules ✴ Handle Errors ✴ Enable Inter-Module Communication ✴ Extensible ✴ Can use Base Library
    • SA ARCHITECTURE • Sandbox ✴ Facade for modules above the core (Security Guard) ✴ Interaction between modules via messages (events) ✴ Ensures a consistent interface
    • SA ARCHITECTURE • Modules ✴ Don’t know about each other, only about sandbox ✴ Call only own methods or sandbox methods ✴ DOM access only inside own box (But don’t use Base Library) ✴ No access to non-native global objects, don't create global objects ✴ Ask sandbox for anything you need, don't reference other modules ✴ Preferably no access to base library, use pure JS
    • ANGULARJS ARCHITECTURE • Base Library ✴ jQuery or AngularJS’s own jqLite implementation • Application Core ✴ AngularJS itself • Sandbox ✴ Scope passed to the controller • Module ✴ AngularJS’s controller
    • KEY FEATURES OF ANGULARJS • Declarative HTML approach • Easy Data-Binding • Reusable Components • MVC/MVVM Design Pattern • UnitTesting • Routing • Templating
    • KEY FEATURES OF ANGULARJS • Modules • Services • Expressions • Filters • Directives • FormValidation • $scope, $http, $routeProvider
    • LET’S ANGULARJS !!
    • Q & A