Frontend Intermediate Premium

Web Components: Reusable UI Building Blocks Virtual Internship

In this virtual internship, students will learn how to leverage the Web Components standard and libraries like Lit to create encapsulated, reusable UI components for building modular web applications. They will gain hands-on experience in designing and implementing custom web components, managing state, and integrating them into larger web applications. By the end of the internship, students will have a portfolio of projects demonstrating their expertise in creating robust, scalable, and maintainable front-end architectures.

weeks
7 tasks
0 enrolled
Sign In to Purchase - $49
Track price: $49.00

Track Overview

This track provides hands-on experience and real-world projects to build your skills.

Tasks & Milestones

Exploring Web Components

Intermediate

In this task, you will investigate the Web Components standard, its features, and the advantages it offers for building web applications.

8 hours

Creating a Reusable Button Component

Intermediate

In this task, you will create a reusable button component using the Lit library, with support for various styles and functionality.

12 hours

Building a Reusable Card Component

Intermediate

In this task, you will create a reusable card component using Lit, with support for various layouts and content types.

12 hours

Implementing a Stateful Counter Component

Intermediate

In this task, you will create a stateful counter component using Lit, with support for incrementing, decrementing, and resetting the counter value.

10 hours

Communicating Between Web Components

Intermediate

In this task, you will create a pair of web components that communicate with each other using events and a shared state management approach.

12 hours

Packaging and Distributing Web Components

Intermediate

In this task, you will package your custom web components into a distributable format and publish them to a package registry.

8 hours

Integrating Web Components into a React Application

Intermediate

In this task, you will integrate your custom web components into a React-based web application, demonstrating their interoperability with existing front-end frameworks.

12 hours

Prerequisites

  • • Proficiency in HTML, CSS, and JavaScript
  • • Experience with at least one front-end framework (React, Vue.js, or Angular)

Certificate

Certificate of Completion

Earn a certificate upon successful completion