• views: 134
• date: 19 May 2024
• posted by: AD-TEAM

Genre: eLearning | Language: English [/center]

A Complete Introduction to building Custom HTML Elements/ Web Components with and without StencilJS

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 jаvascript only

Requirements
Basic jаvascript knowledge is required (base syntax, DOM basics, objects basics)
ES6+ jаvascript knowledge (classes etc) is a plus but not a must-have

Description
Let's face it: You got hundreds of HTML tags to choose from but some really helpful ones (, , , .) are missing.
What if you could build your own HTML tags?

Without frameworks like Angular, libraries like React or expert jаvascript knowledge in general. Just with a magic, native-jаvascript 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!).
In detail, in this course you will learn:
how to build re-usable, lightweight custom HTML elements with native browser features
how to build web components of all complexities - from a simple tooltip to modals or side drawers
how to pass data into your own web components and use it there
how to emit your own custom events which you can listen to in jаvascript
how to use the Shadow DOM to scope your CSS styles to your custom elements
how to use Stencil.js to get a much easier development workflow
how to use the many features Stencil.js provides to build native web components way more efficiently
how to deploy/ re-use your own web components in ANY project using ANY jаvascript framework like Angular, React or Vue (or none at all!)
Prerequisites:
Basic jаvascript knowledge is a must-have
ES6 jаvascript knowledge (const, let, classes, .) is strongly recommended but not strictly required - a brief refresher is provided as part of the course
NO jаvascript framework knowledge (e.g. Angular, React, Vue) is required
NO TypeScript or JSX knowledge is required
Let's dive into this exciting technology together!
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

More Info








Free search engine download: Udemy Web Components Stencil js Build Custom HTML Elements 2023 11

   
   
   

Forex Trading

Crypto Trading. 20 USD Bonus after KYC

We need your support!
Make a donation to help us stay online
        
Bitcoin (BTC)
bc1q08g9d22cxkawsjlf8etuek2pc9n2a3hs4cdrld
	
Bitcoin Cash (BCH)
qqvwexzhvgauxq2apgc4j0ewvcak6hh6lsnzmvtkem

Ethereum (ETH)
0xb55513D2c91A6e3c497621644ec99e206CDaf239

Litecoin (LTC)
ltc1qt6g2trfv9tjs4qj68sqc4uf0ukvc9jpnsyt59u

USDT (ERC20)
0xb55513D2c91A6e3c497621644ec99e206CDaf239

USDT (TRC20)
TYdPNrz7v1P9riWBWZ317oBgJueheGjATm

0 1 2 3 4 5

| Print version |

	Information
		Users of GUESTS are not allowed to comment this publication.