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
130
Review of Graph Databases
asarturas
0
75
Profiling in PHP
asarturas
5
920
Design Patterns in PHP Applications
asarturas
5
200
Application Quality
asarturas
6
320
Git Rebase
asarturas
2
230
Vagrant 1.2.2 and AWS
asarturas
0
61
Let's automate!
asarturas
0
260
Other Decks in Programming
See All in Programming
Go言語はstack overflowの夢を見るか?
logica0419
0
520
AIと人間の共創開発!OSSで試行錯誤した開発スタイル
mae616
2
790
Devvox Belgium - Agentic AI Patterns
kdubois
1
140
あなたとKaigi on Rails / Kaigi on Rails + You
shimoju
0
180
One Enishi After Another
snoozer05
PRO
0
150
pnpm に provenance のダウングレード を検出する PR を出してみた
ryo_manba
1
150
タスクの特性や不確実性に応じた最適な作業スタイルの選択(ペアプロ・モブプロ・ソロプロ)と実践 / Optimal Work Style Selection: Pair, Mob, or Solo Programming.
honyanya
3
190
contribution to astral-sh/uv
shunsock
0
510
monorepo の Go テストをはやくした〜い!~最小の依存解決への道のり~ / faster-testing-of-monorepos
convto
2
530
Foundation Modelsを実装日本語学習アプリを作ってみた!
hypebeans
1
120
登壇は dynamic! な営みである / speech is dynamic
da1chi
0
360
Reactive Thinking with Signals and the Resource API
manfredsteyer
PRO
0
110
Featured
See All Featured
The Cost Of JavaScript in 2023
addyosmani
55
9.1k
Reflections from 52 weeks, 52 projects
jeffersonlam
353
21k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
130k
Making the Leap to Tech Lead
cromwellryan
135
9.6k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
359
30k
How GitHub (no longer) Works
holman
315
140k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
253
22k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.5k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Thoughts on Productivity
jonyablonski
70
4.9k
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