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
120
Review of Graph Databases
asarturas
0
67
Profiling in PHP
asarturas
5
900
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
51
Let's automate!
asarturas
0
250
Other Decks in Programming
See All in Programming
データベースのオペレーターであるCloudNativePGがStatefulSetを使わない理由に迫る
nnaka2992
0
230
Jakarta EE meets AI
ivargrimstad
0
400
自力でTTSモデルを作った話
zgock999
0
100
推しメソッドsource_locationのしくみを探る - はじめてRubyのコードを読んでみた
nobu09
2
300
ソフトウェアエンジニアの成長
masuda220
PRO
12
2.1k
.NET Frameworkでも汎用ホストが使いたい!
tomokusaba
0
200
XStateを用いた堅牢なReact Components設計~複雑なClient Stateをシンプルに~ @React Tokyo ミートアップ #2
kfurusho
1
990
AIプログラミング雑キャッチアップ
yuheinakasaka
18
4.3k
データの整合性を保つ非同期処理アーキテクチャパターン / Async Architecture Patterns
mokuo
54
19k
PHPのバージョンアップ時にも役立ったAST
matsuo_atsushi
0
230
Unity Android XR入門
sakutama_11
0
180
From the Wild into the Clouds - Laravel Meetup Talk
neverything
0
150
Featured
See All Featured
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.2k
4 Signs Your Business is Dying
shpigford
182
22k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
640
The Art of Programming - Codeland 2020
erikaheidi
53
13k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
46
2.3k
GraphQLとの向き合い方2022年版
quramy
44
14k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
7k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
570
The Invisible Side of Design
smashingmag
299
50k
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