Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥

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
All About Angular‘s New Signal Forms
Avatar for Manfred Steyer manfredsteyer
PRO
0
3
Full-Cycle Reactivity in Angular: SignalStore mit Signal Forms und Resources
Avatar for Manfred Steyer manfredsteyer
PRO
0
140
Your Architecture as a Crime Scene? Forensic Analysis
Avatar for Manfred Steyer manfredsteyer
PRO
0
100
Full-Cycle Reactivity in Angular: SignalStore mit Signal Forms und Resources
Avatar for Manfred Steyer manfredsteyer
PRO
0
220
Your Architecture as a Crime Scene: Forensic Analysis
Avatar for Manfred Steyer manfredsteyer
PRO
0
90
Reactive Thinking with Signals and the new Resource API
Avatar for Manfred Steyer manfredsteyer
PRO
0
200
Rethinking Angular: The Future with Signal Store and the New Resource API @w-jax 2025, Munich
Avatar for Manfred Steyer manfredsteyer
PRO
0
80
Premier Disciplin for Micro Frontends Multi Version/ Framework Scenarios
Avatar for Manfred Steyer manfredsteyer
PRO
0
130
The Missing Link in Angular's Signal Story: Resource API and httpResource
Avatar for Manfred Steyer manfredsteyer
PRO
0
160

Other Decks in Programming

See All in Programming
認証・認可の基本を学ぼう後編
Avatar for kaza kouyuume
0
240
Socio-Technical Evolution: Growing an Architecture and Its Organization for Fast Flow
Avatar for Chris Richardson cer
PRO
0
340
안드로이드 9년차 개발자, 프론트엔드 주니어로 커리어 리셋하기
Avatar for Seungmin 마량 maryang
1
120
30分でDoctrineの仕組みと使い方を完全にマスターする / phpconkagawa 2025 Doctrine
Avatar for Takashi Kanemoto ttskch
4
880
ID管理機能開発の裏側 高速にSaaS連携を実現したチームのAI活用編
Avatar for Atsushi Kawamura (atzz/a2c) atzzcokek
0
230
愛される翻訳の秘訣
Avatar for Kishikawa Katsumi kishikawakatsumi
3
330
Github Copilotのチャット履歴ビューワーを作りました～WPF、dotnet10もあるよ～ #clrh111
Avatar for KatsuYuzu katsuyuzu
0
110
從冷知識到漏洞，你不懂的 Web，駭客懂 - Huli @ WebConf Taiwan 2025
Avatar for Huli aszx87410
2
2.7k
AI時代を生き抜く 新卒エンジニアの生きる道
Avatar for coconala_engineer coconala_engineer
1
230
モデル駆動設計をやってみよう ワークショップ開催報告(Modeling Forum2025) / model driven design workshop report
Avatar for haru860 haru860
0
270
JETLS.jl ─ A New Language Server for Julia
Avatar for abap34 abap34
1
400
AIエージェントを活かすPM術 AI駆動開発の現場から
Avatar for gyuta gyuta
0
420

Featured

See All Featured
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
359
30k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
61k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
710
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
273
21k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
122
21k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.2k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1371
200k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
432
66k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.8k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
7.9k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
48
9.8k

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