Connect Angular 2+ Frontend with a NodeJS Backend

56s 1. Introduction 9m 37s 2. Understanding the Flow of a Request 3m 55s 3. Working with Requests and Responses 5m 26s 4. Creating Routes and Passing Data 1m 51s 5. Knowledge Injection: Http Methods 2m 56s 6. Knowledge Injection: Data Formats

1m 52s 1. Introduction 2m 33s 2. Setting up MongoDB 1m 28s 3. Starting a MongoDB Server 2m 9s 4. Using the MongoDB Shell Client 1m 21s 5. Using Mongoose to work with Data and Models 2m 28s 6. Using Mongoose in NodeJS 10m 44s 7. Creating the Project Models with Mongoose 6m 12s 8. Storing Data in the Database 4m 4s 9. Fetching Data from the Database 35s 10. Wrap Up

1m 18s 1. Introduction 3m 13s 2. Rendering an Angular 2 App with NodeJS / Express 1m 51s 3. Knowledge Injection - Components 6m 51s 4. Starting an Angular 2 App 58s 5. Understanding Decorators 2m 30s 6. Outputting Data with String Interpolation 4m 53s 7. Working with Templates and Styles 3m 48s 8. Two-Way-Binding 7m 57s 9. Adding Custom Models 1m 29s 10. Improving the Folder Structure 6m 32s 11. Multiple Components 4m 10s 12. Knowledge Injection - Property and Event Binding 4m 2s 13. Using Property Binding 6m 17s 14. Using Event Binding 2m 39s 15. Knowledge Injection - Directives 3m 17s 16. Understanding Attribute Directives 3m 56s 17. Using NgFor to Output a List 8m 5s 18. Adding Input and List Components 2m 11s 19. Knowledge Injection - Services & Dependency Injection 2m 54s 20. Creating a Service 4m 43s 21. Adding Messages with a Service 4m 25s 22. Getting Messages via a Service 2m 54s 23. One Instance to Rule them All 11m 4s 24. Enabling Default HTML Validation in Angular 4 5m 33s 25. Adding Messages with a Template-Driven Form 5m 58s 26. Creating a Header & Re-Structuring the Project 3m 21s 27. Setting Up Routing 2m 5s 28. Routing & Navigation 4m 3s 29. Routing and the Server 7m 44s 30. Creating User-related Components 12m 52s 31. Adding Child Routes 3m 31s 32. User Signup with Reactive (Data-Driven) Forms

2m 38s 1. Introduction 9m 8s 2. Backend - Saving Messages 2m 51s 3. Knowledge Injection - Angular 2 & Http 17m 24s 4. Saving Messages - Wiring Up Frontend and Backend 3m 45s 5. Backend - Getting Messages 7m 22s 6. Getting Messages - Wiring Up Frontend and Backend 12m 57s 7. Editing Messages - Preparing the Frontend 4m 28s 8. Backend - Updating Messages 5m 48s 9. Editing Messages - Wiring Up Frontend and Backend 4m 48s 10. Deleting Messages

1m 16s 1. Introduction 2m 49s 2. How Authentication works in a MEAN Application 7m 2s 3. Backend - Signing Up 10m 53s 4. Signing Up Users - Wiring Up Frontend and Backend 12m 16s 5. Backend - Sign In 6m 49s 6. User Sign In - Wiring Up Frontend and Backend 2m 45s 7. Logging Users Out 3m 20s 8. Checking the Login State 6m 11s 9. Backend Route Protection with JWT 8m 41s 10. Connecting Users with Messages 5m 24s 11. Sending Requests with a Token 3m 21s 12. Handle User Authorization 2m 36s 13. Passing the User Object with Messages 6m 10s 14. Frontend Authorization Check 1m 44s 15. Wrap Up

53s 1. Introduction 2m 34s 2. Setup 7m 51s 3. The Error Component 2m 37s 4. The Error Service 6m 5. Using an Error Service & Passing Data

1m 2s 1. Introduction 4m 32s 2. Creating a Message Module 7m 12s 3. Using an Auth Module and Lazy Loading 2m 21s 4. Compiling the Compilation Ahead of Time (AoT) 1m 18s 5. Deployment Preparations 3m 53s 6. Deployment Disclaimer 8m 8s 7. Setting up MongoLab to Host the MongoDB 9m 18s 8. Deploying to Heroku

28s 1. Introduction 1m 57s 2. Setting up NodeJS & Express 5m 3s 3. Preparing the Backend 2m 55s 4. Installing Production Dependencies and Types 8m 31s 5. Installing Development Dependencies and Setting up a Common Webpack Config 2m 39s 6. Setting up a Development Workflow with Webpack 6m 17s 7. Creating the Angular 2 Frontend 2m 46s 8. Adding a Development Workflow Script 13m 34s 9. Setting up the Production Workflow (using AoT Compilation)

8m 41s 1. Angular 2 Update from Beta to RC Version