HOW TO UPGRADE ANGULAR 1 TO ANGULAR 2 PIECE BY PIECE

Eddy Aristilde | SharePoint guy

SoHo Dragon | www.sohodragon.nyc | EddyA@sohodragon.com

AGENDA Introductions The basics Why upgrade Angular 1 upgrade best practice Demo Pitfalls Questions

REMINDER- THIS SLIDEDECK IS ON

@Sohodragon

WHO AM I - @ EDDY ARISTILDE

{ background : “Brooklyn, NYC", employee : “SoHo Dragon", skill : “Angular, SharePoint", hobbies : “Marathon running",}

WHAT ABOUT YOU?Who’s used Angular 1?Has an idea Angular 2?Who’s a rock star at it?

DISCLAIMER This is a deep dive presentation I’m not discussing Angular 1 at length Not a deep dive on Angular 2 either

I’m covering ‘How to upgrade Angular 1 to Angular 2 incrementally’

TERMS Angular 1

Controllers Directives Scopes Services Dependency Injection

Angular 2 Components Services

NG2 FEATURES FOR INTEROPERABILITY Dependency injection Component nesting Transclusion Change detection

DEMO VIEW DEMO

THANK YOU

SoHo Dragon | www.sohodragon.nyc

CONCLUSION

QUESTIONS

REFERENCES

• Angular 2• https://vsavkin.com/• Upgrade

• https://angular.io/docs/ts/latest/guide/upgrade.html

THANK YOUEVENT SPONSORSWe appreciated you supporting the

New York SharePoint Community!

• Diamond, Platinum, Gold, & Silver have tables scattered throughout

• Please visit them and inquire about their products & services

• To be eligible for prizes make sure to get your bingo card stamped by ALL sponsors

• Raffle at the end of the day and you must be present to win!

CONFERENCE MATERIALS Slides / Demo will be posted on Lanyrd.com

http://lanyrd.com/2016/spsnyc Photos posted to our Facebook page

https://www.facebook.com/sharepointsaturdaynyc Tweet Us - @SPSNYC or #SPSNYC Sign Up for our NO SPAM mailing list for all

conference news & announcements http://goo.gl/7WzmPW

Problems / Questions / Complaints / Suggestions Info@SPSNYMetro.com

Visit ExtaCloud’s booth for wrist bands!

Scallywag's Irish Pub

508 9th Ave, between 38th & 39th. [6 minutes walk]

Scallywags also serves food.http://www.scallywagsnyc.com/