Explore all newline lessons
lesson
Chapter Ten SummaryFullstack Web ComponentsYou rendered custom elements server-side using Declarative Shadow DOM and @lit-labs/ssr.
lesson
Express MiddlewareFullstack Web ComponentsYou'll develop Express middleware that server-side renders Declarative Shadow DOM HTML Templates with @lit-labs/ssr.
lesson
ShimFullstack Web ComponentsTo get custom elements to work in Node.js, you'll need to polyfill DOM APIs. Luckily, @lit-labs/ssr provides a tool that enables just that.
lesson
Declarative Shadow DOM TemplatesFullstack Web ComponentsYou'll declare a server-side renderable Declarative Shadow DOM HTML template for each component.
lesson
Server-Side Rendering Custom ElementsFullstack Web ComponentsYou'll server-side render the views of the application with Declarative Shadow DOM and @lit-labs/ssr
lesson
Chapter Nine SummaryFullstack Web ComponentsYou coded a single page web application with custom elements and a custom router.
lesson
Dashboard ViewFullstack Web ComponentsIntegrate TableCardComponent into a third view of the single page application, the dashboard.
lesson
Login ViewFullstack Web ComponentsYou'll code the necessary components and services required in the login view.
lesson
RoutingFullstack Web ComponentsYou'll code the Router class that handles the creation and removal of views in the application.
lesson
Routing Custom Elements in a SPAFullstack Web ComponentsTo handle multiple views in the single page application, you'll need to implement a router that can navigate between each view.
lesson
Chapter Eight SummaryFullstack Web ComponentsYou developed the landing page of the application, learning how to architect a separation of concerns between the UI components.