Web-Development Intermediate Premium

Web Components and Custom Elements Virtual Internship

In this virtual internship, students will learn how to build reusable, encapsulated UI components using the Web Components standard. They will explore the fundamentals of Web Components, including Custom Elements, Shadow DOM, and HTML Templates, and leverage these concepts to create modular, interoperable components that can be used across different web frameworks and libraries. By the end of the internship, students will have a strong understanding of Web Components and the ability to apply this knowledge to build scalable, maintainable web applications.

weeks
4 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

Create a Simple Custom Element

Intermediate

In this task, you will create a simple Custom Element and learn how to define its properties, attributes, and lifecycle methods.

4 hours

Create a Shadow DOM-based Web Component

Intermediate

In this task, you will create a Web Component that uses the Shadow DOM to encapsulate its structure, styles, and event handling.

6 hours

Integrate a Web Component into a React Application

Intermediate

In this task, you will integrate a Web Component into a React application and explore the benefits and challenges of this approach.

8 hours

Capstone Project: Build a Web Components-based Application

Intermediate

In this capstone project, you will build a web application using the Web Components standard, demonstrating your ability to create reusable, encapsulated UI components and leverage them across the application.

24 hours

Prerequisites

  • • Proficiency in HTML, CSS, and JavaScript
  • • Experience with at least one web framework (e.g., React, Vue, Angular)

Certificate

Certificate of Completion

Earn a certificate upon successful completion