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
AI Agent 時代的開發者生存指南
eddie
4
2.1k
PHPに関数型の魂を宿す〜PHP 8.5 で実現する堅牢なコードとは〜 #phpcon_hiroshima / phpcon-hiroshima-2025
shogogg
1
330
コードとあなたと私の距離 / The Distance Between Code, You, and I
hiro_y
0
190
はじめてのDSPy - 言語モデルを『プロンプト』ではなく『プログラミング』するための仕組み
masahiro_nishimi
4
15k
オープンソースソフトウェアへの解像度🔬
utam0k
17
3.1k
SwiftDataを使って10万件のデータを読み書きする
akidon0000
0
240
他言語経験者が Golangci-lint を最初のコーディングメンターにした話 / How Golangci-lint Became My First Coding Mentor: A Story from a Polyglot Programmer
uma31
0
370
モテるデスク環境
mozumasu
3
1.3k
スマホから Youtube Shortsを見られないようにする
lemolatoon
27
34k
TFLintカスタムプラグインで始める Terraformコード品質管理
bells17
2
390
Goで実践するドメイン駆動開発 AIと歩み始めた新規プロダクト開発の現在地
imkaoru
4
890
AIと人間の共創開発!OSSで試行錯誤した開発スタイル
mae616
2
800
Featured
See All Featured
Why Our Code Smells
bkeepers
PRO
340
57k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
10
610
A Modern Web Designer's Workflow
chriscoyier
697
190k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.6k
Keith and Marios Guide to Fast Websites
keithpitt
411
23k
Building Adaptive Systems
keathley
44
2.8k
Raft: Consensus for Rubyists
vanstee
140
7.2k
Embracing the Ebb and Flow
colly
88
4.9k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
31
2.7k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Site-Speed That Sticks
csswizardry
13
920
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