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
13
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
140
Review of Graph Databases
asarturas
0
87
Profiling in PHP
asarturas
5
930
Design Patterns in PHP Applications
asarturas
5
210
Application Quality
asarturas
6
330
Git Rebase
asarturas
2
240
Vagrant 1.2.2 and AWS
asarturas
0
67
Let's automate!
asarturas
0
280
Other Decks in Programming
See All in Programming
Geminiの機能を調べ尽くしてみた
naruyoshimi
0
190
The Ralph Wiggum Loop: First Principles of Autonomous Development
sembayui
0
3.7k
今、アーキテクトとして 品質保証にどう関わるか
nealle
0
190
AIに仕事を丸投げしたら、本当に楽になれるのか
dip_tech
PRO
0
170
朝日新聞のデジタル版を支えるGoバックエンド ー価値ある情報をいち早く確実にお届けするために
junkiishida
1
270
AI活用のコスパを最大化する方法
ochtum
0
110
Lambda のコードストレージ容量に気をつけましょう
tattwan718
0
200
CSC307 Lecture 12
javiergs
PRO
0
450
Python’s True Superpower
hynek
0
190
CopilotKit + AG-UIを学ぶ
nearme_tech
PRO
1
110
CSC307 Lecture 09
javiergs
PRO
1
850
atmaCup #23でAIコーディングを活用した話
ml_bear
4
710
Featured
See All Featured
WCS-LA-2024
lcolladotor
0
470
How to train your dragon (web standard)
notwaldorf
97
6.5k
What Being in a Rock Band Can Teach Us About Real World SEO
427marketing
0
180
GraphQLの誤解/rethinking-graphql
sonatard
75
11k
Exploring the relationship between traditional SERPs and Gen AI search
raygrieselhuber
PRO
2
3.7k
The Power of CSS Pseudo Elements
geoffreycrofte
80
6.2k
Navigating Team Friction
lara
192
16k
Become a Pro
speakerdeck
PRO
31
5.8k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
kimpetersen
PRO
1
620
Deep Space Network (abreviated)
tonyrice
0
79
Google's AI Overviews - The New Search
badams
0
920
The Invisible Side of Design
smashingmag
302
51k
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