Vaadin: Build Modern Web Applications with Java and LLM

Package a Vaadin application for production with maven using the production profile, and run the generated jar on port 8080 to verify hello world.

Explore how the Vaadin button functions as a customizable, event-driven UI component, with single/double click, keyboard triggers, disable-on-click, and integrations in forms, dialogs, and layouts.

Learn to implement text field components in Vaadin 24+ by configuring labels, placeholders, and validation rules, and handling value change events with prefixes, suffixes, and tooltips.

Explore Vaadin's email field component, which validates standard email formats, shows error messages, and supports placeholders, labels, tooltips, and required indicators for forms like registration, login, and subscription.

Explore password field styling through theme variants, text field variants, inline styling, CSS variables, and shadow dom with practical implementations.

Build and customize a Vaadin vertical layout by adding components to primary and secondary layouts, and tune spacing, padding, margins, height, alignment, and visible state for responsive behavior.

Explore styling the horizontal layout by creating and importing a style sheet, applying the layout primary class to change the background, and using inline styling via the primary style set method.

Style a form layout with a dedicated style sheet, import it into main.css, apply the fl primary class, and manage disabled states and form items like first and last name.

Explore split layout with two resizable panels and a draggable splitter, featuring a primary form layout and a secondary vertical layout with a text area and orientation options.

Explore the text area component, a multiline input with auto height, placeholder, and character limits; implement value change listeners and helper text for real-time feedback.

Explore styling checkboxes using custom styles with shadow Dom, CSS variables, and themes, then apply per-checkbox classes, label slots, and group styles to handle checked, focus, and intermediate states.

Explore how to create and customize Vaadin ComboBox components, including string, boolean, integer, and custom employee items, with labels, item renderers, value change listeners, and dynamic filtering.

Style accordions in a Vaadin 24+ app using modern themed variants, css variables, and shadow dom. Customize the heading, panel, and toggle, and apply per-accordion classes for open-state colors.

Explore implementing and customizing Vaadin avatars: create named avatars with abbreviations, colors, and images, and build an avatar group with a max visible items setting for scalable branding.

Explore styling the date picker with custom styles using shadow DOM, CSS variables, and component parts like label, input, and overlay, through practical IDE implementation.

Explore badges in the Vaadin modding framework, learn to display notification counts, status indicators, and labeled tags using themes, icons, and styling like success, error, and primary.

Learn to style a Vaadin list box using shadow dom with a dedicated css file and a scoped class name, adjusting borders, colors, and disabled states for modular ui.

Style the message list using shadow DOM, custom styles, and CSS variables, adjusting colors for parts like message, header, content, and time to create a cohesive UI.

Explore Vaadin's multi-select combo box, enabling multiple item selection, customizable item templates, searchability, and advanced features like rendering, label generators, and value change handling for both string and employee objects.

Build a Vaadin 24+ and spring ai web app UI with a central menu, left navigation, a lazy-loaded grid filtered by first name and profession, and a detail form.

Bind UI fields to a backend pojo with a binder, enabling two-way binding, data synchronization, validation, and type conversion, and manage read/write bean operations through practical examples.

Learn how to bind UI components to Java POJOs with a binder and toggle a field to read-only by passing null to the setter in the bind method.

Explore server side navigation in Vaadin 24+, using UI.navigate and UI.getCurrent to move between views, router links, standard anchors, and click listeners for seamless in-place page updates.

Explore dynamic operation on routes with Vaadin: register routes, set dynamic page titles, assign aliases and parent layouts, query available routes, and remove routes within a session.

Learn how to clean up an AWS EC2 Windows instance by stopping, terminating, deleting security groups, and removing key pairs to avoid ongoing charges.

Explore the foundations of artificial intelligence, from machine learning and neural networks to generative AI, transformers, and large language models, with examples like ChatGPT, DALL-E, and Stable Diffusion.

Learn to build a Vaadin AI chat bot using Spring AI and OpenAI, wiring a chat client, messages, and asynchronous request handling to avoid UI blocking.

Build an ai web app that transcribes a YouTube video, translates to English, creates embeddings stored in Pinecone, and enables chat with the video using a rag pipeline.