Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Devox UK 2013 - AngularJS
Search
Pete Bacon Darwin
March 29, 2013
Programming
2
1.5k
Devox UK 2013 - AngularJS
Introduction to AngularJS
Pete Bacon Darwin
March 29, 2013
Tweet
Share
More Decks by Pete Bacon Darwin
See All by Pete Bacon Darwin
Umbraco Festival 2013 - Introduction to AngularJS
petebd
0
230
Directives_Presentation.pdf
petebd
5
320
Other Decks in Programming
See All in Programming
TYPO3 v13 – The road to LTS: What's new and new APIs
luisasofie_xoxo
0
180
大規模Reactアプリのリアーキテクチャ~8万行のTanStack Query移行の軌跡~
kj455
3
800
FigmaとPHPで作る1ミリたりとも表示崩れしない最強の帳票印刷ソリューション
ttskch
39
18k
Ruby Function Composition
bkuhlmann
1
330
本格ローグライク制作にEbitengineを選んでみた
nagainaganawa
0
290
From Spring Boot 2 to Spring Boot 3 with Java 22 and Jakarta EE
ivargrimstad
0
940
MetricKitで予期せぬ終了を検知する話 / Detect unexpected termination with MetricKit
nekowen
0
100
単体テストを書かない技術 #phpcon_odawara
o0h
PRO
26
7.9k
CQRS/ES avec Symfony, c’est (trop) bien !
jeremyfreeagent
1
630
PHPの次期バージョンはこの時期どうなっているのか - Internalsの開発体制について - PHPカンファレンス小田原
youkidearitai
PRO
1
180
オブジェクト指向のリ・オリエンテーション~歴史を振り返り、AI時代に向きなおる~
hanyudaeiiti
10
5.7k
Designing for tomorrow's programming workflows
honnibal
PRO
2
110
Featured
See All Featured
The Invisible Side of Design
smashingmag
294
49k
Bootstrapping a Software Product
garrettdimon
PRO
301
110k
Building Effective Engineering Teams - LeadDev
addyosmani
27
1.8k
Producing Creativity
orderedlist
PRO
336
39k
Atom: Resistance is Futile
akmur
258
25k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
5
1.5k
Building Applications with DynamoDB
mza
88
5.6k
10 Git Anti Patterns You Should be Aware of
lemiorhan
646
58k
How GitHub Uses GitHub to Build GitHub
holman
468
290k
Building a Scalable Design System with Sketch
lauravandoore
455
32k
The MySQL Ecosystem @ GitHub 2015
samlambert
242
12k
The Cost Of JavaScript in 2023
addyosmani
14
3.8k
Transcript
None
AngularJS – Extend Your Browser Peter Bacon Darwin Developer /
Dad @petebd
3 Peter Bacon Darwin Computer Programmer / House Dad ▪
Freelance Developer ▪ Formerly .NET Specialist ▪ Now into Open Source ▪ AngularJS ▪ Committer on AngularJS project ▪ Founder Member of Angular-UI ▪ Look after my kids, Lily and Zachary
Driving in London
Faster, Better!
Think Outside the Box
In The Beginning… 1989 Web Browsers 1995 JavaScript 2005 AJAX
2006 jQuery 7
In the Future… Web Browser == Application Platform
Single Page Applications (SPA) we need some help… Writing SPAs
in JavaScript is… messy
JavaScript Frameworks There are plenty out there: Agreement No Progressive
Enhancement MV … Whatever Data Binding Disagreement Backend Integration Binding Updates HTML vs JavaScript Views
The Real Problem - Browsers Designed to: Display Static Documents
Navigate Hyperlinks Be Stateless Need: Model Driven Views More Powerful Widgets State Management Getting There… Object.Observe() Web Components History.pushState()
A Different Approach… … what HTML would have been had
it been designed for applications. … a Polyfill until Browsers catch up! HTML enhanced for web apps!
AngularJS – Core Features Unobtrusive Data Binding Just POJOs and
dirty checking HTML (DOM) Templates Use tools you know Reusable Components Extend the HTML syntax Dependency Injection Think Spring Framework Unit Testing Built-in First Class Citizens Useful Services $http, $q, $timeout
Exchange Rate App Demo
Angular-UI Project Directives and Filters Date Picker, Key Press
Events, Masked Input, Google Maps Highlight Text, Unique Array Filter, String Formatting Bootstrap Widgets Accordion, Alert, Buttons, Carousel, Dialogs Dropdowns, Pagination, Tabs, Tooltips, TypeAhead Data Grid Full featured grid widget Router State based routing with nested views
Trending Up!
Buy The Book! http://www.packtpub.com/angularjs-web-application-development/book
Q&A