Web Components for Java Developers

on YouTube ↗55m

" summary

Shows how to build a reusable animated avatar from scratch in vanilla JavaScript, using custom elements to define the tag, shadow DOM to encapsulate styles, and slots for extension; wires that component into a Spring Boot/Flow app via an import and setAttribute calls so Java code instantiates UI without hand-editing HTML; demos Vaadin component library (including a date picker and a grid), notes ~600 free icons and Apache‑2.0 licensing, recommends LitElement for larger work, and mentions bundlers (Parcel/webpack) for packaging.

AI-written summary · about

" chapters (10)

1. 0:00Introduction
2. 4:34Preparing the project
3. 13:23Adding a custom element
4. 15:53Custom elements
5. 23:06Shadow root
6. 29:10Web Components
7. 36:55Getting Started
8. 38:40Spring Initializer
9. 43:15Testing
10. 46:25Questions

" related talks

• 47mModern web with Web Components and JavaLeif Åstrand · Devoxx Belgium 2019
• 49mWeb Components for Java DevelopersMatti Tahvonen, Teemu Suo Anttila · Devoxx Belgium 2017
• 52mModern Web Development with Java and Vaadin - From Fundamentals to ProSami Ekblad · JCON EUROPE 2025
• 44mJava developer-friendly frontends: Build UIs without the JavaScript hassleJago de Vreede · JCON EUROPE 2025
• 27m"Full-stack from the back: Building for the web with Java"Lawrence Lockhart · DevIgnition 2024
• 49mThree Different Methods to Build Web UIs in JavaMatti Tahvonen · JCON Europe 2023
• 37mUsing WebComponents with Java on the Server Side to harden the stackSven Ruppert · Devnexus 2021
• 44mFull-stack web apps, 100% JavaMarcus Hellberg · JCON EUROPE 2024