Upgrade to Pro — share decks privately, control downloads, hide ads and more …

AngularJS - Framework for Apps

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Sean Lin Sean Lin
November 30, 2014
Programming
0
38

AngularJS - Framework for Apps

Slides from talk given at DevCon Yangon 2014

Avatar for Sean Lin

Sean Lin

November 30, 2014
Tweet

Other Decks in Programming

See All in Programming
[KNOTS 2026登壇資料]AIで拡張‧交差する プロダクト開発のプロセス および携わるメンバーの役割
Avatar for hisatake hisatake
0
250
Implementation Patterns
Avatar for Denys Poltorak denyspoltorak
0
280
AIで開発はどれくらい加速したのか？AIエージェントによるコード生成を、現場の評価と研究開発の評価の両面からdeep diveしてみる
Avatar for どすこい daisuketakeda
1
980
なぜSQLはAIぽく見えるのか/why does SQL look AI like
Avatar for florets1 florets1
0
450
MDN Web Docs に日本語翻訳でコントリビュート
Avatar for uutan1108 ohmori_yusuke
0
640
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
520
AI Schema Enrichment for your Oracle AI Database
Avatar for thatjeffsmith thatjeffsmith
0
250
ぼくの開発環境2026
Avatar for yuzneri yuzneri
0
160
16年目のピクシブ百科事典を支える最新の技術基盤 / The Modern Tech Stack Powering Pixiv Encyclopedia in its 16th Year
Avatar for ahu ahuglajbclajep
5
1k
CSC307 Lecture 08
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
670
AIと一緒にレガシーに向き合ってみた
Avatar for nyafunta9858 nyafunta9858
0
180
OCaml 5でモダンな並列プログラミングを Enjoyしよう!
Avatar for Haochen Kotoi-Xie haochenx
0
140

Featured

See All Featured
Fireside Chat
Avatar for paigeccino paigeccino
41
3.8k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2.2k
Code Review Best Practice
Avatar for Trisha Gee trishagee
74
20k
Deep Space Network (abreviated)
Avatar for Tony Rice tonyrice
0
47
Money Talks: Using Revenue to Get Sh*t Done
Avatar for Nikki Halliwell nikkihalliwell
0
150
Evolving SEO for Evolving Search Engines
Avatar for Ryan Jones ryanjones
0
120
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
Avatar for Yuki Nakata chikuwait chikuwait
0
320
Getting science done with accelerated Python computing platforms
Avatar for Jacob Tomlinson jacobtomlinson
2
110
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
Avatar for UX Y'all uxyall
0
320
The Illustrated Guide to Node.js - THAT Conference 2024
Avatar for David Neal reverentgeek
0
250
Amusing Abliteration
Avatar for ianozsvald ianozsvald
0
96
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
200

Transcript

  1. AngularJS Framework for Apps @geeksean

  2. Building Web Apps

  3. Building modern Web Apps

  4. Framework for building Single-Page Applications YouTube App for PlayStations

  5. Why Angular?

  6. For building high quality apps with standards

  7. • Routing • Two-way data binding • Reusable, Clean, Modular

    • Template • Localization • Directives • Mobile Ready

  8. AngularJS is very fast and lightweight. latest minified version is

    at 124kb

  9. 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>

  10. Directives • Easy and simple way to add ‘widgets’ to

    your apps. • Reusable • data-specific-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>

  11. Mobile Ready • ngTouch • offline storage (WebSQL, IndexedDB or

    localStorage) • ngSwipe • angular-gestures • Ionic Framework

  12. 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

  13. Native App with Ionic Framework

  14. • 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

  15. 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)

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