Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Angular

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

 Angular

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

Avatar for Manfred Steyer

Manfred Steyer PRO

May 14, 2017

More Decks by Manfred Steyer

See All by Manfred Steyer
Human in the Loop Beyond Approval: Toward True Collaboration @FrontMania 2026 in Utrecht
Avatar for Manfred Steyer manfredsteyer
PRO
0
57
Agentic UI: Where the Agent meets the User @FrontMania 2026 in Utrecht
Avatar for Manfred Steyer manfredsteyer
PRO
0
57
A2UI as an Architecture Question: Agentic UI Between AI Freedom and Control
Avatar for Manfred Steyer manfredsteyer
PRO
0
92
AI-Ready Angular Architectures Architecture as Executable Contract
Avatar for Manfred Steyer manfredsteyer
PRO
0
250
Nostalgia Meets Technology: Super Mario with TypeScript @BASTA 2026 in Mainz, Germany
Avatar for Manfred Steyer manfredsteyer
PRO
0
49
Beyond Chatbots: Agentic UI with Open Standards @AGNTcon 2026 in Amsterdam
Avatar for Manfred Steyer manfredsteyer
PRO
0
150
Next-Level Frontends: Agentic Web UIs Under the Hood
Avatar for Manfred Steyer manfredsteyer
PRO
0
110
Agentic UI with Open Standards @ngGraz Sep 2026
Avatar for Manfred Steyer manfredsteyer
PRO
0
120
Agentic UI with Open Standards @GDG Salzburg, Bgl & Prishtina
Avatar for Manfred Steyer manfredsteyer
PRO
0
99

Other Decks in Programming

See All in Programming
CodeRabbitの効果検証と過ごしてみた3ヶ月
Avatar for armondando armondando
0
230
カツオ、ご期待ください
Avatar for saku_totomi suneo3476
0
180
AI時代のコードレビューは人に向けるな、仕組みに向けろ
Avatar for meijin texmeijin
5
3.6k
Starting & Sustaining Code-Based E2E Testing for Non-Coding QA Teams( #jasstniigata )
Avatar for teyamagu teyamagu
PRO
1
990
複雑なUIコンポーネントとの ⻑い付き合い⽅：波及するバグからテスト戦略を経て、安全な再設計へ
Avatar for masahiko.asai mixplace
0
400
Web Framework Benchmark Battle 2026, Any%
Avatar for Akira Matsuda a_matsuda
2
1.2k
AIに “答え“を書かせるのを やめてみた
Avatar for akari ___akari11
0
120
設計次第でAIコードの読む量は減らせる / designing-for-code-reading
Avatar for MinoDriven minodriven
35
16k
phperだってパンチカードでコーディングしたい
Avatar for hideki kinjyo o0h
PRO
0
320
dotNET_vulnclicker_intro.pdf
Avatar for Tomohiko Morita deka_morita
0
140
気持ちぃ〜角丸 Squircle
Avatar for ryu ryu1013
0
300
動作中のプログラムの中身をリアルタイムに覗く / Realtime Debugger for CSharp with Roslyn
Avatar for Prota prota
1
1.9k

Featured

See All Featured
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
Avatar for Andy Polaine apolaine
2
470
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
41
2.8k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
7k
Un-Boring Meetings
Avatar for Sebastian Deterding codingconduct
0
450
Scaling GitHub
Avatar for Zach Holman holman
464
140k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
4k
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
1
600
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.5k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
10k
Believing is Seeing
Avatar for Spiro Bolos oripsolob
1
240
Agile Actions for Facilitating Distributed Teams - ADO2019
Avatar for Mark Kilby mkilby
0
310

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