Web Components for Java Developers
summary
Explains that Web Components (custom elements + shadow DOM + HTML imports) plug into the Java stack via Vaadin Flow and auto-generated Java wrappers, demonstrates a small Trippy app that uses a Google Maps web component, a Vaadin Grid, RouterLink-based deep links with trip ID, Binder data binding and Spring Boot JPA to save trips to the database; polyfills handle older browsers; demo is a developer preview but the map/table selection, URL navigation and server-side save all work end-to-end.
AI-written summary · about
chapters (30)
- 0:00Introduction
- 1:08What are Web Components
- 8:35Where to find Web Components
- 9:19Why Web Components
- 12:26History of Web Components
- 14:44Web Components Demo
- 18:56Google Map Component
- 20:36Google Maps Style Sheet
- 21:56Grid Component
- 24:16Unique URL
- 25:36Changing the display
- 27:46Adding new routes
- 29:16Polymer templates
- 30:46Map elements
- 31:16Data binding
- 32:11Pointing
- 33:06Editing Trips
- 33:26Value ChangeListener
- 33:56New UI
- 34:21New laptop
- 34:51Debug reload
- 35:06Save button
- 38:26Super Thursdays
- 39:21Developer Preview
- 40:06Bakery Starter
- 40:26Bakery App
- 41:16Board
- 42:46Google Map
- 43:51Testing the UI
- 46:51Web Components with Angular
related talks
47mModern web with Web Components and Java
55mWeb Components for Java Developers
52mModern Web Development with Java and Vaadin - From Fundamentals to Pro
27m"Full-stack from the back: Building for the web with Java"
06mLightning Talk: Vaadin Flow framework in a nutshell
37mUsing WebComponents with Java on the Server Side to harden the stack
36mUse server-side WebComponents with Java & harden the stack against Vulnerabilities
36mWeb components - A whirlwind tour thru the future of the web