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
AngularJS
Search
Arturas Smorgun
January 17, 2013
Programming
14
1.3k
AngularJS
Introduction of AngularJS by me at Inviqa Enlighening Lunch
Arturas Smorgun
January 17, 2013
Tweet
Share
More Decks by Arturas Smorgun
See All by Arturas Smorgun
Solve Complex Problems with DDD
asarturas
0
110
Review of Graph Databases
asarturas
0
62
Profiling in PHP
asarturas
5
890
Design Patterns in PHP Applications
asarturas
5
190
Application Quality
asarturas
6
310
Git Rebase
asarturas
2
210
Vagrant 1.2.2 and AWS
asarturas
0
50
Let's automate!
asarturas
0
240
Other Decks in Programming
See All in Programming
선언형 UI에서의 상태관리
l2hyunwoo
0
160
MCP with Cloudflare Workers
yusukebe
2
220
DevFest Tokyo 2025 - Flutter のアプリアーキテクチャ現在地点
wasabeef
5
900
Monixと常駐プログラムの勘どころ / Scalaわいわい勉強会 #4
stoneream
0
270
Refactor your code - refactor yourself
xosofox
1
260
生成AIでGitHubソースコード取得して仕様書を作成
shukob
0
350
rails stats で紐解く ANDPAD のイマを支える技術たち
andpad
1
290
fs2-io を試してたらバグを見つけて直した話
chencmd
0
230
これが俺の”自分戦略” プロセスを楽しんでいこう! - Developers CAREER Boost 2024
niftycorp
PRO
0
190
競技プログラミングへのお誘い@阪大BOOSTセミナー
kotamanegi
0
360
[JAWS-UG横浜 #76] イケてるアップデートを宇宙いち早く紹介するよ!
maroon1st
0
460
Webエンジニア主体のモバイルチームの 生産性を高く保つためにやったこと
igreenwood
0
330
Featured
See All Featured
Optimising Largest Contentful Paint
csswizardry
33
3k
Why You Should Never Use an ORM
jnunemaker
PRO
54
9.1k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
1.9k
Into the Great Unknown - MozCon
thekraken
33
1.5k
Site-Speed That Sticks
csswizardry
2
190
Reflections from 52 weeks, 52 projects
jeffersonlam
347
20k
Measuring & Analyzing Core Web Vitals
bluesmoon
4
170
Typedesign – Prime Four
hannesfritz
40
2.4k
[RailsConf 2023] Rails as a piece of cake
palkan
53
5k
How to train your dragon (web standard)
notwaldorf
88
5.7k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Being A Developer After 40
akosma
87
590k
Transcript
AngularJS
Features : Two Way Data-Binding Templates MVC Dependency Injection Directives
Testing
Hello World Text
Internals
Startup 1. Browser parses HTML to DOM
Startup 2. angular.js is loaded
Startup 3. waiting for DOMContentLoaded event
Startup 4. Angular looks for ng-app directive
Startup 5. cofiguring $injector
Startup 6. creating $compile and $rootScope
Startup 7. compiling DOM and linking with scope
Startup 8. ng-init assigns 'World' to name model
Startup 9. {{name}} interpolates expression
Runtime 1. event calls scope.$apply(stimulusFn)
Runtime 2. executing stimulusFn
Runtime 3. entering $digest loop
Runtime 4. scheduling work via $evalAsync
Runtime 5. calling $watch
Runtime 6. browser re-renders DOM
Hello World #2 Text
View DOM, not string
View Demo Text
Model Any data: primitive, array, object
Controller Demo Text
Scope Glues Controller and View
Scope Demo Text
Directives Demo Text
Filters Demo Text
Dependency Injection $injector
DI : Creating Module $injector
DI : Types Instantiation $injector
DI Demo Text
Testing Demo Text
Thank you ! angularjs.org github.com/angular/angular-seed meetup.com/AngularJS-London