Spring Boot Web App Tutorial (Java) | Full Course

In this step-by-step tutorial, you will learn how to build a modern web app – completely in Java. This complete course covers each step of creating a Spring Boot application with a responsive frontend web app using Vaadin Flow. You will also learn how to test and deploy the application to the cloud.

The course instructor is Marcus Hellberg. He has more than 15 years of experience in building web apps with Java and currently leads the open-source community team at Vaadin.

0:00 - Course intro
2:09 - Creating a new Spring Boot and Vaadin Project
7:39 - Vaadin Flow Basics
12:27 - Building a view with components
23:55 - Creating a form component
35:46 - Connecting to the database (services and repositories)
44:46 - Data binding and form input validation
53:07 - Managing view state & responsive styles
1:02:07 - Navigation (routing) and parent layouts
1:08:27 - Creating a dashboard (charts)
1:16:03 - Spring Security and login & logout
1:28:06 - PWA: installing, offline fallback, icons
1:34:19 - Unit testing the UI with JUnit
1:44:40 - Integration tests for the UI using SpringBootTest
1:50:37 - End-to-end (e2e) tests with Vaadin TestBench
2:00:25 - Production build, PostgreSQL, and Heroku cloud deployment

[krishna]

I am using vaadin for 6 years now. Vaadin has great GUI libraries and can be fully integrated with spring boot. Fantastic! I don't need to write even one line of HTML/CSS/Javascript codes :)

[shaquillemontero]

Bud, to be honest, I wanna cry, this is the most beautiful thing i have ever seen.
Came from Swing and this is just the B E S T thing for me to develop web apps.
Thanks vaadin's team, never give up in this beautiful project <3

[EL-qxty]

Seems to be a great framework! Finally, someone came to this brilliant idea! I cannot explain why it's less popular than angular and stuff...

[Stl]

You saved my life! Coming as a Java and Swing dev, this is what I was exactly looking for ! Pure Java for frontend. Thanks a lot!

[andersondallmanndallmann]

Thank you very much for the information and also for speaking more slowly, because English is not my native language.

[braulioarencibia]

Thank you Marcus, your video is very complete and crystal clear. Great job!

[SuSonicTHG]

Thanks for this great tutorial. I'm already using vaadin but want to use it with spring-boot and jpa in the future and this was the perfect intro for me.

[JoelRobTheVaad]

Thanks for making these comprehensive tutorials!

[taehyungisart]

THIS WAS SO helpful, i was never in my life more thankful🥺 thank you for your services sir

[zombi]

It would be awesome if you could do an updated tutorial showcasing the new 24.4 version that integrates Hilla into the Vaadin framework :)

[abeard]

very nice video, I need 2 try this stack on my own

[currentaffairsonair]

Thank you sir, please keep on making these tutorials they are really helpful

[karlfischerw.]

Great tutorial !!!, but i would advice to update the video with the latest source code from the text version.

[timp]

In the download link provided in the description of the video, there is no "data" folder containing the contact, generator, repository, and service classes. Where can I find these?

[masteryoda]

There is no more DataGenerator class because the tutorial has been simplified. Now data are generated with data.sql located into src/main/resources package.

[hamzaelharchaoy]

can you explain classe of genertor data i didn't find source code github?

[xandrviking]

Your project is awesome . Thank you guys ❤

[Digitalman]

I was able to follow along just fine, but I had to translate everything to MongoDB - which eventually worked. My only gripe is that when I wanted to make a sligtly more complex grid row, the component doc was kind of pushing Lit Renderer. I'm using Flow becuase I DON'T was to have to get into HTML, CSS, and Javascript. Kinda thought that was the entire point of Flow. Luckily, I can trudge along and learning Lit isn't all that hard. No matter what, Flow makes it so I don't have to deal with JavaScript and for that, I'm super thankfull. Great videos!!! Your style is perfect.

[linhdao]

Hi, i'm following your tutorial but got into a problem. When i downloaded project starter, i don't see DataGenerator.java file. Do you know why ? Please explain it to me. Thank you so much

[oscarbayton]

I am having trouble with this. I downloaded the project and tried to open it using Eclipse. I then ran the application and got a web browser tab open with what I presume is the example webpage. I closed it, then tried to run it again, only to get an error saying that port 8080nis already in use. What is happening? How do I solve this?