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
490

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
370
CSS Regression testing - James A Lambert @ FrontendNE
Avatar for Frontend NE frontendne
1
310
Building a design system for Lloyds Banking - Lilly Dart @ FrontendNE
Avatar for Frontend NE frontendne
0
1.4k
What I learnt about hiring diverse teams from conducting a fully-anonymous recruitment process - Bethan Vicent
Avatar for Frontend NE frontendne
0
260
Web Design that Doesn't Make Trans People Uncomfortable - Jessica Kelsall
Avatar for Frontend NE frontendne
0
710
Contain yourself - Docker for developers
Avatar for Frontend NE frontendne
2
250
Design process of a website
Avatar for Frontend NE frontendne
0
270
What the JAMstack?
Avatar for Frontend NE frontendne
1
880
Talking the talk
Avatar for Frontend NE frontendne
0
460

Other Decks in Technology

See All in Technology
現場で効くClaude Code ─ 最新動向と企業導入
Avatar for TakaakiKakei takaakikakei
1
260
バイブスに「型」を！Kent Beckに学ぶ、AI時代のテスト駆動開発
Avatar for amixedcolor amixedcolor
2
580
2025/09/16 仕様駆動開発とAI-DLCが導くAI駆動開発の新フェーズ
Avatar for オカムラ masahiro_okamura
0
110
20250913_JAWS_sysad_kobe
Avatar for Takuya Yonezawa takuyay0ne
2
250
「何となくテストする」を卒業するためにプロダクトが動く仕組みを理解しよう
Avatar for kawabeaver kawabeaver
0
430
LLMを搭載したプロダクトの品質保証の模索と学び
Avatar for SmartHR 品質保証部 qa
0
1.1k
【NoMapsTECH 2025】AI Edge Computing Workshop
Avatar for ITO Akihiro akit37
0
230
RSCの時代にReactとフレームワークの境界を探る
Avatar for uhyo uhyo
10
3.5k
普通のチームがスクラムを会得するたった一つの冴えたやり方 / the best way to scrum
Avatar for 岡本卓也 okamototakuyasr2
0
110
開発者を支える Internal Developer Portal のイマとコレカラ / To-day and To-morrow of Internal Developer Portals: Supporting Developers
Avatar for Kento Kimura aoto
PRO
1
470
「Linux」という言葉が指すもの
Avatar for Satoru Takeuchi sat
PRO
4
140
IoT x エッジAI - リアルタイ ムAI活用のPoCを今すぐ始め る方法 -
Avatar for niizawat niizawat
0
110

Featured

See All Featured
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
236
140k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
110k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.5k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
57
5.8k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
252
21k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
368
19k
Visualization
Avatar for Eitan Lees eitanlees
148
16k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1370
200k
Making Projects Easy
Avatar for Brett Harned brettharned
117
6.4k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
431
66k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.4k

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