Pure JavaScript Web Components - Online Workshop

Fusion Team

Fusion Workshops are back for 2021 and we have a  number of great courses lined up to allow Software Developers to upskill.

This workshop is called &#x27;Pure JavaScript Web Components&#x27; and will be hosted by Dylan Beattie. It&#x27;s a two day, in-depth, hands-on workshop about building interactive web components using modern JavaScript. No frameworks, no libraries; learn how to create fast, responsive user experiences, built with 100% native code.In this two-day workshop, you’ll find out how to design, build and deploy custom web components built with pure native JavaScript. Over the course of the workshop, attendees will build several web components, from a simple “Hello World” app to a Tetris-style game implemented entirely as a custom element built with HTML and JavaScript.A little bit about Dylan...Dylan Beattie created his first web page in 1992. With nearly 25 years’ experience as a professional developer, he’s worked on everything from static websites to distributed microservice architectures. Dylan is a Microsoft MVP and the creator of the Rockstar esoteric programming language, and he’s presented talks about technology and software development at conferences and events all over the world.Dylan’s been building web applications using JavaScript since the late 1990s. His public JavaScript projects include iPuzzler, an web component for publishing crossword puzzles on the web, and Satriani, a JavaScript interpreter for Rockstar.Here&#x27;s what you will cover over the two day workshop; Overview of modern web component architectureModern browser APIs: web components, custom elementsUnderstanding events and event handlersClient-side tooling: working with the DOM inspectorServer-side tooling: introducing Webpack and BabelWorking with the Shadow DOMWhat is a shadow DOM, why does it matter?Rendering HTML elements via JavaScriptWorking with templated HTMLStyling components with CSSArchitecture of a web componentWorking with JavaScript classesRegistering custom elementsStructuring your code: models, views, renderers and handlersPutting it all together: building your first web componentRendering strategies for web componentsManaging state via models and viewsCSS layouts: document, flex and gridWorking with the HTML elementResponsive design considerations for web componentsUser interactions and eventsHandling mouse and keyboard eventsMobile and tablet interfaces: working with touch eventsAnimations, loops and timeoutsInteracting with components via custom eventsTesting web components with JestIntroduction: unit testing JavaScript with JestApplication testing: validating behaviour with the arrange/act/assert patternInteraction testing: simulating events and mocking handlersTesting strategies for web components: how much test coverage is enough?Web component toolingBundling and publishing your component using WebpackWorking with SASS and SCSSSupporting older browsers using BabelVersioning and release managementPHEW!!.......So as you can see, its a jam packed two days of learning! Dylan will be able to offer one to one support through the workshop to ensure that everyone walks away with a clear in-depth understanding, ready to use in the real world!For more details on the workshop, or queries about group booking discounts please get in touch with hello@thefusionhub.co.uk

Pure JavaScript Web Components - Online Workshop

More events from Fusion Team

Discover more events from Fusion Team, from Science & Tech to other experiences you might love.

Still looking for the right event?

Explore all online events to browse and filter by date, category, and more.

Pure JavaScript Web Components - Online Workshop

More events from Fusion Team

Discover more events from Fusion Team, from Science & Tech to other experiences you might love.

You might also like...

Browse more events with different dates, prices, and formats to find your next great experience.

Still looking for the right event?

Explore all online events to browse and filter by date, category, and more.