Externally indexed torrent

If you are the original uploader, contact staff to have it moved to your account

Textbook in PDF format

Web Components are a powerful tool for user interface development. They are interoperable and adding them to your stack can help you scale a UI library to multiple teams. Plus they can have a long lifespan because they are built with browser specifications. Web Components are performant because they don't have to rely on the overhead from JavaScript frameworks.

There are several books about Web Components, but none go into how to integrate Web Components in an enterprise web development workflow. This book is designed to help you learn Web Components and integrate it into your actual work.

Get hands-on experience coding UI with Web Components, but also learn how to test and maintain those components in the context of a distributed UI library in Fullstack Web Components.

Web Components are a standard JavaScript technology whose adoption has soared in recent years. Since it enables your components to work in any JavaScript code base, whether you are using frameworks/libraries like React, Angular, Vue, or vanilla JavaScript, you can use Web Components everywhere.

Author Stephen Belovarich, Principal Software Development Engineer at Workday, unpacks practical ways to build real world apps using the latest evolution of the web spec.

In Part 1 of the book, you learn the basics of Web Components and build some standard component building blocks.

Part 2 walks you step by step through building a library for Web Components and leveraging the library in actual development.

In Part 3, you integrate Web Components into a full app with JavaScript on the front end as well as Node.js with Express on the backend.

In the course of building these practical projects, these are some of the skills you will learn:

Web Components fundamentals

Shadow DOM templates and styling

Implementing a micro-library for Web Components

Building TypeScript decorators Server side rendering with Declarative Shadow DOM and Node.js

Build fullstack JavaScript apps with Web Components and Express.js and more!

Get hands-on experience coding UI with Web Components, but also learn how to test and maintain those components in the context of a distributed UI library in Fullstack Web Components