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
Angular
Search
Manfred Steyer
PRO
May 14, 2017
Programming
0
240
Angular
Presentation from "We Are Developers", Mai 2017, Vienna
Manfred Steyer
PRO
May 14, 2017
Tweet
Share
More Decks by Manfred Steyer
See All by Manfred Steyer
Native Federation: The Future of Micro Frontends in Angular
manfredsteyer
PRO
0
34
The New NGRX Signal Store for Angular: 3+n Flavors of the Signal Store
manfredsteyer
PRO
0
29
Micro Frontends with Modern Angular and Island Architectures @ijs London 2024
manfredsteyer
PRO
0
84
Modern State Management in Angular: 3+n Flavors of the Signal Store @ijs London 2024
manfredsteyer
PRO
0
80
Changed Rules: Architectures with Lightweight Stores
manfredsteyer
PRO
0
240
Migrating to Signals: A Practical Workshop
manfredsteyer
PRO
0
420
Micro Frontends with Web Standards
manfredsteyer
PRO
1
300
The New NGRX Signal Store for Angular: 3+n Flavors
manfredsteyer
PRO
1
220
Leveraging the new NGRX Signal Store
manfredsteyer
PRO
0
170
Other Decks in Programming
See All in Programming
GitHub Copilotのススメ
marcy731
1
200
スクラムガイドのスプリントレトロスペクティブを改めて読みかえしてみた / Re-reading the Sprint Retrospective Section in the Scrum Guide
mackey0225
3
430
Build Apps for iOS, Android & Desktop in 100% Kotlin With Compose Multiplatform (mDevCamp 2024)
zsmb
0
340
Git Lint
bkuhlmann
4
750
GitHub Actionsで泣かないためにやっておきたい設定 / Recommended GHA settings to avoid crying
pinkumohikan
3
530
Compose-View Interop in Practice (mDevCamp 2024)
stewemetal
0
140
『Railsオワコン』と言われる時代に、なぜブルーモ証券はRailsを選ぶのか
free_world21
0
240
Ruby Pattern Matching
bkuhlmann
0
930
Snowflakeで眠ったデータを起こそう!
estie
0
120
2 週間で Twitter Bot を作ってみた
contour_gara
0
390
サイコロで理解する統計的仮説検定の考え方
tatamiya
4
940
MetricKitで予期せぬ終了を検知する話 / Detect unexpected termination with MetricKit
nekowen
1
190
Featured
See All Featured
VelocityConf: Rendering Performance Case Studies
addyosmani
320
23k
Agile that works and the tools we love
rasmusluckow
325
20k
Why Our Code Smells
bkeepers
PRO
331
56k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
244
20k
YesSQL, Process and Tooling at Scale
rocio
164
13k
Learning to Love Humans: Emotional Interface Design
aarron
267
39k
Documentation Writing (for coders)
carmenintech
60
3.9k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
322
20k
The Invisible Side of Design
smashingmag
294
49k
Building a Scalable Design System with Sketch
lauravandoore
456
32k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
51k
How GitHub (no longer) Works
holman
304
140k
Transcript
Angular: Google’s popular SPA Framework Manfred Steyer SOFTWAREarchitekt.at ManfredSteyer ManfredSteyer
About me … • Manfred Steyer • SOFTWAREarchitekt.at • Trainer
& Consultant • Focus: Angular • Google Developer Expert (GDE) Page ▪ 2 Manfred Steyer
Contents • Motivation • First Steps with Angular • DEMO
Motivation Page ▪ 4
Platforms and Usability HTML + JavaScript
HTML + JavaScript = Complexity
Page ▪ 8 Frameworks help to master HTML + JavaScript
Google Community AngularJS (1): 1,3 Mio Devs Angular (2/4): 810K
Devs
727 Meetup Groups around the world
First Steps with Angular Page ▪ 14
Projectstart with Angular CLI
TypeScript ES 6 Languages Page ▪ 17 ES 5
Application == Component Tree Page ▪ 18
Components export class AppComponent { title: string = 'Hello World!';
} <h1> {{ title }} </h1> @Component({ selector: 'flight-app', templateUrl: './app.component.html' }) <flight-app></flight-app>
DEMO Page ▪ 20
Summary Huge Community Components TypeScript Data Binding CLI
Contact [mail]
[email protected]
[blog] SOFTWAREarchitekt.at [twitter] ManfredSteyer