Home : Book details : Book description

Description of  Web Components & Stencil.js - Build Custom HTML Elements

Last updated 11/2023 Duration: 8h49m | Video: .MP4, 1920x1080 30 fps | Audio: AAC, 48 kHz, 2ch | Size: 3.26 GB Genre: eLearning | Language: English 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. 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 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 Students who want to dive into a future-proof web technology that can be used in any web app