Topic
16 resources tagged with JavaScript.
Build a real-time password strength checker using vanilla JavaScript, regular expressions, DOM events, and accessible feedback. Practice validating password rules and updating a dynamic strength meter.
Build a polished and reusable copy-to-clipboard component with Vanilla JavaScript, modern UI styling, responsive layout, accessible feedback, Clipboard API support, and a legacy fallback.
Build a responsive product filtering interface with Vanilla JavaScript. Practice search, category filtering, price filtering, DOM updates, empty states, and responsive UI behavior in this practical coding challenge.
Learn how to build a responsive, accessible breadcrumb navigation component that updates a preview card with Unsplash images when users click a breadcrumb link. Includes semantic HTML, Flexbox layout, mobile behavior, JavaScript state handling, and customization tips.
Build a lightweight, reusable, screen-reader-friendly toast notification component with plain HTML, CSS, and JavaScript. Includes auto-dismiss, manual close, toast types, and practical customization options.
Practice building a keyboard-friendly, ARIA-supported accordion component using semantic HTML, responsive CSS, and vanilla JavaScript.
Learn how to use JavaScript Sets and Maps by building a practical function that removes duplicate users and counts how many times each user appears.
Practice JavaScript string methods and regular expressions by building a beginner-friendly username cleaner and validator.
Master JavaScript array manipulation by building a command-driven function that uses push, pop, and splice to transform arrays safely and efficiently.
Learn how to build an accessible tabs component using semantic HTML, CSS, and vanilla JavaScript. Practice keyboard navigation, ARIA attributes, and dynamic tab switching with a beginner-friendly coding challenge and complete solution.
Build a responsive image gallery using CSS Grid and a lightweight vanilla JavaScript lightbox with keyboard navigation, captions, and mobile-friendly styling.
Learn how to build a reusable debounced search input with vanilla JavaScript to reduce API calls, improve performance, and keep search results responsive.
Build a reusable, accessible modal dialog with semantic HTML, modern CSS, and vanilla JavaScript, including ARIA attributes, focus trapping, Escape key support, and restored focus.
Build an accessible, mobile-friendly responsive navbar with semantic HTML, CSS Flexbox, media queries, and vanilla JavaScript for a working hamburger menu.
Learn how to build and deploy a full-stack developer portfolio using React, Express, REST APIs, JWT authentication, environment variables, and practical production-ready structure.
Practice JavaScript problem solving by building a countVowels function that counts vowels in a string, handles edge cases, and explains the logic step by step.
If a related tutorial is missing, send a topic request through the contact page.