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
Front-end application development, Symfony-style(s)
dunglas
2
2k
Build with AI 2024 Seoul - 제로부터 시작하는 Flutter with Gemini 생활 - 박제창
itsmedreamwalker
0
200
Java 22 Overview
kishida
1
180
Anthropic Cookbook のおすすめレシピ
schroneko
6
680
PHPはいつから死んでいるかの調査
chiroruxx
1
360
Compose-View Interop in Practice (mDevCamp 2024)
stewemetal
0
110
VS Code をプロダクトにどう取り込むか
onomax
1
340
SwiftUI Performance 不要なViewの再描画と更新を抑える
bigamitiongit
1
160
Zero Waste, Radical Magic, and Italian Graft – Quarkus Efficiency Secrets
hollycummins
0
230
StoreKit2によるiOSのアプリ内課金のリニューアル
kangnux
0
110
⼤規模⾔語モデルの拡張(RAG)が 終わったかも知れない件について
nearme_tech
23
15k
Rubyでたのしむクリエイティブコーディング/Enjoy Creative coding with Ruby
chobishiba
1
170
Featured
See All Featured
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
321
20k
Large-scale JavaScript Application Architecture
addyosmani
504
110k
How GitHub (no longer) Works
holman
304
140k
What's new in Ruby 2.0
geeforr
337
31k
Designing Experiences People Love
moore
136
23k
Build your cross-platform service in a week with App Engine
jlugia
225
17k
How GitHub Uses GitHub to Build GitHub
holman
468
290k
The Invisible Side of Design
smashingmag
294
49k
Stop Working from a Prison Cell
hatefulcrawdad
266
19k
Designing the Hi-DPI Web
ddemaree
276
33k
Become a Pro
speakerdeck
PRO
10
4.5k
Fashionably flexible responsive web design (full day workshop)
malarkey
398
65k
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