Skip to content
Sunday, March 7
  • DMCA – COPYRIGHTS
  • PRIVACY POLICY
  • TERMS OF USE
    freetutorials.us

    Freetutorials.us

    Udemy Courses Free Download Torrents Online

    freetutorials.us

    Freetutorials.us

    Udemy Courses Free Download Torrents Online

    • HOME
    • Academics
    • IT & Software
    • Design
    • Development
    • All Categories
      • BUSINESS
      • Health & Fitness
      • Language
      • Marketing
      • Music
      • Office Productivity
      • Personal Development
      • Photography
    • ABOUT US
    • CONTACT US
    • HOME
    • Academics
    • IT & Software
    • Design
    • Development
    • All Categories
      • BUSINESS
      • Health & Fitness
      • Language
      • Marketing
      • Music
      • Office Productivity
      • Personal Development
      • Photography
    • ABOUT US
    • CONTACT US
    Home>Development>Web Components & Stencil.Js – Build Custom HTML Elements
    Web Components & Stencil.Js – Build Custom HTML Elements
    Development

    Web Components & Stencil.Js – Build Custom HTML Elements

    FTUJuly 21, 20200

    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 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 (<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!).

    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

    Created by Maximilian Schwarzmüller
    Last updated 6/2019
    English
    English

    Size: 3.84 GB

    Download Now

    Related tags : Web Components & Stencil.Js – Build Custom HTML Elements

    Previous Post

    Machine Learning With Javascript 2020

    Machine Learning With Javascript

    Next Post

    The Complete Deep Web Course 2018: Become An Expert!

    The Complete Deep Web Course 2018: Become An Expert!

    Related Articles

    The Complete Android N Developer Course Development

    The Complete Android N Developer Course

    Ultimate AWS Certified Developer Associate 2021 – NEW! Development

    Ultimate AWS Certified Developer Associate 2021 – NEW!

    ChatBots: How To Make A Facebook Messenger Chat Bot In 1hr Development

    ChatBots: How To Make A Facebook Messenger Chat Bot In 1hr

    Complete Python Developer In 2020: Zero To Mastery Development

    Complete Python Developer In 2020: Zero To Mastery

    JavaScript Web Projects: 20 Projects To Build Your Portfolio Development

    JavaScript Web Projects: 20 Projects To Build Your Portfolio

    Leave a Reply Cancel reply

    Your email address will not be published. Required fields are marked *

    Search Your Favourite Course

    Udemy Free Courses Download Online Torrent – Freetutorials.us

    Categories

    • Academics (13)
    • BUSINESS (117)
    • Default (3)
    • Design (61)
    • Development (569)
    • Health & Fitness (1)
    • IT & Software (112)
    • Language (6)
    • Marketing (39)
    • Music (5)
    • Office Productivity (13)
    • Personal Development (14)
    • Photography (9)
    Copyright © All rights reserved | WordPress Theme Ultra Seven
    • HOME
    • ABOUT US
    • CONTACT US