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

Introduction to Angular 2

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Frontend NE Frontend NE
February 04, 2016
Technology
540
1

Introduction to Angular 2

Avatar for Frontend NE

Frontend NE

February 04, 2016

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

Other Decks in Technology

See All in Technology
Microsoft Fabricで考える非構造データのAI活用
Avatar for Ryoma Nagata ryomaru0825
0
720
New CBs New Challenges
Avatar for Yosuke Suzuki ysuzuki
1
130
Network Firewall Proxyで 自前プロキシを消し去ることができるのか
Avatar for ぐっさん gusandayo
0
200
ブラックボックス化したMLシステムのVertex AI移行 / mlops_community_62
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
1
290
Autonomous Database - Dedicated 技術詳細 / adb-d_technical_detail_jp
Avatar for oracle4engineer oracle4engineer
PRO
5
13k
ふりかえりがなかった職能横断チームにふりかえりを導入してみて学んだこと 〜チームのふりかえりを「みんなで未来を考える場」にするプロローグ設計〜
Avatar for Masahiro Shimokawa masahiro1214shimokawa
0
170
ふりかえりを 「あそび」にしたら、 学習が勝手に進んだ / Playful Retros Drive Learning
Avatar for katoaz katoaz
0
320
I ran an automated simulation of fake news spread using OpenClaw.
Avatar for otsuka zzzzico
1
980
【PHPカンファレンス小田原2026】Webアプリケーションエンジニアにも知ってほしい オブザーバビリティ の本質
Avatar for Futoshi Endo fendo181
0
290
TanStack Start エコシステムの現在地 / TanStack Start Ecosystem 2026
Avatar for Takahiro Ikeuchi iktakahiro
1
340
BIツール「Omni」の紹介 @Snowflake中部UG
Avatar for Sagara sagara
0
220
レガシーシステムをどう次世代に受け継ぐか
Avatar for 立入 tachiiri
0
290

Featured

See All Featured
Avoiding the “Bad Training, Faster” Trap in the Age of AI
Avatar for Mike Taylor tmiket
0
120
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
211
24k
Discover your Explorer Soul
Avatar for Emna emna__ayadi
2
1.1k
Agile Actions for Facilitating Distributed Teams - ADO2019
Avatar for Mark Kilby mkilby
0
170
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
302
51k
Chasing Engaging Ingredients in Design
Avatar for Sebastian Deterding codingconduct
0
160
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.3k
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
310
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.4k
Unlocking the hidden potential of vector embeddings in international SEO
Avatar for Frank van Dijk frankvandijk
0
750
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
12k

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