Angle Forward with TypeScript

Jeremy Likness
Jeremy LiknessSr. Cloud Developer Advocate at Microsoft
Angle Forward with
TypeScript
MIGRATING NG1 TO NG2
Jeremy Likness (@JeremyLikness)
Director,Application Development
iVision http://bit.ly/ivisionappdev
Blog http://bit.ly/coderblog
In the Next 20 Minutes …
• WhyTypeScript?
• Three Approaches to Upgrading and/or Migrating
• Hands-on Example
• Conclusion
Why TypeScript?
• It’s what the Angular 2 team is using: http://typescriptlang.org/
• Makes the module question easy to answer (AMD, CommonJs,
SystemJs, etc.)
• Superset of JavaScript
• Targets ES5, ES6/ES2015, etc.
• Types, Interfaces, Classes, Modules, Function Definitions, Generics,
Declarations and Decorators
• Type Libraries /Visual Studio Code
Three Approaches to Upgrading/Migrating
1. Big Bang – all at once (upgrade case study: http://bit.ly/ngupgcase)
2. ngForward – tomorrow’s format, today
3. ngUpgrade – piecemeal or side-by-side
* Note: lose $scope and $watch. Controller As if you please.
Prepare Bootstrap Upgrade Downgrade Migrate
Demo
LET’S UPGRADE!
Quick Reference
• [service, factory, value, etc.] => provide and/or resolveAndCreate
• Directives -> Directives or Components
• Components have UI, directives may just be behavior
• Controllers -> Components
• Services -> Services
• Filters -> Pipes
What’s next?
• Full Upgrade Case Study: http://bit.ly/ngupgcase
• Controller As: http://bit.ly/ngctrlas
• Twitter: @JeremyLikness
• Blog: http://bit.ly/coderblog
• GitHub: https://github.com/JeremyLikness/ToDoNg1ToNg2
• Special Offer: Introduction to Angular 2 withTypeScript
• http://bit.ly/ng2video
• Promo Code LIKNESS-16 for free trial (no credit card required)
• Reach out to me anytime! jlikness@ivision.com
• QUESTIONS?
1 of 7

Recommended

Back to the ng2 Future by
Back to the ng2 FutureBack to the ng2 Future
Back to the ng2 FutureJeremy Likness
6.2K views15 slides
Advanced AngularJS Tips and Tricks by
Advanced AngularJS Tips and TricksAdvanced AngularJS Tips and Tricks
Advanced AngularJS Tips and TricksJeremy Likness
5.1K views20 slides
Angular from a Different Angle by
Angular from a Different AngleAngular from a Different Angle
Angular from a Different AngleJeremy Likness
14.5K views31 slides
React UI Development: Introduction to "UI Component as API" by
React UI Development: Introduction to "UI Component as API"React UI Development: Introduction to "UI Component as API"
React UI Development: Introduction to "UI Component as API"Itaru Kitagawa
1.6K views34 slides
Top java script frameworks ppt by
Top java script frameworks pptTop java script frameworks ppt
Top java script frameworks pptOmkarsoft Bangalore
2.3K views22 slides
JWC 2015 - Mobile apps development for Joomla! by
JWC 2015 - Mobile apps development for Joomla!JWC 2015 - Mobile apps development for Joomla!
JWC 2015 - Mobile apps development for Joomla!Extly Extensions - JoomGap
777 views29 slides

More Related Content

What's hot

Frameworks for Web Development by
Frameworks for Web DevelopmentFrameworks for Web Development
Frameworks for Web Developmentdtmodern
56 views13 slides
iOS development best practices by
iOS development best practicesiOS development best practices
iOS development best practicesMichal Juhas
1.4K views24 slides
Frontend War: Angular vs React vs Vue by
Frontend War: Angular vs React vs VueFrontend War: Angular vs React vs Vue
Frontend War: Angular vs React vs VueMarudi Subakti
706 views20 slides
Joomla as a mobile App backend - ideas, examples and experiences by
Joomla as a mobile App backend - ideas, examples and experiencesJoomla as a mobile App backend - ideas, examples and experiences
Joomla as a mobile App backend - ideas, examples and experiencesAndy_Gaskell
2.7K views62 slides
Let's Build an Angular App! by
Let's Build an Angular App!Let's Build an Angular App!
Let's Build an Angular App!Jeremy Likness
14.1K views33 slides
Cross Platform Angular 2 and TypeScript Development by
Cross Platform Angular 2 and TypeScript DevelopmentCross Platform Angular 2 and TypeScript Development
Cross Platform Angular 2 and TypeScript DevelopmentJeremy Likness
238 views13 slides

What's hot(20)

Frameworks for Web Development by dtmodern
Frameworks for Web DevelopmentFrameworks for Web Development
Frameworks for Web Development
dtmodern56 views
iOS development best practices by Michal Juhas
iOS development best practicesiOS development best practices
iOS development best practices
Michal Juhas1.4K views
Frontend War: Angular vs React vs Vue by Marudi Subakti
Frontend War: Angular vs React vs VueFrontend War: Angular vs React vs Vue
Frontend War: Angular vs React vs Vue
Marudi Subakti706 views
Joomla as a mobile App backend - ideas, examples and experiences by Andy_Gaskell
Joomla as a mobile App backend - ideas, examples and experiencesJoomla as a mobile App backend - ideas, examples and experiences
Joomla as a mobile App backend - ideas, examples and experiences
Andy_Gaskell2.7K views
Let's Build an Angular App! by Jeremy Likness
Let's Build an Angular App!Let's Build an Angular App!
Let's Build an Angular App!
Jeremy Likness14.1K views
Cross Platform Angular 2 and TypeScript Development by Jeremy Likness
Cross Platform Angular 2 and TypeScript DevelopmentCross Platform Angular 2 and TypeScript Development
Cross Platform Angular 2 and TypeScript Development
Jeremy Likness238 views
Lessons Learnt from Backend Systems Development by Michal Juhas
Lessons Learnt from Backend Systems DevelopmentLessons Learnt from Backend Systems Development
Lessons Learnt from Backend Systems Development
Michal Juhas1.9K views
SoftServe - "ASP.NET MVC як наступний крок у розвитку технології розробки Web... by SoftServe
SoftServe - "ASP.NET MVC як наступний крок у розвитку технології розробки Web...SoftServe - "ASP.NET MVC як наступний крок у розвитку технології розробки Web...
SoftServe - "ASP.NET MVC як наступний крок у розвитку технології розробки Web...
SoftServe1.2K views
Single Page Application (SPA) using AngularJS by M R Rony
Single Page Application (SPA) using AngularJSSingle Page Application (SPA) using AngularJS
Single Page Application (SPA) using AngularJS
M R Rony29.8K views
Angular 2 interview questions and answers by Anil Singh
Angular 2 interview questions and answersAngular 2 interview questions and answers
Angular 2 interview questions and answers
Anil Singh7.9K views
Alexander Shitikov: Cross Platform Mobile Development. Business Logic for mob... by Mobile Trends
Alexander Shitikov: Cross Platform Mobile Development. Business Logic for mob...Alexander Shitikov: Cross Platform Mobile Development. Business Logic for mob...
Alexander Shitikov: Cross Platform Mobile Development. Business Logic for mob...
Mobile Trends590 views
Introduce Angular2 & render & firebase flow by Caesar Chi
Introduce Angular2 & render & firebase flowIntroduce Angular2 & render & firebase flow
Introduce Angular2 & render & firebase flow
Caesar Chi1.3K views
Angular 2 overview by Jesse Warden
Angular 2 overviewAngular 2 overview
Angular 2 overview
Jesse Warden3.8K views
HotelQuickly Product & Engineering by Michal Juhas
HotelQuickly Product & EngineeringHotelQuickly Product & Engineering
HotelQuickly Product & Engineering
Michal Juhas2.4K views
A Minimalist’s Attempt at Building a Distributed Application by David Hoerster
A Minimalist’s Attempt at Building a Distributed ApplicationA Minimalist’s Attempt at Building a Distributed Application
A Minimalist’s Attempt at Building a Distributed Application
David Hoerster5K views
MEAN Stack by RoshanTak1
MEAN Stack MEAN Stack
MEAN Stack
RoshanTak1159 views

Viewers also liked

C# Async/Await Explained by
C# Async/Await ExplainedC# Async/Await Explained
C# Async/Await ExplainedJeremy Likness
7.1K views34 slides
Single Page Applications: Your Browser is the OS! by
Single Page Applications: Your Browser is the OS!Single Page Applications: Your Browser is the OS!
Single Page Applications: Your Browser is the OS!Jeremy Likness
4.9K views39 slides
Windows 8.1 Sockets by
Windows 8.1 SocketsWindows 8.1 Sockets
Windows 8.1 SocketsJeremy Likness
3.3K views27 slides
Enterprise TypeScript by
Enterprise TypeScriptEnterprise TypeScript
Enterprise TypeScriptJeremy Likness
6.1K views14 slides
The Windows Runtime and the Web by
The Windows Runtime and the WebThe Windows Runtime and the Web
The Windows Runtime and the WebJeremy Likness
2.6K views37 slides
My XML is Alive! An Intro to XAML by
My XML is Alive! An Intro to XAMLMy XML is Alive! An Intro to XAML
My XML is Alive! An Intro to XAMLJeremy Likness
3K views32 slides

Viewers also liked(7)

Single Page Applications: Your Browser is the OS! by Jeremy Likness
Single Page Applications: Your Browser is the OS!Single Page Applications: Your Browser is the OS!
Single Page Applications: Your Browser is the OS!
Jeremy Likness4.9K views
The Windows Runtime and the Web by Jeremy Likness
The Windows Runtime and the WebThe Windows Runtime and the Web
The Windows Runtime and the Web
Jeremy Likness2.6K views
My XML is Alive! An Intro to XAML by Jeremy Likness
My XML is Alive! An Intro to XAMLMy XML is Alive! An Intro to XAML
My XML is Alive! An Intro to XAML
Jeremy Likness3K views
Cross-Platform Agile DevOps with Visual Studio Team Services by Jeremy Likness
Cross-Platform Agile DevOps with Visual Studio Team ServicesCross-Platform Agile DevOps with Visual Studio Team Services
Cross-Platform Agile DevOps with Visual Studio Team Services
Jeremy Likness238 views

Similar to Angle Forward with TypeScript

Workshop About Software Engineering Skills 2019 by
Workshop About Software Engineering Skills 2019Workshop About Software Engineering Skills 2019
Workshop About Software Engineering Skills 2019PhuocNT (Fresher.VN)
657 views27 slides
Front end microservices: architectures and solution by
Front end microservices: architectures and solutionFront end microservices: architectures and solution
Front end microservices: architectures and solutionMikhail Kuznetcov
702 views37 slides
Angular 1.x reloaded: improve your app now! and get ready for 2.0 by
Angular 1.x reloaded:  improve your app now! and get ready for 2.0Angular 1.x reloaded:  improve your app now! and get ready for 2.0
Angular 1.x reloaded: improve your app now! and get ready for 2.0Carlo Bonamico
2.3K views39 slides
2013-04-02-the_fog_of_spa by
2013-04-02-the_fog_of_spa2013-04-02-the_fog_of_spa
2013-04-02-the_fog_of_spaMichael Mikowski
319 views42 slides
Angular 2 by
Angular 2Angular 2
Angular 2Travis van der Font
1K views43 slides
Luna - How to build and maintain a github project by
Luna  - How to build and maintain a github projectLuna  - How to build and maintain a github project
Luna - How to build and maintain a github projectPanayiotis Arvanitis
41 views47 slides

Similar to Angle Forward with TypeScript(20)

Front end microservices: architectures and solution by Mikhail Kuznetcov
Front end microservices: architectures and solutionFront end microservices: architectures and solution
Front end microservices: architectures and solution
Mikhail Kuznetcov702 views
Angular 1.x reloaded: improve your app now! and get ready for 2.0 by Carlo Bonamico
Angular 1.x reloaded:  improve your app now! and get ready for 2.0Angular 1.x reloaded:  improve your app now! and get ready for 2.0
Angular 1.x reloaded: improve your app now! and get ready for 2.0
Carlo Bonamico2.3K views
Joomla!Day Poland 2013 - Joomla Architecture (Ofer Cohen) by Ofer Cohen
Joomla!Day Poland 2013 - Joomla Architecture  (Ofer Cohen)Joomla!Day Poland 2013 - Joomla Architecture  (Ofer Cohen)
Joomla!Day Poland 2013 - Joomla Architecture (Ofer Cohen)
Ofer Cohen1K views
Advancing JavaScript without breaking the web - MunichJS by Christian Heilmann
Advancing JavaScript without breaking the web - MunichJSAdvancing JavaScript without breaking the web - MunichJS
Advancing JavaScript without breaking the web - MunichJS
Christian Heilmann25.3K views
TypeScript 101 - We RISE Tech Conference by Frances Coronel
TypeScript 101 - We RISE Tech ConferenceTypeScript 101 - We RISE Tech Conference
TypeScript 101 - We RISE Tech Conference
Frances Coronel385 views
Applications Of Microsoft Embedded Systems by Mark Taipan
Applications Of Microsoft Embedded SystemsApplications Of Microsoft Embedded Systems
Applications Of Microsoft Embedded Systems
Mark Taipan698 views
Introduction to Facebook React by Mitch Chen
Introduction to Facebook ReactIntroduction to Facebook React
Introduction to Facebook React
Mitch Chen1.2K views
Introducing the New DSpace User Interface by Tim Donohue
Introducing the New DSpace User InterfaceIntroducing the New DSpace User Interface
Introducing the New DSpace User Interface
Tim Donohue5.8K views
CI/CD: Lessons from LinkedIn and Mockito by C4Media
CI/CD: Lessons from LinkedIn and MockitoCI/CD: Lessons from LinkedIn and Mockito
CI/CD: Lessons from LinkedIn and Mockito
C4Media392 views
Engage 2015 - 10 Mistakes You and Every XPages Developer Make. Yes, I said YOU! by Serdar Basegmez
Engage 2015 - 10 Mistakes You and Every XPages Developer Make. Yes, I said YOU!Engage 2015 - 10 Mistakes You and Every XPages Developer Make. Yes, I said YOU!
Engage 2015 - 10 Mistakes You and Every XPages Developer Make. Yes, I said YOU!
Serdar Basegmez2.6K views
DrupalCamp Chattanooga 2013 - Menu Minipanels in Drupal 7 by Eric Sembrat
DrupalCamp Chattanooga 2013 - Menu Minipanels in Drupal 7DrupalCamp Chattanooga 2013 - Menu Minipanels in Drupal 7
DrupalCamp Chattanooga 2013 - Menu Minipanels in Drupal 7
Eric Sembrat1K views
Jab12 - Joomla! architecture revealed by Ofer Cohen
Jab12 - Joomla! architecture revealedJab12 - Joomla! architecture revealed
Jab12 - Joomla! architecture revealed
Ofer Cohen2.1K views
QCon'17 talk: CI/CD at scale - lessons from LinkedIn and Mockito by Szczepan Faber
QCon'17 talk: CI/CD at scale - lessons from LinkedIn and MockitoQCon'17 talk: CI/CD at scale - lessons from LinkedIn and Mockito
QCon'17 talk: CI/CD at scale - lessons from LinkedIn and Mockito
Szczepan Faber968 views
Single Page Applications – Know The Ecosystem system by Synerzip
Single Page Applications – Know The Ecosystem systemSingle Page Applications – Know The Ecosystem system
Single Page Applications – Know The Ecosystem system
Synerzip12 views
Eclipse IDE and Platform news on Fosdem 2020 by Lars Vogel
Eclipse IDE and Platform news on Fosdem 2020Eclipse IDE and Platform news on Fosdem 2020
Eclipse IDE and Platform news on Fosdem 2020
Lars Vogel282 views

Recently uploaded

"Surviving highload with Node.js", Andrii Shumada by
"Surviving highload with Node.js", Andrii Shumada "Surviving highload with Node.js", Andrii Shumada
"Surviving highload with Node.js", Andrii Shumada Fwdays
58 views29 slides
Enabling DPU Hardware Accelerators in XCP-ng Cloud Platform Environment - And... by
Enabling DPU Hardware Accelerators in XCP-ng Cloud Platform Environment - And...Enabling DPU Hardware Accelerators in XCP-ng Cloud Platform Environment - And...
Enabling DPU Hardware Accelerators in XCP-ng Cloud Platform Environment - And...ShapeBlue
108 views12 slides
LLMs in Production: Tooling, Process, and Team Structure by
LLMs in Production: Tooling, Process, and Team StructureLLMs in Production: Tooling, Process, and Team Structure
LLMs in Production: Tooling, Process, and Team StructureAggregage
57 views77 slides
CloudStack Managed User Data and Demo - Harikrishna Patnala - ShapeBlue by
CloudStack Managed User Data and Demo - Harikrishna Patnala - ShapeBlueCloudStack Managed User Data and Demo - Harikrishna Patnala - ShapeBlue
CloudStack Managed User Data and Demo - Harikrishna Patnala - ShapeBlueShapeBlue
137 views13 slides
Future of Indian ConsumerTech by
Future of Indian ConsumerTechFuture of Indian ConsumerTech
Future of Indian ConsumerTechKapil Khandelwal (KK)
36 views68 slides
Updates on the LINSTOR Driver for CloudStack - Rene Peinthor - LINBIT by
Updates on the LINSTOR Driver for CloudStack - Rene Peinthor - LINBITUpdates on the LINSTOR Driver for CloudStack - Rene Peinthor - LINBIT
Updates on the LINSTOR Driver for CloudStack - Rene Peinthor - LINBITShapeBlue
208 views8 slides

Recently uploaded(20)

"Surviving highload with Node.js", Andrii Shumada by Fwdays
"Surviving highload with Node.js", Andrii Shumada "Surviving highload with Node.js", Andrii Shumada
"Surviving highload with Node.js", Andrii Shumada
Fwdays58 views
Enabling DPU Hardware Accelerators in XCP-ng Cloud Platform Environment - And... by ShapeBlue
Enabling DPU Hardware Accelerators in XCP-ng Cloud Platform Environment - And...Enabling DPU Hardware Accelerators in XCP-ng Cloud Platform Environment - And...
Enabling DPU Hardware Accelerators in XCP-ng Cloud Platform Environment - And...
ShapeBlue108 views
LLMs in Production: Tooling, Process, and Team Structure by Aggregage
LLMs in Production: Tooling, Process, and Team StructureLLMs in Production: Tooling, Process, and Team Structure
LLMs in Production: Tooling, Process, and Team Structure
Aggregage57 views
CloudStack Managed User Data and Demo - Harikrishna Patnala - ShapeBlue by ShapeBlue
CloudStack Managed User Data and Demo - Harikrishna Patnala - ShapeBlueCloudStack Managed User Data and Demo - Harikrishna Patnala - ShapeBlue
CloudStack Managed User Data and Demo - Harikrishna Patnala - ShapeBlue
ShapeBlue137 views
Updates on the LINSTOR Driver for CloudStack - Rene Peinthor - LINBIT by ShapeBlue
Updates on the LINSTOR Driver for CloudStack - Rene Peinthor - LINBITUpdates on the LINSTOR Driver for CloudStack - Rene Peinthor - LINBIT
Updates on the LINSTOR Driver for CloudStack - Rene Peinthor - LINBIT
ShapeBlue208 views
"Package management in monorepos", Zoltan Kochan by Fwdays
"Package management in monorepos", Zoltan Kochan"Package management in monorepos", Zoltan Kochan
"Package management in monorepos", Zoltan Kochan
Fwdays34 views
2FA and OAuth2 in CloudStack - Andrija Panić - ShapeBlue by ShapeBlue
2FA and OAuth2 in CloudStack - Andrija Panić - ShapeBlue2FA and OAuth2 in CloudStack - Andrija Panić - ShapeBlue
2FA and OAuth2 in CloudStack - Andrija Panić - ShapeBlue
ShapeBlue152 views
Live Demo Showcase: Unveiling Dell PowerFlex’s IaaS Capabilities with Apache ... by ShapeBlue
Live Demo Showcase: Unveiling Dell PowerFlex’s IaaS Capabilities with Apache ...Live Demo Showcase: Unveiling Dell PowerFlex’s IaaS Capabilities with Apache ...
Live Demo Showcase: Unveiling Dell PowerFlex’s IaaS Capabilities with Apache ...
ShapeBlue129 views
Setting Up Your First CloudStack Environment with Beginners Challenges - MD R... by ShapeBlue
Setting Up Your First CloudStack Environment with Beginners Challenges - MD R...Setting Up Your First CloudStack Environment with Beginners Challenges - MD R...
Setting Up Your First CloudStack Environment with Beginners Challenges - MD R...
ShapeBlue178 views
Don’t Make A Human Do A Robot’s Job! : 6 Reasons Why AI Will Save Us & Not De... by Moses Kemibaro
Don’t Make A Human Do A Robot’s Job! : 6 Reasons Why AI Will Save Us & Not De...Don’t Make A Human Do A Robot’s Job! : 6 Reasons Why AI Will Save Us & Not De...
Don’t Make A Human Do A Robot’s Job! : 6 Reasons Why AI Will Save Us & Not De...
Moses Kemibaro35 views
TrustArc Webinar - Managing Online Tracking Technology Vendors_ A Checklist f... by TrustArc
TrustArc Webinar - Managing Online Tracking Technology Vendors_ A Checklist f...TrustArc Webinar - Managing Online Tracking Technology Vendors_ A Checklist f...
TrustArc Webinar - Managing Online Tracking Technology Vendors_ A Checklist f...
TrustArc176 views
ESPC 2023 - Protect and Govern your Sensitive Data with Microsoft Purview in ... by Jasper Oosterveld
ESPC 2023 - Protect and Govern your Sensitive Data with Microsoft Purview in ...ESPC 2023 - Protect and Govern your Sensitive Data with Microsoft Purview in ...
ESPC 2023 - Protect and Govern your Sensitive Data with Microsoft Purview in ...
"Running students' code in isolation. The hard way", Yurii Holiuk by Fwdays
"Running students' code in isolation. The hard way", Yurii Holiuk "Running students' code in isolation. The hard way", Yurii Holiuk
"Running students' code in isolation. The hard way", Yurii Holiuk
Fwdays36 views
DRaaS using Snapshot copy and destination selection (DRaaS) - Alexandre Matti... by ShapeBlue
DRaaS using Snapshot copy and destination selection (DRaaS) - Alexandre Matti...DRaaS using Snapshot copy and destination selection (DRaaS) - Alexandre Matti...
DRaaS using Snapshot copy and destination selection (DRaaS) - Alexandre Matti...
ShapeBlue141 views
Developments to CloudStack’s SDN ecosystem: Integration with VMWare NSX 4 - P... by ShapeBlue
Developments to CloudStack’s SDN ecosystem: Integration with VMWare NSX 4 - P...Developments to CloudStack’s SDN ecosystem: Integration with VMWare NSX 4 - P...
Developments to CloudStack’s SDN ecosystem: Integration with VMWare NSX 4 - P...
ShapeBlue196 views
KVM Security Groups Under the Hood - Wido den Hollander - Your.Online by ShapeBlue
KVM Security Groups Under the Hood - Wido den Hollander - Your.OnlineKVM Security Groups Under the Hood - Wido den Hollander - Your.Online
KVM Security Groups Under the Hood - Wido den Hollander - Your.Online
ShapeBlue225 views
Redefining the book supply chain: A glimpse into the future - Tech Forum 2023 by BookNet Canada
Redefining the book supply chain: A glimpse into the future - Tech Forum 2023Redefining the book supply chain: A glimpse into the future - Tech Forum 2023
Redefining the book supply chain: A glimpse into the future - Tech Forum 2023
BookNet Canada44 views
The Role of Patterns in the Era of Large Language Models by Yunyao Li
The Role of Patterns in the Era of Large Language ModelsThe Role of Patterns in the Era of Large Language Models
The Role of Patterns in the Era of Large Language Models
Yunyao Li91 views

Angle Forward with TypeScript

  • 1. Angle Forward with TypeScript MIGRATING NG1 TO NG2 Jeremy Likness (@JeremyLikness) Director,Application Development iVision http://bit.ly/ivisionappdev Blog http://bit.ly/coderblog
  • 2. In the Next 20 Minutes … • WhyTypeScript? • Three Approaches to Upgrading and/or Migrating • Hands-on Example • Conclusion
  • 3. Why TypeScript? • It’s what the Angular 2 team is using: http://typescriptlang.org/ • Makes the module question easy to answer (AMD, CommonJs, SystemJs, etc.) • Superset of JavaScript • Targets ES5, ES6/ES2015, etc. • Types, Interfaces, Classes, Modules, Function Definitions, Generics, Declarations and Decorators • Type Libraries /Visual Studio Code
  • 4. Three Approaches to Upgrading/Migrating 1. Big Bang – all at once (upgrade case study: http://bit.ly/ngupgcase) 2. ngForward – tomorrow’s format, today 3. ngUpgrade – piecemeal or side-by-side * Note: lose $scope and $watch. Controller As if you please. Prepare Bootstrap Upgrade Downgrade Migrate
  • 6. Quick Reference • [service, factory, value, etc.] => provide and/or resolveAndCreate • Directives -> Directives or Components • Components have UI, directives may just be behavior • Controllers -> Components • Services -> Services • Filters -> Pipes
  • 7. What’s next? • Full Upgrade Case Study: http://bit.ly/ngupgcase • Controller As: http://bit.ly/ngctrlas • Twitter: @JeremyLikness • Blog: http://bit.ly/coderblog • GitHub: https://github.com/JeremyLikness/ToDoNg1ToNg2 • Special Offer: Introduction to Angular 2 withTypeScript • http://bit.ly/ng2video • Promo Code LIKNESS-16 for free trial (no credit card required) • Reach out to me anytime! jlikness@ivision.com • QUESTIONS?