A Complete Introduction to building Custom HTML Elements/ Web Components with and without StencilJS
InstructorAcademind by Maximilian Schwarzmüller
Free
FreeEditorial course preview
These 3 complementary views highlight concrete, legible examples from the course presentation.
This frame displays JavaScript code implementing a tooltip component using Web Components, highlighting the attributeChangedCallback method and Shadow DOM manipulation techniques.
The image displays a code editor with HTML markup defining a custom side-drawer web component and JavaScript logic to handle click events for opening the menu.
This frame shows a developer using Visual Studio Code to write a Stencil.js component in TypeScript, highlighting the autocomplete feature and successful build output.
The curriculum provides a clear path from native browser APIs to the Stencil.js ecosystem, including project creation and deployment workflows.
Instructional delivery manages different skill levels by reintroducing essential concepts without unnecessary delays for experienced developers.
The content lacks coverage of essential modern features such as Constructible StyleSheets and specific testing methodologies.
Selected from the course's public promotional preview. These images document visible presentation material only; they do not represent the complete paid curriculum.
Some hands-on portions may be difficult to follow due to changes or limitations in the specific APIs utilized during recording.
The progression from JavaScript basics to Stencil.js aligns well with the stated target audience.