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
1.3k
13
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
AngularJS
Introduction of AngularJS by me at Inviqa Enlighening Lunch
Arturas Smorgun
January 17, 2013
More Decks by Arturas Smorgun
See All by Arturas Smorgun
Solve Complex Problems with DDD
asarturas
0
160
Review of Graph Databases
asarturas
0
100
Profiling in PHP
asarturas
5
960
Design Patterns in PHP Applications
asarturas
5
220
Application Quality
asarturas
6
340
Git Rebase
asarturas
2
250
Vagrant 1.2.2 and AWS
asarturas
0
99
Let's automate!
asarturas
0
290
Other Decks in Programming
See All in Programming
yield再入門 #phpcon
o0h
PRO
0
1k
AIが無かった頃の素敵な出会いの話
codmoninc
1
420
その節約、円になってますか?
isamumumu
1
730
仕様駆動開発の消費期限
watany
20
8.1k
20260722_microCMSで考える、AI時代のコンテンツ運用設計
yosh1
0
390
自動化したのに回らないテスト運用の壁ーAI時代の品質責任と生産性
mfunaki
0
130
Detecting Compromised CI with eBPF and Cilium Tetragon
lizrice
0
170
これって Effect でできたのでは? / TSKaigi Mashup Kansai #2
susisu
0
170
複数の Claude Code が"放置"されてしまう問題をCLI ダッシュボードを自作して解決した話
sumihiro3
1
680
FDEが実現するAI駆動経営の現在地
gonta
2
280
Claude Code全社展開のためにやったことn選~プラグイン302個・コミッター271人を支えるために~
kenchan
5
1.5k
いまどきの Codex で開発する visionOS アプリの開発スタイルについて
karad
0
130
Featured
See All Featured
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
4.3k
How To Speak Unicorn (iThemes Webinar)
marktimemedia
1
520
Building Better People: How to give real-time feedback that sticks.
wjessup
370
20k
The agentic SEO stack - context over prompts
schlessera
0
860
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
570
30 Presentation Tips
portentint
PRO
1
370
Side Projects
sachag
455
43k
The Cost Of JavaScript in 2023
addyosmani
55
10k
Applied NLP in the Age of Generative AI
inesmontani
PRO
4
2.4k
Optimizing for Happiness
mojombo
378
71k
Highjacked: Video Game Concept Design
rkendrick25
PRO
1
430
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
2
630
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