Code Monkey home page Code Monkey logo

udemy-webcomponents-course's Introduction

udemy-webcomponents-course

This contains the learning materials of the Udemy course on webcomponents with lit-html & redux.

You are free to follow this course without buying the course on Udemy, each folder contains a readme with instructions. However, I appreciate the support, you can buy the course at a discounted price of $9.99 via this promo link. Buying this course helps me support myself and enables me to add additional chapters to it.


Some of the topics covered in the course are:

  • Fundamental theory behind webcomponents, why they were invented and how it compares to other frameworks
  • An optional bonus chapter on important ES Next features used in the course
  • A coding chapter on vanilla webcomponents where you'll be writing a small app without any library
  • Afterwards we'll refactor our app to use lit-html & lit-element, which makes writing webcomponents easy, fun & efficient
  • Before continuing you'll learn how to add unit & end-to-end tests to your webcomponents apps and run tests automatically when pushing to GitHub



Cloning the course

To get started, clone the course via the command below in your terminal / bash.

git clone [email protected]:AndreasGalster/udemy-webcomponents-course.git

Alternatively you can use the green download button on the top right of the page.



Navigating the folders

Each folder corresponds to one chapter in the course. Every video contains a start and an end folder. If you need help you may try to go to the end chapter to see how things work.



Installing dependencies

Don't forget to install npm dependencies when you go to a new chapter. Starting with the lit-html chapter, every folder contains a package.json. To install the dependencies, either type in npm install or yarn.



Getting help

If you have questions about webcomponents, feel free to ask via Udemy or join the Polymer slack to ask me directly. My name on the slack is @andreasgalster

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.