Crash Course In Web Components

Web Components provide a modular way to build a consistent design system and user experience across your entire application. Instead of copy/pasting the same chunks of coded into various places, you can have a JavaScript/HTML expert focus on getting the UX correct, without them needing to worry about what's happening in the back-end at all.

Web Components offer reusable functionality on the front-end, with native JavaScript. They are a great middle-ground between standard request/response based traditional web applications, and apps that aren't quite ready to move to a full-on JavaScript SPA framework. Web Components themselves are 100% native JavaScript - no new libraries required! Let's learn how Web Components work, then look at integrating them into a back-end like CFML or PHP -- I promise it's easier than you think!

Target Audience: Developers looking to learn more about writing reusable JavaScript and UI components that are platform independent. This talk will spend a little time going over connecting the front-end code to a server side back-end application, but attendees should already be well versed in a server-side language and understand how to build a JSON API endpoint.

Main Takeaways:

• Creating your first Web Component
• Interactivity with Web Components
• Connecting to a back-end server
• Pros and Cons
• Next steps and other resources

Speaker: Nolan Erck