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.6k
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
240
Directives_Presentation.pdf
petebd
5
320
Other Decks in Programming
See All in Programming
Kiroで始めるAI-DLC
kaonash
2
590
RDoc meets YARD
okuramasafumi
4
170
Putting The Genie in the Bottle - A Crash Course on running LLMs on Android
iurysza
0
140
アプリの "かわいい" を支えるアニメーションツールRiveについて
uetyo
0
270
Performance for Conversion! 分散トレーシングでボトルネックを 特定せよ
inetand
0
160
Processing Gem ベースの、2D レトロゲームエンジンの開発
tokujiros
2
130
Oracle Database Technology Night 92 Database Connection control FAN-AC
oracle4engineer
PRO
1
440
Rancher と Terraform
fufuhu
2
400
複雑なドメインに挑む.pdf
yukisakai1225
5
1.2k
@Environment(\.keyPath)那么好我不允许你们不知道! / atEnvironment keyPath is so good and you should know it!
lovee
0
120
1から理解するWeb Push
dora1998
7
1.9k
go test -json そして testing.T.Attr / Kyoto.go #63
utgwkk
3
300
Featured
See All Featured
For a Future-Friendly Web
brad_frost
180
9.9k
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.6k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
GraphQLの誤解/rethinking-graphql
sonatard
72
11k
Testing 201, or: Great Expectations
jmmastey
45
7.7k
GitHub's CSS Performance
jonrohan
1032
460k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
188
55k
Unsuck your backbone
ammeep
671
58k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
31
2.2k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
The Invisible Side of Design
smashingmag
301
51k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3k
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