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
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
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
89
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
68
Let's automate!
asarturas
0
280
Other Decks in Programming
See All in Programming
RubyとGoでゼロから作る証券システム: 高信頼性が求められるシステムのコードの外側にある設計と運用のリアル
free_world21
0
260
今更考える「単一責任原則」 / Thinking about the Single Responsibility Principle
tooppoo
3
1.6k
Claude Codeログ基盤の構築
giginet
PRO
7
2.2k
Codex の「自走力」を高める
yorifuji
0
1.2k
new(1.26) ← これすき / kamakura.go #8
utgwkk
0
2.2k
最初からAWS CDKで技術検証してもいいんじゃない?
akihisaikeda
4
120
API Platformを活用したPHPによる本格的なWeb API開発 / api-platform-book-intro
ttskch
1
130
Agent Skills Workshop - AIへの頼み方を仕組み化する
gotalab555
15
8.4k
Agentic AI: Evolution oder Revolution
mobilelarson
PRO
0
140
AI時代のソフトウェア開発でも「人が仕様を書く」から始めよう-医療IT現場での実践とこれから
koukimiura
0
140
How to stabilize UI tests using XCTest
akkeylab
0
110
Geminiの機能を調べ尽くしてみた
naruyoshimi
0
200
Featured
See All Featured
Typedesign – Prime Four
hannesfritz
42
3k
What’s in a name? Adding method to the madness
productmarketing
PRO
24
4k
Tell your own story through comics
letsgokoyo
1
840
Designing Powerful Visuals for Engaging Learning
tmiket
0
270
The SEO Collaboration Effect
kristinabergwall1
0
390
Groundhog Day: Seeking Process in Gaming for Health
codingconduct
0
120
Reality Check: Gamification 10 Years Later
codingconduct
0
2k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.6k
Site-Speed That Sticks
csswizardry
13
1.1k
Chasing Engaging Ingredients in Design
codingconduct
0
140
What Being in a Rock Band Can Teach Us About Real World SEO
427marketing
0
190
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
360
30k
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