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

Introduction to Angular 2

Avatar for Frontend NE Frontend NE
February 04, 2016
Technology
1
470

Introduction to Angular 2

Avatar for Frontend NE

Frontend NE

February 04, 2016
Tweet

More Decks by Frontend NE

See All by Frontend NE
Standardizing 'select': What the future holds for HTML - Stephanie Stimac @ FrontendNE
Avatar for Frontend NE frontendne
4
350
CSS Regression testing - James A Lambert @ FrontendNE
Avatar for Frontend NE frontendne
1
300
Building a design system for Lloyds Banking - Lilly Dart @ FrontendNE
Avatar for Frontend NE frontendne
0
1.3k
What I learnt about hiring diverse teams from conducting a fully-anonymous recruitment process - Bethan Vicent
Avatar for Frontend NE frontendne
0
240
Web Design that Doesn't Make Trans People Uncomfortable - Jessica Kelsall
Avatar for Frontend NE frontendne
0
690
Contain yourself - Docker for developers
Avatar for Frontend NE frontendne
2
240
Design process of a website
Avatar for Frontend NE frontendne
0
260
What the JAMstack?
Avatar for Frontend NE frontendne
1
860
Talking the talk
Avatar for Frontend NE frontendne
0
450

Other Decks in Technology

See All in Technology
AWS 怖い話 WAF編 @fillz_noh #AWSStartup #AWSStartup_Kansai
Avatar for Yusuke WADA fillznoh
0
130
Introduction to Sansan, inc / Sansan Global Development Center, Inc.
Avatar for Sansan, Inc. sansan33
PRO
0
2.7k
Amplify Gen2から知るAWS CDK Toolkit Libraryの使い方/How to use the AWS CDK Toolkit Library as known from Amplify Gen2
Avatar for MURAKAMI Masahiko fossamagna
1
360
OpenTelemetryセマンティック規約の恩恵とMackerel APMにおける活用例 / SRE NEXT 2025
Avatar for mackerelio mackerelio
3
2k
ABEMAの本番環境負荷試験への挑戦
Avatar for Miyazaki Taiga mk2taiga
5
1.3k
振り返りTransit Gateway ～VPCをいい感じでつなげるために～
Avatar for モブエンジニア（Masaki Okuda） masakiokuda
4
210
“日本一のM&A企業”を支える、少人数SREの効率化戦略 / SRE NEXT 2025
Avatar for GENDA genda
1
280
アクセスピークを制するオートスケール再設計: 障害を乗り越えKEDAで実現したリソース管理の最適化
Avatar for M-Yamashita myamashii
1
710
データ戦略部門 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
1
3.3k
Bliki (ja), and the Cathedral, and the Bazaar
Avatar for Koichi ITO koic
3
140
P2P通信の標準化 WebRTCを知ろう
Avatar for Akira Takahashi faithandbrave
3
950
助けて! XからWaylandに移行しないと新しいGNOMEが使えなくなっちゃう 2025-07-12
Avatar for Nobuto Murata nobutomurata
2
200

Featured

See All Featured
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
77
5.9k
Side Projects
Avatar for Sacha Greif sachag
455
42k
Designing for Performance
Avatar for Lara Hogan lara
610
69k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
271
27k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
70
11k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
411
22k
Navigating Team Friction
Avatar for Lara Hogan lara
187
15k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
8
340
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
273
40k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
35
6.7k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.5k
KATA
Avatar for Megan Lloyd mclloyd
30
14k

Transcript

  1. Introduction to Angular 2 By Jonathan Hamilton

  2. Why I decided to learn

  3. What’s new? • Completely different • Faster • Written in

    Typescript • Heavy use of Classical Inheritance • Component-based • $scope & ng (mostly) are dead • Designed with ‘mobile’ in mind • Server side rendering • Native support (sort of)

  4. I’m not going to cover tooling/setup

  5. So you say it looks totally different?

  6. I know right?

  7. Another component

  8. Let’s embed that component

  9. Binding/Events

  10. So how do I migrate? • Using ES2015 already? (Specifically,

    classes) it should be easy. • ngUpgrade

  11. ngUpgrade Adapting 1.x with 2.0 Adapting 2.0 with 1.x

  12. Native Script

  13. Thank you