Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Angular

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Manfred Steyer Manfred Steyer PRO
May 14, 2017
Programming
0
280

 Angular

Presentation from "We Are Developers", Mai 2017, Vienna

Avatar for Manfred Steyer

Manfred Steyer PRO

May 14, 2017
Tweet

More Decks by Manfred Steyer

See All by Manfred Steyer
Beyond the Basics: Signal Forms
Avatar for Manfred Steyer manfredsteyer
PRO
0
32
360° Signals in Angular: Signal Forms with SignalStore & Resources @ngLondon 01/2026
Avatar for Manfred Steyer manfredsteyer
PRO
0
120
All About Angular‘s New Signal Forms
Avatar for Manfred Steyer manfredsteyer
PRO
0
26
Full-Cycle Reactivity in Angular: SignalStore mit Signal Forms und Resources
Avatar for Manfred Steyer manfredsteyer
PRO
0
260
Your Architecture as a Crime Scene? Forensic Analysis
Avatar for Manfred Steyer manfredsteyer
PRO
0
170
Full-Cycle Reactivity in Angular: SignalStore mit Signal Forms und Resources
Avatar for Manfred Steyer manfredsteyer
PRO
0
260
Your Architecture as a Crime Scene: Forensic Analysis
Avatar for Manfred Steyer manfredsteyer
PRO
0
130
Reactive Thinking with Signals and the new Resource API
Avatar for Manfred Steyer manfredsteyer
PRO
0
250
Rethinking Angular: The Future with Signal Store and the New Resource API @w-jax 2025, Munich
Avatar for Manfred Steyer manfredsteyer
PRO
0
110

Other Decks in Programming

See All in Programming
CSC307 Lecture 04
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
660
カスタマーサクセス業務を変革したヘルススコアの実現と学び
Avatar for Tomoyuki Hamaguchi _hummer0724
0
680
AI巻き込み型コードレビューのススメ
Avatar for Nealle nealle
1
150
副作用をどこに置くか問題：オブジェクト指向で整理する設計判断ツリー
Avatar for Koya Masuda koxya
1
600
AI時代の認知負荷との向き合い方
Avatar for OptFit Corp. optfit
0
150
dchart: charts from deck markup
Avatar for Anthony Starks ajstarks
3
990
OCaml 5でモダンな並列プログラミングを Enjoyしよう!
Avatar for Haochen Kotoi-Xie haochenx
0
140
SourceGeneratorのススメ
Avatar for tkym htkym
0
190
KIKI_MBSD Cybersecurity Challenges 2025
Avatar for ikema ikema
0
1.3k
MDN Web Docs に日本語翻訳でコントリビュート
Avatar for uutan1108 ohmori_yusuke
0
650
QAフローを最適化し、品質水準を満たしながらリリースまでの期間を最短化する #RSGT2026
Avatar for shibayu36 shibayu36
2
4.3k
今こそ知るべき耐量子計算機暗号(PQC)入門 / PQC: What You Need to Know Now
Avatar for mackey0225 mackey0225
3
370

Featured

See All Featured
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.9k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2.3k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
We Are The Robots
Avatar for Honza Javorek honzajavorek
0
160
ラッコキーワード サービス紹介資料
Avatar for ラッコ株式会社 rakko
1
2.2M
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.8k
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
200
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
38
3k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
66
36k
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
1
810
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
187
22k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.2k

Transcript

  1. Angular: Google’s popular SPA Framework Manfred Steyer SOFTWAREarchitekt.at ManfredSteyer ManfredSteyer

  2. About me … • Manfred Steyer • SOFTWAREarchitekt.at • Trainer

    & Consultant • Focus: Angular • Google Developer Expert (GDE) Page ▪ 2 Manfred Steyer

  3. Contents • Motivation • First Steps with Angular • DEMO

  4. Motivation Page ▪ 4

  5. Platforms and Usability HTML + JavaScript

  6. HTML + JavaScript = Complexity

  7. Page ▪ 8 Frameworks help to master HTML + JavaScript

  8. Google Community AngularJS (1): 1,3 Mio Devs Angular (2/4): 810K

    Devs

  9. 727 Meetup Groups around the world

  10. First Steps with Angular Page ▪ 14

  11. Projectstart with Angular CLI

  12. TypeScript ES 6 Languages Page ▪ 17 ES 5

  13. Application == Component Tree Page ▪ 18

  14. Components export class AppComponent { title: string = 'Hello World!';

    } <h1> {{ title }} </h1> @Component({ selector: 'flight-app', templateUrl: './app.component.html' }) <flight-app></flight-app>

  15. DEMO Page ▪ 20

  16. Summary Huge Community Components TypeScript Data Binding CLI

  17. Contact [mail] [email protected] [blog] SOFTWAREarchitekt.at [twitter] ManfredSteyer