Getting Started with Web Components: Build modular and reusable components using HTML, CSS and JavaScript

Price: $36.99
(as of Jun 09, 2024 09:09:10 UTC – Details)

Explore modern Web Component design and integrate them with a variety of web frameworks to build encapsulated reusable UI components for your web apps

Key FeaturesLearn Web Components with more than 50 web component examples for both beginners and advanced usersCreate responsive and highly customizable web pages using HTML, CSS, and JavaScriptExtend the potential of Web Components by integrating them with standard web frameworksBook Description

Web Components are a set of APIs that help you build reusable UI modules that can operate in any modern browser using just Vanilla JavaScript. The power of Web Components lies in their ability to build frontend web applications with or without web frameworks.

With this practical guide, you will understand how Web Components can help you build reusable UI components for your modern web apps. The book starts by explaining the fundamentals of Web Components’ design and strategies for using them in your existing frontend web projects. You will also learn how to use JavaScript libraries such as Polymer.js and Stencil.js for building practical components. As you progress, you will build a single-page application using only Web Components to fully realize their potential. This practical guide demonstrates how to work with Shadow DOM and custom elements to build the standard components of a web application. Toward the end of the book, you will learn how to integrate Web Components with standard web frameworks to help you manage large-scale web applications.

By the end of this book, you will have learned about the capabilities of Web Components in building custom elements and have the necessary skills for building a reusable UI for your web applications.

What you will learnUnderstand Web Component design, specifications, and life cycleCreate single-page applications using Web ComponentsEnable reusability and customization for your UI componentsImplement Web Components in your web apps using Polymer and Stencil librariesBuild powerful frontend components from scratch and deploy them on the webDesign patterns and best practices to integrate Web Components into your existing web applicationWho this book is for

This book is for developers who have heard about web components, but don’t really know where to start. This book is also for intermediate and advanced developers who know what web components are, but are still afraid to use them in production. This book is also for frontend engineers who are simply looking into web components in order to increase their knowledge and skills.

Table of ContentsWeb Components Essential and SpecificationsWeb Components Life Cycle Callback MethodsUniversal Web ComponentsBuilding Reusable Web ComponentsManaging States and PropsBuilding a Single Page App using Web ComponentsImplementing Web Components using Polymer and StencilIntegrating Web Components with Web Framework

ASIN ‏ : ‎ B07SB4ZLHT
Publisher ‏ : ‎ Packt Publishing; 1st edition (August 9, 2019)
Publication date ‏ : ‎ August 9, 2019
Language ‏ : ‎ English
File size ‏ : ‎ 4715 KB
Text-to-Speech ‏ : ‎ Enabled
Screen Reader ‏ : ‎ Supported
Enhanced typesetting ‏ : ‎ Enabled
X-Ray ‏ : ‎ Not Enabled
Word Wise ‏ : ‎ Not Enabled
Sticky notes ‏ : ‎ On Kindle Scribe
Print length ‏ : ‎ 160 pages
Page numbers source ISBN ‏ : ‎ 1838649239