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

Angular

Avatar for Manfred Steyer Manfred Steyer
PRO
May 14, 2017
Programming
0
260

 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
Advanced Micro Frontends: Multi Version/ Framework Scenarios @WAD 2025, Berlin
Avatar for Manfred Steyer manfredsteyer
PRO
0
6
Modern Angular with Signals and Signal Store: New Rules for Your Architecture @enterJS Advanced Angular Day 2025
Avatar for Manfred Steyer manfredsteyer
PRO
0
200
The Missing Link in Angular‘s Signal Story Resource API and httpResource @ngRome 2025
Avatar for Manfred Steyer manfredsteyer
PRO
0
82
Your Architecture as a Crime Scene: Forensic Analysis
Avatar for Manfred Steyer manfredsteyer
PRO
0
140
Rethinking Data Access: The New httpResource in Angular
Avatar for Manfred Steyer manfredsteyer
PRO
0
300
Reactive Thinking with Signals, Resource API, and httpResource @Devm.io Angular 20 Launch Party
Avatar for Manfred Steyer manfredsteyer
PRO
0
190
JavaScript as a Crime Scene Forensic Analysis
Avatar for Manfred Steyer manfredsteyer
PRO
0
92
Modern Angular with Signals and Signal Store: New Rules for Your Architecture @jax2025 in Mainz, Germany
Avatar for Manfred Steyer manfredsteyer
PRO
0
170
Premier Disciplin for Micro Frontends Multi Version/ Framework Scenarios
Avatar for Manfred Steyer manfredsteyer
PRO
0
100

Other Decks in Programming

See All in Programming
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
50
33k
RailsGirls IZUMO スポンサーLT
Avatar for 16bit_idol 16bitidol
0
170
なぜ「共通化」を考え、失敗を繰り返すのか
Avatar for Rinchoku rinchoku
1
640
Railsアプリケーションと パフォーマンスチューニング ー 秒間5万リクエストの モバイルオーダーシステムを支える事例 ー Rubyセミナー 大阪
Avatar for Hayato OKUMOTO falcon8823
5
1.1k
都市をデータで見るってこういうこと　PLATEAU属性情報入門
Avatar for nokonoko1203 nokonoko1203
1
600
レベル1の開発生産性向上に取り組む − 日々の作業の効率化・自動化を通じた改善活動
Avatar for kesoji kesoji
0
100
AIプログラマーDevinは PHPerの夢を見るか？
Avatar for Shinya Saita shinyasaita
1
200
効率的な開発手段として VRTを活用する
Avatar for Yosuke Ishikawa ishkawa
0
110
Quand Symfony, ApiPlatform, OpenAI et LangChain s'allient pour exploiter vos PDF : de la théorie à la production…
Avatar for Ahmed EBEN HASSINE ahmedbhs123
0
150
0626 Findy Product Manager LT Night_高田スライド_speaker deck用
Avatar for Mana Takada mana_takada
0
160
おやつのお供はお決まりですか？@WWDC25 Recap -Japan-\(region).swift
Avatar for gangan shingangan
0
110
「Cursor/Devin全社導入の理想と現実」のその後
Avatar for Ryoichi Saito saitoryc
0
790

Featured

See All Featured
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
231
18k
Docker and Python
Avatar for Tania Allard trallard
44
3.5k
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
23
3.5k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
31
8.7k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.3k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.1k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
32
1k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
694
190k
Faster Mobile Websites
Avatar for Dean Hume deanohume
307
31k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
271
27k
KATA
Avatar for Megan Lloyd mclloyd
30
14k
Building Applications with DynamoDB
Avatar for Matt Wood mza
95
6.5k

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