Lessons

lesson

To handle multiple views in the single page application, you'll need to implement a router that can navigate between each view.

Steve Belovarich

lesson

You developed the landing page of the application, learning how to architect a separation of concerns between the UI components.

Steve Belovarich

lesson

You'll lazyload an image with customized built-ins.

Steve Belovarich

lesson

You'll code another autonomous custom element that handles cookie authorization named CookieFooter.

Steve Belovarich

lesson

You'll code a global header with autonomous custom elements named AppHeader.

Steve Belovarich

lesson

You'll scaffold the landing page with an autonomous custom element named MainView.

Steve Belovarich

lesson

You'll provide a separation of concerns with custom elements in a single page application.

Steve Belovarich

lesson

You'll integrate the UI library with a single-page application and code the end-to-end user experience with custom elements.

Steve Belovarich

lesson

Let's reflect on the best practices you learned for distributing UI libraries filled with Web Components.

Steve Belovarich

lesson

You'll learn how to setup continuous integration for the UI library with Github Actions.

Steve Belovarich

lesson

Custom Elements Manifest provides a wealth of information about each component. After generating a manifest, it will provide documentation for each component in Storybook.

Steve Belovarich

lesson

You'll learn brest practices for distributing Web Components by formatting the code with named exports, configuring the build with Rollup, providing a standard package format, and writing a custom Node.js script that enables you to publish packages.

Steve Belovarich