Angular 2 (Angular 4) – Upgrade Angular 2 to Angular 4

In this video we look at upgrading our Angular 2 login shaking screen app to Angular 4. This is not a teaching lesson this is just me going through doing it.

To follow the upgrade process like I did here, go to this page:-

http://angularjs.blogspot.com.au/2017/03/angular-400-now-available.html

Below is the git repository for the final result shown in this video. You need to check out the angular4 branch though.

https://github.com/lyraddigital/shaking-login-screen.git

You can follow me on twitter at: https://twitter.com/dduckmanton82
You can also follow my business account at: https://twitter.com/LyradDigital
You can also follow my business account on Facebook at: https://www.facebook.com/lyraddigital

I publish an article every now and then on LinkedIn as well. So connect with me on LinkedIn at: https://au.linkedin.com/in/daryl-duckmanton-4478a14a

Watch all my other videos in this series:-

Part 1 – Introduction and the CLI: https://www.youtube.com/watch?v=QzXdiH3wJp0
Part 2 – Angular Module Basics: https://www.youtube.com/watch?v=GeomqoUUCho
Part 3 – Multiple Angular Modules: https://www.youtube.com/watch?v=33ADKstmXqQ
Part 4 – Shared Angular Modules: https://www.youtube.com/watch?v=QExtdZKqw1E
Part 5 – Eagerly and Lazily Loading Modules: https://www.youtube.com/watch?v=0YC4qmnkMbU
Part 6 – Basic App Component and Presentation: https://www.youtube.com/watch?v=np7rZUob-CY
Part 7 – App Component bindings: https://www.youtube.com/watch?v=RmC8B_GaONM
Part 8 – Attribute binding and the main navigation: https://www.youtube.com/watch?v=OxjR7lFP430
Part 9 – Basic Form and Dual Binding: https://www.youtube.com/watch?v=23HsTwj7oAw
Part 10 – Registration Form Part 1: https://www.youtube.com/watch?v=ysEYpkQ-wbU
Part 11 – Registration Form Part 2: https://www.youtube.com/watch?v=xUaz3GULoIQ
Part 12 – Registration Form Part 3: https://www.youtube.com/watch?v=8iPb-4dNpWo
Part 13 – Registration Form Part 4: https://www.youtube.com/watch?v=8GhobtQCRvo
Part 14- Registration Form Part 5: https://www.youtube.com/watch?v=q7mkQmqL0JM
Part 15 – Structural Directives: https://www.youtube.com/watch?v=Iw1H15Aeg5s
Part 16 – Dynamic Forms: https://www.youtube.com/watch?v=nxa78ZxeNdI
Part 17 – Lifecycle Hooks Part 1: https://www.youtube.com/watch?v=WjGekL_4JMg
Part 18 – Lifecycle Hooks Part 2: https://www.youtube.com/watch?v=efEcMvkA8yw
Part 19 – Lifecycle Hooks Part 3: https://www.youtube.com/watch?v=9cpoEPquedc
Part 19.5 – Lifecycle Hooks Part 3 Cont: https://www.youtube.com/watch?v=nOBiJud1HRQ
Part 20 – Lifecycle Hooks Part 4: https://www.youtube.com/watch?v=BR7-WwzDdds
Part 21 – Services and Promises: https://www.youtube.com/watch?v=9AKE0cH3x4I
Part 22 – HttpClient and the In Memory Web API: https://www.youtube.com/watch?v=0vNcYT6e99c
Part 23 – A Node Webserver API: https://www.youtube.com/watch?v=b4mn6SdTOkQ
Part 24 – Observables and rxJS: https://www.youtube.com/watch?v=1pRN37Gdn1A
Part 25 – Hot and Cold Streams with RxJS: https://www.youtube.com/watch?v=rmJ-cAMct74
Part 26 – Observable methods part 1: https://www.youtube.com/watch?v=gh11Pbrn1WU
Part 27 – Observable methods part 2: https://www.youtube.com/watch?v=3smn_Iyxhww
Part 28 – Observable methods part 3: https://www.youtube.com/watch?v=Y14IG0433s4
Part 29 – Observable methods part 4: https://www.youtube.com/watch?v=7BbFd5KT1co
Part 30 – Observable methods part 5: https://www.youtube.com/watch?v=d1HjRF3n6Lw
Part 31 – Attribute Directives: https://www.youtube.com/watch?v=d1HjRF3n6Lw
Part 32 – Directive Lifecycle Hooks: https://www.youtube.com/watch?v=6o9Ei8NrhBk
Part 33 – Built In Pipes: https://www.youtube.com/watch?v=IxsHHRbh6ew
Part 34 – Creating a Custom Pipe: https://www.youtube.com/watch?v=tMfcKekqCPQ
Part 35 – Pure vs Impure Pipes: https://www.youtube.com/watch?v=LCBRS_VMsxA
Part 36 – Animation with States and Triggers: https://www.youtube.com/watch?v=oouK4cyQnxo
Part 37 – Animation with Transitions: https://www.youtube.com/watch?v=4yV9XF3kuCo
Part 38 – Animation and Keyframes: https://www.youtube.com/watch?v=1kuoELQl-4w
Part 39 – Route Specific Animation: https://www.youtube.com/watch?v=imSbOYZ4Uh4

source