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

In what location should files be placed that you want to statically serve in the embedded webserver that Spring Boot uses?

<p>In what location should files be placed that you want to statically serve in the embedded webserver that Spring Boot uses?</p>


The `toggleVisibility()` function is outside the component scope.

The `isVisible()` function is outside the `Profile dropdown panel` scope.

The `close()` function is outside the component scope.

Which of the following options is correct, given the snippet below?

``` html
<script>
    function userPopupMenu() { 
        return {
            show: false, 
            toggleVisibility() { 
                this.show = !this.show;
            },
            close() { 
                this.show = false;
            },
            isVisible() { 
                return this.show === true;
            }
        };
    }
</script>


<div class="ml-3 relative"
        x-data="userPopupMenu()"
        @click.away="close"
        @keydown.window.escape="close">
    <div>
        <button class="max-w-xs ..." id="user-menu" aria-haspopup="true"
                @click="toggleVisibility">
            <
        </button>
    </div>
    ...
</div>



<div class="origin-top-right ..." role="menu" x-show="isVisible()">
```

<p>Which of the following options is correct, given the snippet below?</p>
<pre><code class="language-html">&lt;script&gt;
    function userPopupMenu() { 
        return {
            show: false, 
            toggleVisibility() { 
                this.show = !this.show;
            },
            close() { 
                this.show = false;
            },
            isVisible() { 
                return this.show === true;
            }
        };
    }
&lt;/script&gt;

&lt;!-- Profile dropdown --&gt;
&lt;div class=&quot;ml-3 relative&quot;
        x-data=&quot;userPopupMenu()&quot;
        @click.away=&quot;close&quot;
        @keydown.window.escape=&quot;close&quot;&gt;
    &lt;div&gt;
        &lt;button class=&quot;max-w-xs ...&quot; id=&quot;user-menu&quot; aria-haspopup=&quot;true&quot;
                @click=&quot;toggleVisibility&quot;&gt;
            &lt;
        &lt;/button&gt;
    &lt;/div&gt;
    ...
&lt;/div&gt;


&lt;!-- Profile dropdown panel --&gt;
&lt;div class=&quot;origin-top-right ...&quot; role=&quot;menu&quot; x-show=&quot;isVisible()&quot;&gt;
</code></pre>


<p>What is the goal of Tailwind CSS?</p>


Take this quiz on the basic concepts of interactivity in an application.

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 Thyme Wizards