Fundamentals of Web Components
What you'll learn
- Web Components API
- Create your own custom elements, use them in html like the built in elements
- Use templates to create the structure of your elements
- Use shadow dom to encapsulate your element
- Use slot for composing your custom elements with different elements
- Create custom events
Requirements
- Familiarity with basic dom manipulation with javascript
Description
In this course we will learn how we can create our custom html elements. Just like we are creating reusable components we do in react, vue, angular, we can build reusable custom elements with vanilla javascript, by following web standards.
We will learn how we can built custom elements, how we can extend built-in elements. Also we will practice the "template" to make the rendering of our custom element more efficiently.
We are going to practice the Shadow Dom to see it's role in web components. We will see how we can compose our custom element with the markup provided externally. And also we will see our styling options of our elements.
And finally, we will practice, how the events are changed in shadow dom. We will see the issues and we will introduce our solutions.
If you want to build re usable web components without relying onto a third party library, if you want to build applications based on the web standards, then web components is the answer.
Who this course is for:
- Developers who wants to build web clients with web standards.
- Developers who wants to build applications without needing 3rd party library and framework.
Instructor
- 4.5 Instructor Rating
- 918 Reviews
- 6,174 Students
- 8 Courses
I have experience on
• Java / Java EE specifications JAX-RS (Jersey), JPA (Hibernate)
• Spring Framework (Spring Boot, Security, Data)
• Spring Cloud components & microservices frameworks, messaging bus (RabbitMQ)
• JavaScript (ES6, TypeScript) / Node JS (Express.js) and frontend JS Frameworks (React (and Redux), AngularJS, Svelte)
• Testing frameworks (For Java pojects JUnit, Mockito, AssertJ, Cucumber / for Javascript projects Jest, and Testing Library (for React and Svelte))
I've been teaching Spring Boot, React and Test Driven Development to newly graduate engineers and interns either in class environment or one on one.