Create a FULLSTACK APP with Java+Spring-Boot+Thymeleaf+HTMX | NO Javascript | Tutorial

preview_player
Показать описание
I researched a little bit about HTMX and I loved it!
It allows you to use modern browser features like AJAX without the need of writting a single Javascript line!!

Here is a small Proof of Concept that I created using Java, Spring-boot, Thymeleaf and htmx to see how it can be used.

Follow me!

----
Sections:
00:00 - Intro
00:45 - What is htmx?
07:55 - Tutorial intro
09:02 - Spring project init
10:13 - Create Status class
11:31 - Create StatusController
14:29 - Create Feed view
18:15 - Run Application
19:04 - Introduce htmx for AJAX
23:10 - Create new controller method for AJAX call
27:22 - Create Status view
29:04 - Run final application
31:37 - Outro
Рекомендации по теме
Комментарии
Автор

This is the best htmx, thymeleaf tutorial I have seen. Please keep creating more!😅

guccigreatness
Автор

Thanks Mati for your video, it helped me a lot in my project. I did not have to spend hours to learn Javascript and React to make a simple UI, cheers :)

prezes
Автор

Didnt understand the HATEOS principle of returning a reference until this video. Thanks for that!

rustinpeace
Автор

Thank you Mati for this insightful record. I have to admit that HTMX is a serious tool on which we backend guys should really consider diving into to fill the UI gap we sometimes face

arnaudpoutieu
Автор

Thank you very much Mati for sharing this demonstration of how HTMX with Thymeleaf can be used with Spring Boot. I plan to start testing this further myself. I'm curious to see how effectively different elements of the web page can be "componentized" and reused, such as to compare with the ease of JSX components in React. For instance, in your example, after you copied the statuses list generation html from the feed.html into the statuses.html, I hoped to see if the duplication could be removed by having the feed.html now somehow use the fragment from the statuses.html. Again, I'll now explore further. Thanks for providing a starting point!

jimnelson
Автор

Geep going mate, great tutorial. Hope to see more on those topics soon. Cheers!

swipped
Автор

Very easy, excellent content. Thank you Mati.

harleyseixas
Автор

I'm also backend dev who hate js, I'll try it tomorrwow jahahha

milson-antonio
Автор

Sir, can you create a playlist for springboot thymeleaf htmx so that we can learn how this technology works together.

COD_MW
Автор

what happened to spınner gif? Why didnt it work?

zubimiccoli
Автор

nice, but should use a Thymeleaf fragment instead of copying all that HTML :)

Автор

Hello Mati, thanks for the video! Queria consultarte si htmx ganara terreno en cuanto a los otros frameworks angular, react? Y tambien en cuanto a IA si publicaras algunos videos.

manuonda
Автор

can you guide me to make a complete springboot project with html css JavaScript?❤

phamcongtoan
Автор

I notice you're sharing information about being interested in YouTube content creation. Let me help capture this interest.

shashankchaturvedi-zvnc
Автор

I'm front end who hates and loves JS, depending on how much hair is left on my head.

fulconandroadcone
Автор

Thanks man very good tutorial
This is an easy way to hack the frontend world, react developers beware, we are coming 😂

ismaelE
Автор

Ok, this is very concerning for me as someone who has been doing Java/Spring back-end for 20 years, and creatng RESTful API's in the traditional way with JSON. I like the Tutorial, but this is an OLD MONOLITH. I know 'monolith' is now an over-loaded term because of Microservices. But, in the sense 'OLD MONOLITH' means you have created an application with both front-end AND back-end in ONE JAR file. We got away from this years ago, and had 'separation of concerns' which this NOW violates.
I'm more interested in seeing a already done RESTful API on the back-end, one that has API's for JSON an one that has API's for HTML. Then create a SEPARATE front-end, that can call the RESTful UI API's that return the HTML snippets. This would probably ne a nice real-world tutorial. Thanks for the tutorial, it is helpful, but doesn't quite fit what I am looking for.

tjholmes
visit shbcf.ru