Angular 2 (Angular 4) – A Node Webserver API

In this video we go about building a Web API using NodeJS to support the Angular 2 Crud application we have written in the previous video. I talk a little bit about express, cors and body-parser libraries in order to achieve this task. I then make slight modifications to the Angular 2 app to remove the in memory web api and replace it with rest paths to the newly build node web api.

To follow along with this video clone the following git url for the angular 2 app and checkout the “promises” branch :-

https://github.com/lyraddigital/httpCrud.git

To see the final result of this video, checkout the “promises-webserver” branch of the above repository for the angular app, and for the node server clone the following git repository.

https://github.com/lyraddigital/httpCrudServer.git

For any questions regarding this tutorial, the git repositories or anything else, do not hesitate to contact me here on YouTube, or you can also email me at daryl@lyraddigital.com.

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

source