Getting Started with Web Components

This is the code repository for Getting Started with Web Components, published by Packt.

Build modular and reusable components for modern web applications using HTML and JavaScript

What is this book about?

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.

This book covers the following exciting features:

Understand Web Component design, specifications, and life cycle
Create single-page applications using Web Components
Enable reusability and customization for your UI components
Implement Web Components in your web apps using Polymer and Stencil libraries
Build powerful frontend components from scratch and deploy them on web

If you feel this book is for you, get your copy today!

Instructions and Navigations

All of the code is organized into folders. For example, Chapter02.

The code will look like the following:

class myClass {
  constructor() {
    // do stuff
  }
}

Following is what you need for this book: This book is for web developers who want to build reusable components for their modern web applications regardless of their web framework level of experience. The books assume working knowledge of HTML, CSS, and JavaScript.

With the following software and hardware list you can run all code files present in the book (Chapter 1-8).

Software and Hardware List

Chapter	Software required	OS required
1	Web Browser such as Chrome/Firefox/Safari	Windows, Mac OS X, and Linux (Any)
1	Terminal / Command Prompt	Windows, Mac OS X, and Linux (Any)
1	Code Editor such as Atom	Windows, Mac OS X, and Linux (Any)
1	Python	Windows, Mac OS X, and Linux (Any)
6	NodeJS	Windows, Mac OS X, and Linux (Any)

We also provide a PDF file that has color images of the screenshots/diagrams used in this book. Click here to download it.

Related products

Learn React with TypeScript 3 [Packt] [Amazon]
Learn WebAssembly [Packt] [Amazon]

Get to Know the Author

Prateek Jadhwani is a developer specializing in frontend technologies, living and working in the US. His experience includes 10 years of working as a frontend developer for many high-profile clients and many early-adoption side projects. Prateek had his first exposure to Web Components in 2014, and instantly fell in love with component-driven methodologies. Since then, he has evangelized Web Components and its related libraries to people at work and outside of work. Prateek loves all things open source and enjoys writing good JavaScript. A love for programming in general and a thirst for knowledge provide the motivation he carries through his work.

Suggestions and Feedback

Click here if you have any feedback or suggestions.

Download a free PDF

If you have already purchased a print or Kindle version of this book, you can get a DRM-free PDF version at no cost.
Simply click on the link to claim your free PDF.

https://packt.link/free-ebook/9781838649234

Provide feedback

Saved searches

Use saved searches to filter your results more quickly