From Scratch to Fullstack: Create a Todo Planner App with Java Spring Boot 3.2

From Scratch to Fullstack: Create a Todo Planner App with Java Spring Boot 3.2

2.252 Lượt nghe
From Scratch to Fullstack: Create a Todo Planner App with Java Spring Boot 3.2
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