1 / 10

Introduction to Angular JS

Introduction to Angular JS. Sergey Barskiy Working Class Nobody. Level : Introductory. What is Angular?. “ Superheroic MVW framework” http://angularjs.org/ JavaScript framework for building (mostly) single page web applications (SPAs) MV* pattern based framework. MVC / MV*.

harva
Download Presentation

Introduction to Angular JS

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Introduction to Angular JS Sergey Barskiy Working Class Nobody Level: Introductory

  2. What is Angular? • “Superheroic MVW framework” http://angularjs.org/ • JavaScript framework for building (mostly) single page web applications (SPAs) • MV* pattern based framework.

  3. MVC / MV* • Model – JavaScript objects • View – HTML • Controller – Controller and Scope objects • Main advantage over traditional web app – separation of concerns • How do we relate this to XAML – MVVM pattern?

  4. Features • Two way data binding • Digest loop • Performance limitations • Compare to Knockout • Templating • Routing • Dependency injection • Testability • Modularity

  5. Angular Conceptual Components • Directives - HTML manipulation constructs • Filters – data formatting and data filtering constructs • Controllers - provide view model that glues HTML to properties and methods of JavaScript objects, expressed through scope. • Services – provide functions to controllers, such as access to server data.

  6. Angular Built-In Directives • Application (ngApp) – top level object • View (ngView) – placeholder for view templates • Controller (ngController) – wires up controller to a subset of DOM • Binding (ngModel) – sets up two way data binding • Event directives

  7. Angular Built-In Directives (Cont.) • (ng assumed in the name) • Validation (required, min, max) • HTML (show, hide, if, switch, disable, readonly, include) • Init • Class • Repeat • Form

  8. Angular Built-In Services • HTTP ($http) • Cache ($cacheFactory) • Document ($document) • Windows ($window) • Timeout ($timeout) • Address ($location) • Value parser ($parse) • Promises ($q) • Scope ($rootScope)

  9. Angular Methods • There are many helper methods • fromJson, toJson • String manipulations (upper, lower) • Object testing (isObject, isNumber, etc…)

  10. More Information • http://angularjs.org/ • Sergey@Barskiy.com • http://DotNetSpeak.com

More Related