Online Course DownloadOnline Course Download
    Facebook Twitter Instagram
    Online Course Download Online Course Download
    • Home
    • About Us
    • Contact Us
    • Privacy Policy
    Online Course DownloadOnline Course Download
    You are at:Home»Development»Web Components & Stencil.Js – Build Custom HTML Elements
    Development Web Development

    Web Components & Stencil.Js – Build Custom HTML Elements

    Facebook Twitter Pinterest LinkedIn Tumblr Email
    Web Components & Stencil.Js – Build Custom HTML Elements - Online Course Download
    Web Components & Stencil.Js – Build Custom HTML Elements - Online Course Download
    Share
    Facebook Twitter LinkedIn Pinterest Email
    Development free online course free udemy paid course freecourse freecoursesite udemy course download udemy free download Web Components Web Development

    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

    Requirements :

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

    Description :

    Let’s face it: You got thousands 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 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!).

    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 JavaScript
    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 JavaScript framework like Angular, React or Vue (or none at all!)

    Prerequisites:

    Basic JavaScript knowledge is a must-have
    ES6 JavaScript knowledge (const, let, classes, …) is strongly recommended but not strictly required – a brief refresher is provided as part of the course
    NO JavaScript 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

    Course Size Details :

    8.5 hours on-demand video
    21 articles
    90 downloadable resources
    Full lifetime access
    Access on mobile and TV
    Assignments
    Certificate of completion

    View Demo

    People also Search on Google

    • free course download
    • download udemy courses on pc
    • udemy courses free download google drive
    • udemy courses free download
    • udemy online courses
    • online course download
    • udemy course download
    • udemy paid course for free
    • freecousesite
    • download udemy paid courses for free


    Online Course Download Web Components & Stencil.Js – Build Custom HTML Elements
    Share. Facebook Twitter Pinterest LinkedIn Tumblr Email
    Previous ArticleAcupressure Masterclass – All Body Systems
    Next Article Thai Hand Reflexology Massage Certificate Course

    Related Posts

    freecoursesite

    freecoursesite – Free Course Site

    Business

    PMP Exam Cram Session – PMBOK Guide, 6th Edition

    Business

    Operations Management

    Leave A Reply Cancel Reply

    • Strategies for Digital Marketers on Digital Marketing – 2022
    • Digital Marketing Services To Transform Your Business Globally
    • freecoursesite – Free Course Site
    • What Every Business Owner Must Know About Digital Marketing
    • What are the Benefits of Digital Transformation?
    • Facebook
    • Twitter
    • Instagram
    • Pinterest
    Don't Miss

    Strategies for Digital Marketers on Digital Marketing – 2022

    Digital Marketing Services To Transform Your Business Globally

    freecoursesite – Free Course Site

    What Every Business Owner Must Know About Digital Marketing

    About Us
    About Us

    Download Courses for Free. Learn web development, Programming, IT & Software, Marketing, Music, Free Online Courses, and more. freecoursesite

    USEFUL LINKS

    • Home
    • About Us
    • Contact Us
    • Privacy Policy
    • Sitemap
    • freecoursesite
    • freecoursesite
    Popular Posts
    Business

    Strategies for Digital Marketers on Digital Marketing – 2022

    Business

    Digital Marketing Services To Transform Your Business Globally

    freecoursesite

    freecoursesite – Free Course Site

    Copyright © 2023 Online Course Download. All Rights Reserved.
    • Home
    • About Us
    • Contact Us
    • Privacy Policy
    • Sitemap
    • freecoursesite
    • freecoursesite

    Type above and press Enter to search. Press Esc to cancel.