Udemy – Web Components & Stencil.js – Build Custom HTML Elements 2023-11 – Download

Explanation

Let’s face it: You’ve got thousands of HTML tags to choose from but some are useful, , , …) missing What if you could build your own HTML tags? Lack of frameworks like Angular, libraries like React or general expert JavaScript knowledge. Only with a magical, native-JavaScript feature called “Web Elements” (or “custom HTML elements”). Web components are a combination of different instructions baked into the browser. Getting started with these features is a breeze and you’ll quickly be able to build your own reusable (even across projects!)

Such custom objects do not replace Angular, React or Vue though – instead you can easily use them in any web project, including projects using frameworks and libraries. In this course, you will learn this from scratch. But it won’t stop there. Although the beginning is simple, more complex parts will be more difficult to create. Stencil.js is a tool that makes creating original web components very easy using modern frameworks like TypeScript and JSX (don’t know that? Don’t worry, you’ll learn in the course!).

What will you learn?

Build your own reusable HTML elements that you can use in your own projects or share with other developers
Overcome the limitations of built-in HTML with the power of just HTML, CSS and JavaScript

Who is this course for?

Anyone interested in building custom HTML tags!
Students who want to dive into future web technologies that can be used in any web app

Web Components Guide & Stencil.js – Build Custom HTML Elements

The essence

Web Components & Stencil.js - Build Custom HTML Templates

Web Components Requirements & Stencil.js – Build Custom HTML Templates

Basic knowledge of JavaScript is required (syntax basics, DOM basics, object basics)
Knowledge of ES6+ JavaScript (classes etc) is a plus but not a must

Pictures

Web Components & Stencil.js - Build Custom HTML Elements

Sample Clip

Installation Guide

Extract files and watch your favorite player

Subtitle: English

Quality: 1080p

Changes:

Version 2023/11 compared to 2019/1 increased the number of 12 lessons and the duration of 18 minutes.