Explore the world of Web Components and their impact on web app development in this 49-minute conference talk from Devoxx. Learn what Web Components are, where to find them, and why they're important. Discover how Vaadin 10 and its Java framework, Vaadin Flow, utilize Web Components to simplify development for JVM applications. Follow along with demonstrations of various components, including Google Maps and Grid, and see how to implement features like unique URLs, data binding, and UI editing. Gain insights into using Web Components with frameworks like Angular and explore practical applications through the Bakery Starter app. Presented by Matti Tahvonen, a Vaadin R&D veteran and developer advocate, and Teemu Suo-Anttila, a framework developer and technical speaker, this talk offers valuable knowledge for Java developers looking to enhance their web development skills.
Overview
Syllabus
Introduction
What are Web Components
Where to find Web Components
Why Web Components
History of Web Components
Web Components Demo
Google Map Component
Google Maps Style Sheet
Grid Component
Unique URL
Changing the display
Adding new routes
Polymer templates
Map elements
Data binding
Pointing
Editing Trips
Value ChangeListener
New UI
New laptop
Debug reload
Save button
Super Thursdays
Developer Preview
Bakery Starter
Bakery App
Board
Google Map
Testing the UI
Web Components with Angular
Taught by
Devoxx
