Looking to create your own web application? Have you used productivity tools like JIRA or Trello?
In this exciting tutorial, I'll take you step-by-step through the process of creating your very own Todo Planner web application using Java Spring Boot for the server and Thymeleaf for the frontend.
Whether you're a seasoned developer or just getting started, this tutorial is perfect for anyone looking to learn more about web application development. You'll get a hands-on experience building your own app, as well as gaining valuable skills in Java Spring Boot, Docker and Thymeleaf.
👉👉 Get the Code (on github)! https://t.ly/kb2Ms
🔗 Grab My Other Available Product(s):
- Build Your First Web Service API Using Java Spring Boot https://wazoowebbytes.gumroad.com/l/xomqa
👋🏻Connect with me:
Twitter: https://www.twitter.com/eyuzwa
🔗Resources & Links mentioned in this video:
- Spring Initializr: https://start.spring.io/
- Visual Studio Code: https://code.visualstudio.com/
===---=== Chapters ===---===
0:00:00 - Introduction
0:00:18 - Demo of Todo Planner
0:03:05 - Project template on start.spring.io
0:04:25 - Opening in VS Code
0:05:24 - What is the pom.xml?
0:05:55 - Setting up the .env file
0:06:21 - Adding dependencies to pom.xml
0:08:35 - Docker compose.yaml
0:13:54 - healthcheck for Docker image
0:16:58 - First bootup
0:18:01 - What is the MVC Pattern?
0:19:34 - Creating the Todo Model
0:22:13 - Creating the Todo Repository Interface
0:22:55 - Creating the Todo Service
0:26:03 - Creating the Page Controller
0:27:41 - Creating the index.html view
0:29:43 - Adding the our app.js file
0:30:45 - Adding the styles.css file
0:31:00 - Using the Application.properties for configuration
0:34:14 - Creating Application Seed Data
0:37:27 - Verifying app.js and Checking the database with phpMyAdmin
0:39:29 - Adding more HTML and Thymeleaf
0:44:46 - Passing data from Controller to View
0:45:54 - Submitting form from Thymeleaf to a Controller
0:46:15 - (Brief) Sidetrack about Dependency Injection
0:49:47 - Render Data from Controller with Thymeleaf
0:55:44 - Verifying Changes
0:56:27 - Handling Todo item update in Thymeleaf with JQuery
0:58:10 - Updating the Click event handler in JavaScript
1:00:27 - Setting up a REST Controller for the PUT
1:02:27 - Updating the TodoService to support getById
1:03:17 - Running through the final tests
1:04:37 - Updating the CSS
1:05:41 - Wrapping Things up
#springboot #beginner #docker