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
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
AIフル活用時代だからこそ学んでおきたい働き方の心得
Avatar for shinoyu shinoyu
0
130
開発者から情シスまで - 多様なユーザー層に届けるAPI提供戦略 / Postman API Night Okinawa 2026 Winter
Avatar for tasshi tasshi
0
200
Data-Centric Kaggle
Avatar for ねぼすけAI isax1015
2
770
AI によるインシデント初動調査の自動化を行う AI インシデントコマンダーを作った話
Avatar for azukiazusa azukiazusa1
1
710
Automatic Grammar Agreementと Markdown Extended Attributes
について
Avatar for Kishikawa Katsumi kishikawakatsumi
0
180
AI & Enginnering
Avatar for codelynx codelynx
0
110
AIエージェントのキホンから学ぶ「エージェンティックコーディング」実践入門
Avatar for Masahiro Nishimi masahiro_nishimi
5
400
AI Agent の開発と運用を支える Durable Execution #AgentsInProd
Avatar for izumin5210 izumin5210
7
2.3k
インターン生でもAuth0で 認証基盤刷新が出来るのか
Avatar for takumi taku271
0
190
Fluid Templating in TYPO3 14
Avatar for Simon Praetorius s2b
0
130
登壇資料を作る時に意識していること #登壇資料_findy
Avatar for konifar konifar
4
1k
Apache Iceberg V3 and migration to V3
Avatar for Tomohiro Tanaka tomtanaka
0
160

Featured

See All Featured
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
Avatar for AKADEMIYA2063 akademiya2063
PRO
1
54
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3.1k
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
0
130
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
61
9.7k
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
59
6.3k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.2k
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
130
AI Search:
Where Are We & What Can We Do About It?
Avatar for Aleyda Solis aleyda
0
6.9k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
17k
Designing for Performance
Avatar for Lara Hogan lara
610
70k
Kristin Tynski - Automating Marketing Tasks With AI
Avatar for Tech SEO Connect techseoconnect
PRO
0
140
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
130

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