Building Your First App with Spring Boot 2 and Angular 5
Spring Boot and Angular make a great team! See how all the pieces work together by building a full app, step by step.
What you'll learn
Spring Boot and Angular have forever changed how web applications are built. Understanding how they work is essential for any full-stack developer. In this course, Building Your First App with Spring Boot and Angular, you will learn how to work with both of these technologies and how to integrate them together. First, you'll create a Spring Boot API application from scratch. Next, you'll create and build a modern Angular component based UI that will integrate with Spring Boot. Finally, you'll learn how to secure Angular and Spring Boot to create a full fledged, real world application. Once you've completed this course, you will have developed and built a full stack Spring Boot and Angular app from the ground up and have enough skills to begin developing and working on your own applications with these technologies.
Table of contents
- Introduction 1m
- Development Game Plan 2m
- Demo: Setting up the Database 3m
- Demo: Adding Persistence Dependencies 3m
- Demo: Configuring Persistence Properties 3m
- Demo: Creating a JPA Entity 3m
- Demo: Creating a JpaRepository 4m
- Demo: Customizing JSON with Jackson 2m
- Demo: Using the App with Persistence 3m
- Summary 1m
- Introduction 1m
- Development Game Plan 1m
- Installing and Checking JavaScript Tools 2m
- Demo: Generating an Angular App 3m
- Angular Project and Deployment Options 2m
- Demo: Setting up a Development Proxy 3m
- Demo: Generating an Angular Service 4m
- Demo: Generating an Angular Component 4m
- Demo: Setting up the Router 3m
- Summary 1m
- Introduction 1m
- Demo: Finishing the API Service Calls 3m
- Demo: Adding a Home Component 2m
- Demo: Creating and Validating a Form 5m
- Demo: Submitting a Form 4m
- Demo: Adding a View Registration Component 6m
- Demo: Finalizing the Last HTML 4m
- Demo: Setting up Project Styles 5m
- Demo: Creating a Production Build 3m
- Summary 1m
- Introduction 1m
- Security Overview 1m
- Demo: Creating an Auth0 Account 3m
- Demo: Adding Security Dependencies 2m
- Demo: Setting up Spring Security Configuration 4m
- Demo: Configuring an Auth0 Client 2m
- Demo: Creating a Callback Component 2m
- Demo: Creating an Authorization Service 6m
- Demo: Setting up the Authentication Callback 1m
- Demo: Securing Angular Routes 4m
- Demo: Passing the Bearer Token 3m
- Demo: Running the Final App 4m
- Summary 2m
Course FAQ
Spring Boot is an open source Java framework. Along with the Spring Ecosystem, it has become a top pick for many organizations and developers for building enterprise apps with Java.
Angular is an HTML framework for dynamic web apps.
This course is for any developer looking to go full stack with Spring Boot and Angular.
Build your first Augular app from scratch using Spring Boot, Spring MVC and REST services, Spring data and JPA, Angular components and services, and Angular and Spring Boot app security.
To get the most out of this course you'll want to understand the basics about Angular and component-based web UIs and you'll also want to have some knowledge on Spring fundamentals, REST concepts, and persistence layers.
You're going to need the latest Java JDK and the latest version of Apache Maven is optional if you don't want to use the Spring Tool Suite as your IDE.
You might also want a tool like Postman to help you test and try out your REST API endpoints.
We'll need to install the JavaScript tooling, which will consist of Node and Yarn. We'll then install the Angular command line interface.
About the author
Dan Bunker is the Chief Technology Officer (CTO) at Monolith Brands Group, an eCommerce company based in Brooklyn, New York. Dan has used a variety of technologies throughout his career. He currently has expertise with Java, Ruby, Python and JavaScript languages and related technologies. In addition to a passion for software development (SaaS), Dan enjoys mentoring, training and advising engineers and developers in their careers.