https://github.com/wimdeblauwe/taming-thymeleaf-sources

Source code for the 'Taming Thymeleaf' book
https://github.com/wimdeblauwe/taming-thymeleaf-sources

Last synced: about 2 months ago
JSON representation

Source code for the 'Taming Thymeleaf' book

• Host: GitHub
• URL: https://github.com/wimdeblauwe/taming-thymeleaf-sources
• Owner: wimdeblauwe
• Created: 2020-10-18T11:36:34.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2023-10-19T19:26:45.000Z (about 1 year ago)
• Last Synced: 2023-10-20T00:49:08.452Z (about 1 year ago)
• Language: HTML
• Size: 2.79 MB
• Stars: 95
• Watchers: 6
• Forks: 55
• Open Issues: 4
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Taming Thymeleaf Sources

These are the sources for the book 'Taming Thymleaf' which is available at https://leanpub.com/taming-thymeleaf

![Taming Thymeleaf cover](cover-3D.png)

Each directory matches with how the code is suppose to look like by the end of each chapter in the book.

## About the book

Taming Thymeleaf will learn you about writing web applications with Spring Boot and Thymeleaf in no-time. The book teaches you step-by-step how to get started with those technologies and build a fully fledged web application including security, validation, internationalization, testing, ...

Thymeleaf is an amazing technology for building server-side HTML using the Java eco-system. Combined with Spring Boot, it is really a killer combo for a productive development environment. Learn how to structure your code so your application can evolve for years to come. As HTML will always be there, you can do this without having to re-write your frontend every six months for the latest JavaScript framework.

The application that is built in the book not only functions great. It also looks amazing as it is based on Tailwind UI, beautiful components based on Tailwind CSS.

Super-charge your learning now with Taming Thymeleaf!

## Application screenshots

### Learn to create forms

![Form screenshot](screenshots/form.png)

_Example form to create a user account_

![Form validation screenshot](screenshots/form-validation.png)

_Validation of form content_

![Avatar in form screenshot](screenshots/avatar-edit.png)

_File upload to set an avatar image on a user_

![Modal dialog screenshot](screenshots/delete-confirmation-modal.png)

_Show a modal dialog to confirm deletion of a user_

### Pagination

![Form validation screenshot](screenshots/pagination.png)

_Use pagination to allow the user to navigate through a big result set_

### Login/Security

![Custom login screenshot](screenshots/custom-login-page.png)

_Custom login page_

### Testing

![Cypress testrun screenshot](screenshots/cypress-login-user.png)

_Running Cypress tests for end-to-end testing of the Thymeleaf application_

### Dynamic interaction

![Custom login screenshot](screenshots/teamplayer-2.png)

_Client-side interaction using the [AlpineJS](https://github.com/alpinejs/alpine) JavaScript framework to avoid page reloads when the interaction needs to more dynamic_