Vanilla JS: You Might Not Need a Framework
This vanilla JavaScript workshop covers the essentials and advanced topics, starting with an introduction to vanilla JavaScript, its relevance, and when it might be better than using libraries. You’ll explore key concepts such as DOM manipulation, event handling, and script loading with async
and defer
.
You’ll dive into DOM API methods like getElementById
and querySelector
, and learn about scoping, modifying the DOM, and efficient event binding techniques. Advanced topics include SPA routing, using the History API, building a custom SPA router, and managing dynamic routes.
Further, the workshop introduces custom web components, Shadow DOM, and HTML templates, leading to practical projects like building a ProductItem
and DetailsPage
component. You’ll also explore techniques for fetching and displaying dynamic data, creating a Proxy, handling cart functionality, and binding form data.
The course concludes with Q&A sessions and wraps up by summarizing key concepts.