Урок 5: Thymeleaf, CSS и JavaScript в Spring Boot | Делаем UI для Чата
Всем привет! 👋
Добро пожаловать на Урок 5 нашего полного курса по созданию чата в Java, Spring Boot, WebSocket и PostgreSQL!
Сегодня мы займёмся фронтендом нашего приложения и сделаем первый красивый UI с помощью Thymeleaf, CSS и JavaScript.
📌 Что будет в этом уроке:
✅ Подключение шаблонизатора Thymeleaf
✅ Настройка папки templates и static
✅ Создание HTML-шаблонов для чата
✅ Стилизация с помощью CSS
✅ Добавление интерактивности через JavaScript
✅ Подготовка форм для сообщений и логина
✅ Разбор лучших практик разделения логики UI
🛠 Инструменты:
Spring Boot 3+
Thymeleaf
CSS / JS (Vanilla)
IntelliJ IDEA
Bootstrap (по желанию для стилей)
🔗 Полезные ссылки:
Spring Boot Starter: https://start.spring.io
Thymeleaf Docs: https://www.thymeleaf.org/documentati...
Bootstrap 5: https://getbootstrap.com/docs/5.0/get...
✅ Поддержи канал — подпишись и поставь лайк ❤️
💬 Задавай вопросы в комментариях!
📣 Делись этим видео с друзьями, чтобы учиться вместе!