Web Components: Think Outside the Framework w/ Mark Volkmann
Details
Welcome back to our first event as we revive STLJS, the St Louis JavaScript meetup.
Our featured speaker will be alumni Mark Volkmann, presenting "Web Components: Think Outside the Framework."
We will meet at the OCI training room, see directions and map below. Admission is free and open to all. Doors open at 6pm, presentation begins at 6:30. We'll open the floor for brief announcements before Mark speaks.
This event is produced by STLJS alumni seeking to get the community back together. Thanks for your interest, and to OCI for donating their space. Hope to see you there!
=== Web Components: Think Outside the Framework ===
Web components enable creating web-based UI components
that are directly supported by web browsers. They can implemented and used without downloading libraries or tools, and without configuring a build process. Web components can be used in conjunction with most web frameworks or without any framework. All that sounds great, but why should YOU learn about web components?
You likely already have a favorite web framework that is getting the job done. But future project teams may not opt for using that framework. And after working hard to implement great components, wouldn't it be nice if they could be used in multiple applications, regardless of the chosen framework?
Web components are not new technology. Web browsers began supporting their use without polyfills in 2016. But web components have been ignored by many web developers.
If that includes you then this talk will answer questions like the following:
- What are the pros and cons of building and using web components?
- Where can I find existing web components that I can reuse so I don't have to write everything from scratch?
- How are web components included in a page?
- What are the options for building new web components?
- What are the benefits of using a "Shadow DOM" and how is it used?
- How can template elements be used to make DOM building more efficient?
- How can I customize the styling web components from outside their code?
- How can web components trigger events that notify code outside them about changes in their state and user actions?
- What do I need to know to get web components to play nicely with HTML forms?
- How can web components share state between them and react to state changes?
- How can I use browser DevTools to test web components?
- Can AI tools generate the code for web components?
=== About Mark Volkmann ===
Mark Volkmann was formerly Partner and Distinguished Engineer at Object Computing, Inc. (OCI) in St. Louis where he has provided software consulting and training since 1996. As a consultant, Mark has assisted many companies with JavaScript, Node.js, Svelte, React, Vue, Angular, and more. Mark has created and taught many courses on topics including React, Vue, AngularJS, Node.js, jQuery, JavaScript, HTML5, CSS3, Ruby, Java, and XML, and speaks at conferences worldwide. Mark is the author of the Manning books "Svelte and Sapper in Action" and "Web Component Development with Modern Libraries and Tooling".
https://github.com/mvolkmann
https://mvolkmann.github.io/
https://www.manning.com/authors/mark-volkmann
=== Directions to OCI ===
12140 Woodcrest Executive Dr, Suite 300
St Louis MO 63141
- Take I-270 to Olive Blvd
- Turn right onto Woodcrest Executive Dr, then right into the parking lot
- Enter the building and go to the third floor
###