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, in a reusable way, without needing to use a full blown JavaScript framework.
Web Components offer reusable functionality on the front-end, with native JavaScript. They are a great middle-ground between standard request / response based 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 an application -- 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 an API. Attendees should already be well versed using API endpoints that return JSON, as well as a basic understanding of OOP fundamentals such as Classes, Objects, and Inheritance.
Main Takeaways:
- Creating your first Web Component
- Interactivity with Web Components
- Connecting to a back-end
- A quick look at using Lit to build things
- Pros and Cons
- Next steps and other resources
Speaker
Nolan Erck - Director at South of Shasta Consulting
About the Speaker
Nolan Erck has been developing software for over 20 years. Starting in the video game industry working on titles for Maxis and LucasArts, then advancing to web development in 1999, his list of credits includes Grim Fandango, StarWars Rogue Squadron, SimPark, SimSafari as well as high-traffic websites for a variety of clients.
Nolan manages the SacInteractive User Group, teaches classes on aspects of software development, and regularly gives presentations at conferences and user groups across the US and Europe.
When he's not consulting or talking about himself in the third person, Nolan can usually be found working on one of several music projects.
Location
WorkVine209
1005 East Pescadero Ave, Suite 159, Tracy, CA 95304
Parking and Basic Information
The venue is within Northgate Village and there will be plenty of no-cost parking. You can find us in the building labeled "King Life" which is next to the Comcast building.