Building Your First App with Spring Boot and Angular

Spring Boot and Angular make a great team! See how all the pieces work together by building a full app, step by step.
Course info
Rating
(63)
Level
Intermediate
Updated
Apr 23, 2018
Duration
2h 21m
Table of contents
Course Overview
Creating the Spring Boot Project
Adding a Persistence Layer
Creating the Angular Project
Finishing the Angular Screens
Securing the Application
Description
Course info
Rating
(63)
Level
Intermediate
Updated
Apr 23, 2018
Duration
2h 21m
Description

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.

About the author
About the author

Dan is the Scripted Practice Manger for Software Technology Group. Dan also works with the Java Practice Team and specializes in Spring, Ruby, Python, Groovy, JavaScript, and PHP. In his free time, Dan provides Jazz Guitar lessons.

More from the author
Heroku: Getting Started
Beginner
2h 8m
Nov 2, 2017
More courses by Dan Bunker
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
Hey, this is Dan Bunker and welcome to Building Your First App with Spring Boot in Angular. I'm a software developer and consultant based in the Salt Lake City, Utah area. Spring Boot with the Spring Ecosystem has become a top pick for many organizations and developers when it comes to building solid enterprise applications with Java. Angular has also been revolutionary in building scalable, component-based, user interface applications for the web. So what happens when you combine these two technologies together? In this course you will find out by building a full-stack application with these technologies. We'll be covering Spring Boot, Spring MVC and REST services, Spring data and JPA, Angular components and services, and Angular and Spring Boot app security. By the end of this course you'll have developed a working full-stack application from scratch that spans from the web browser all the way down to the database. 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. If you're new to these concepts this course will help solidify these concepts by doing actual coding with many demos. I hope you'll join me on this coding journey with my course on Building Your First App with Spring Boot in Angular at Pluralsight.

Creating the Spring Boot Project
Hey, this is Dan Bunker with Pluralsight. When you're tasked with creating a new project from scratch, you have choices on which piece you should build first. You could start with the user interface or your database or the server code. There's no right or wrong choice. Since this course is about Spring Boot in Angular we're going to start right off with building out the Spring Boot server. We'll then build up the persistence tier followed by tying in an Angular front end. This course will be focused on building out and integrating the entire stack of the project and whether you've been focused on the front end, server side, database or new to it all, you're definitely going to get the chance to learn while doing lots of coding. Let's get started by checking out the app we'll be building throughout this course.

Adding a Persistence Layer
Hey, this is Dan Bunker with Pluralsight. At this point the Globomantics bike registry app has been set up and we have a basic bike object that represents the bike purchases from the Globomantics customers. In this portion of the course we'll be turning the basic bike object into a JPA entity that can be persisted to a database. Coming up, you'll learn how to add the appropriate dependencies with Spring Boot, tie in a database, and work with Spring Data JPA in the Spring Boot environment. Once persistence is added, the basic server API portion of the app will be complete so let's go ahead and get started.

Creating the Angular Project
Hey, this is Dan Bunker with Pluralsight. Now that the Spring Boot server app is built up enough to use, we can get started on the front-end user interface portion of our application. The nice thing about Angular and many of the similar JavaScript frameworks is that these apps are highly decoupled from the back end. That means that the Angular portion of this project could have been developed in parallel with the server piece or you could have even started with the Angular project and then built the back-end service later. Regardless, we are finished with the Java coding for a bit so we can take off that hat and put on the JavaScript hat for a little while. To get started, we'll quickly cover what we'll be developing in this section of the course.

Finishing the Angular Screens
Hey, this is Dan Bunker of Pluralsight. Front-end Angular apps definitely have their own ecosystem of tools, concepts and paradigms. We've covered most of that in the previous module and we're now going to finish coding the rest of our missing front-end gaps. This will include creating some Angular components using the Angular CLI tool, finishing off the service calls to the back end, and finally doing some styling of the app to make it look better. Many of the tasks we'll be doing will be very similar to what a front-end engineer would do while working on an application. There's missing functionality to be built so we're going to jump right back into the coding demos.

Securing the Application
Hey, this is Dan Bunker with Pluralsight. Now that we have a fairly functional application, it's time to think about security. Most real-world applications will need security of some sort. Security is such a wide and broad topic though, that you could easily have several courses just on security with a particular technology like Spring or Angular. Since this course is focused on getting a fully functional Spring in Angular application up and running, I'm definitely going to take an opinionated approach to securing it. There are many frameworks, patterns, and concepts that could be used, but I want to focus just on how to add token-based security to an API and an Angular client. To get started I'm going to cover how security and tokens will work with our existing app.