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
NPOでのDevinの活用
codeforeveryone
0
370
GraphRAGの仕組みまるわかり
tosuri13
8
490
Bytecode Manipulation 으로 생산성 높이기
bigstark
2
380
20250628_非エンジニアがバイブコーディングしてみた
ponponmikankan
0
450
型付きアクターモデルがもたらす分散シミュレーションの未来
piyo7
0
810
Code as Context 〜 1にコードで 2にリンタ 34がなくて 5にルール? 〜
yodakeisuke
0
110
エラーって何種類あるの?
kajitack
5
310
Node-RED を(HTTP で)つなげる MCP サーバーを作ってみた
highu
0
100
すべてのコンテキストを、 ユーザー価値に変える
applism118
2
840
プロダクト志向ってなんなんだろうね
righttouch
PRO
0
160
WindowInsetsだってテストしたい
ryunen344
1
200
システム成長を止めない!本番無停止テーブル移行の全貌
sakawe_ee
1
110
Featured
See All Featured
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.3k
YesSQL, Process and Tooling at Scale
rocio
173
14k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
[RailsConf 2023] Rails as a piece of cake
palkan
55
5.6k
Why You Should Never Use an ORM
jnunemaker
PRO
57
9.4k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
Documentation Writing (for coders)
carmenintech
72
4.9k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
35
2.3k
Why Our Code Smells
bkeepers
PRO
337
57k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
Docker and Python
trallard
44
3.4k
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