AngularJS - Framework for Apps

AngularJS Framework for Apps @geeksean

Building Web Apps

Building modern Web Apps

Framework for building Single-Page Applications YouTube App for PlayStations

Why Angular?

For building high quality apps with standards

• Routing • Two-way data binding • Reusable, Clean, Modular
• Template • Localization • Directives • Mobile Ready

AngularJS is very fast and lightweight. latest miniﬁed version is
at 124kb

Two-way binding <!doctype html> <html ng-app> <head> <script src="angular.min.js"></script> </head>
<body> <div> <label>Name:</label> <input type="text" ng-model="yourName" placeholder="Enter a name here"> <hr> <h1>Hello {{yourName}}!</h1> </div> </body> </html>

Directives • Easy and simple way to add ‘widgets’ to
your apps. • Reusable • data-speciﬁc-logic • web components (coming in Angular 2.0) angular.module('docsSimpleDirective', []) .controller('Controller', ['$scope', function($scope) { $scope.customer = { name: 'Naomi', address: '1600 Amphitheatre' }; }]) .directive('myCustomer', function() { return { template: 'Name: {{customer.name}} Address: {{customer.address}}' }; }); <div ng-controller="Controller"> <div my-customer></div> </div>

Mobile Ready • ngTouch • ofﬂine storage (WebSQL, IndexedDB or
localStorage) • ngSwipe • angular-gestures • Ionic Framework

ngTouch, ngSwipe and gestures • Detect and handle touch events
• Register multidirectional swipe events • Handle tap, double tap, swipe, drag, pinch and rotate events with angular-gestures

Native App with Ionic Framework

• Performance focused with minimal DOM and zero jQuery •
Hardware accelerated transitions • CLI to create, build, test and deploy apps • Build native apps for iOS and Android with Cordova

Looking Ahead • Material Design for Angular • Angular Dart
• Angular UI (including Angular Bootstrap) • ZURB’s Foundation for Apps (coming in December) • Support for various languages, frameworks and tools • Build Chrome Apps and Extensions • Car Dashboard System based on AngularJS (General Motors)

AngularJS Myanmar on FB: https://www.facebook.com/groups/angularjsmyanmar/ Thanks!

AngularJS - Framework for Apps

AngularJS - Framework for Apps

Sean Lin

Other Decks in Programming

Featured

Transcript