Building a Full-Stack App with Angular 2+ and Spring Boot

Learn how to build full-stack reactive apps with Angular and Spring Boot 2.

Introduction

• Zero to full-stack app with Angular and Spring Boot
• What you should know before watching this course
• Set up your dev environment

1. Angular with Spring

• Benefits of using reactive programming with Angular
• Benefits of using reactive programming with Spring
• Integrate Angular and Spring
• High-level Angular and Spring reactive flows

2. Bootstrap Your Spring Boot App

• Spring Initializr
• Import the project into IntelliJ

3. Build Your Reactive Spring REST API

• How you are using Spring WebFlux
• Create your controller configuration
• Create a basic POJO model
• Build a GET endpoint with Spring WebFlux
• Test your GET endpoint
• Create new data with a POST endpoint
• Update your data with a PUT endpoint
• Build a DELETE endpoint with Spring WebFlux

4. Building a Front-End App with Angular

• How you are using Angular
• Bootstrap an Angular app with the CLI
• Import dependencies
• Import static HTML and CSS
• Create an Angular directive

5. Using and Configuring Reactive Spring Data

• Using Spring data and MongoDB
• Spring data config
• Create the service interface

6. Implementing Reactive Spring Data

• Update data in MongoDB
• Delete data in MongoDB
• Autowire read and create functionality into the controller
• Autowire update and delete functionality into the controller

7. Client-Side Functionality with Angular

• Send REST calls with HttpClient
• Create an Angular reactive form, part 1
• Create an Angular reactive form, part 2
• Create a service method to POST data to your REST API
• Create a consume service method to create a reservation
• Create a "list all" endpoint
• Implement REST call to GET data using your REST API
• Display results from a GET call

8. Unit Testing

• Unit testing with Spring Boot
• Unit testing with Angular

Conclusion

• Next steps