Get started with the basics of Thymeleaf and Spring Boot and how to use them to create scalable applications.

Spring Boot Development for Java Programmers

This module will teach us how to build easily scalable applications with Thymeleaf and Spring Boot. We will combine Thymeleaf and Spring Boot with Spring Data and Spring Security.

This module will give us all the basics for developing an application using Thymeleaf and Spring Boot. Throughout the module, we will build an application of a fictional basketball team called Thyme Wizards. We will also learn to use unit and integration tests to ensure proper code functionality and create a maintainable code base that we can expand upon.

By the end of this module, we will have some great new skills working with the Spring Boot framework, which employers will love.

Building Scalable Applications with Thymeleaf and Spring Boot

What HTML attribute do you use to define a fragment?

<p>What HTML attribute do you use to define a fragment?</p>


```html
<div th:replace=”fragments :: separator”></div>
```

```html
<div th:insert=”fragments :: separator”></div>
```

```html
<div th:copy=”fragments :: separator”></div>
```

How do you use a fragment that is inside the `fragments.html` file and is called a `separator`? Select all that apply.

<p>How do you use a fragment that is inside the <code>fragments.html</code> file and is called a <code>separator</code>? Select all that apply.</p>


Adding a custom `ITemplateResolver` in the Spring Boot configuration

How can we use SVG images as Thymeleaf fragments?

<p>How can we use SVG images as Thymeleaf fragments?</p>


The `svg` and the `title` is rendered properly.

The `title` replaces the entire body of the `<a>` tag.

Given the fragment below, select all that apply:
``` html
<a th:fragment="menu-item(title, link, svgContents)"
   th:text="${title}"
   th:href="${link}"
   class="group flex items-center px-2 py-2 text-sm leading-5 ...">
    <svg th:replace="${svgContents}"></svg>
</a>
```

<p>Given the fragment below, select all that apply:</p>
<pre><code class="language-html">&lt;a th:fragment=&quot;menu-item(title, link, svgContents)&quot;
   th:text=&quot;${title}&quot;
   th:href=&quot;${link}&quot;
   class=&quot;group flex items-center px-2 py-2 text-sm leading-5 ...&quot;&gt;
    &lt;svg th:replace=&quot;${svgContents}&quot;&gt;&lt;/svg&gt;
&lt;/a&gt;
</code></pre>


Take this quiz to test yourself on the basic concepts of fragments.

What are Spring Boot and Thymeleaf?

Thymeleaf Introduction

Thyme Wizards

Fragments

Layouts

Controllers

Internationalization

Database Connection

Displaying Data

Forms

Data Editing

Implement Deletion of an Entity

Security

Security - Users from Database

Testing

Testing Using Cypress

Various Tips and Tricks - I

Various Tips and Tricks - II

Appendix

Conclusion

Quiz Yourself on Fragments