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

Let’s face it: You got thousands of HTML tags to choose from but some really helpful ones (<tabs>, <side-drawer>, <modal>, …) are missing. What if you could build your own HTML tags? Without frameworks like Angular, libraries like React or expert JavaScript knowledge in general. Just with a magic, native-JavaScript feature called “Web Components” (or “custom HTML elements”). Web Components are a combination of various specifications that are baked into the browser. Getting started with these features is a breeze and you’ll quickly be able to build your own powerful and re-usable (even across projects!) custom HTML elements.

Such custom elements don’t replace Angular, React or Vue though – instead you can easily use them in ANY web project, including projects using such frameworks and libraries. In this course, you’ll learn this from scratch. But we won’t stop there. Whilst getting started is fairly easy, more complex components will be more difficult to create. Stencil.js is a tool that makes the creation of such native web components much easier by using modern features like TypeScript and JSX (don’t know that? No worries, you’ll learn it in the course!).

What you’ll learn

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

Who this course is for

• Everyone who’s interested in building custom HTML tags!
• Students who want to dive into a future-proof web technology that can be used in any web app

Specificatoin of Web Components & Stencil.js – Build Custom HTML Elements

• Publisher: Udemy
• Teacher: Academind by Maximilian Schwarzmüller , Maximilian Schwarzmüller
• Language: English
• Level: All levels
• Number of Course: 144
• Duration: 8 hours and 48 minutes

Content

Requirements of Web Components & Stencil.js – Build Custom HTML Elements

• Basic JavaScript knowledge is required (base syntax, DOM basics, objects basics)
• ES6+ JavaScript knowledge (classes etc) is a plus but not a must-have

Pictures

Sample Clip

Installation Guide

Extract the files and watch with your favorite player

Subtitle: English

Quality: 1080p

Changes:

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

Download Links

Download Part 1 – 1 GB

Download Part 2 – 1 GB

Download Part 3 – 1 GB

Download Part 4 – 367 MB

File size

3.36 GB