ANGULARJS A Gentle Introduction John /

AngularJS Overview Demos AGENDA

OVERVIEW

Framework. NOT a Library -Contains everything you need for SPA Broken into components – Controllers, view, models, services, etc MVC/MVVM Framework Two Way Data binding Enables test friendly code ANGULARJS – THE WHY

Performance -Framework not a library -Functions, not computed properties Directives – Powerful, not always intuitive Documentation ANGULARJS – THE WHY NOT

Get AngularJS Ng-app, ng-model Magical {{}} Filters – DEMO 1 - INTRO/DATA BINDING

Ng-controller – Magical $scope – View model – Object context DEMO 2 - CONTROLLERS

Directives – HTML Dom markers (attributes, css class, etc) – Ng-repeat – Ng-filter – DEMO 3 –REPEAT AND FILTER

Order By – Ng-repeat – Ng-filter – DEMO 4 –MORE REPEAT AND ORDER

Custom Logic Custom Filter function DEMO 5 – FUNCTIONS

Binding Images And something really cool DEMO LOU – A BRIEF INTERLUDE

Ng-show/ng-hide – – Ng-click – Directives – DEMO 6 - DIRECTIVES

Encapsulate logic – Linked together via Dependency injection – eating_services eating_services chemistryApp.factory('chemistryData', function($http, $log, $q) { return { getChemistryData: function() {} }); Promises - $q – DEMO 7 - SERVICES

Create new elements! DEMO 8 – DATA BINDING

QUESTIONS

Mile of Music INTERESTED?

John Ptacek Skyline Technologies / THANK YOU!!