Interactive UI/UX Components and Advanced JavaScript

External: Coursera Courses ↗ · Coursera

Open Course on External: Coursera

Free to audit · Opens on External: Coursera

Interactive UI/UX Components and Advanced JavaScript

Coursera · Beginner ·🌐 Frontend Engineering ·3mo ago

Key Takeaways

Builds interactive UI/UX components using HTML, CSS, and advanced JavaScript

Original Description

This course features Coursera Coach! A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. In this course, you’ll master building engaging and interactive UI/UX components using HTML, CSS, and advanced JavaScript. Through projects like Emoji Rating, Sticky Navbar, and Double Landing Page, you’ll learn to create responsive designs that react to user interactions. Each section guides you in combining structure, style, and logic while mastering DOM manipulation, animations, and event-driven programming. As you advance, you’ll build projects such as Dark Mode Toggles, Drum Kits, and To-Do Lists, focusing on real-world interactivity and clean coding practices. You’ll also explore animation, scroll effects, and API integration through creative projects like Random Photos and Background Image Scroll Effects. This course is ideal for learners familiar with HTML, CSS, and basic JavaScript who want to advance their front-end skills. By the end, you’ll be able to design dynamic, intuitive, and professional UI/UX components using modern JavaScript techniques.
Watch on External: Coursera ↗ (saves to browser)
Sign in to unlock AI tutor explanation · ⚡30

Related AI Lessons

Had my Frontend Developer interview with Capgemini (Application Developer) today, and I wanted to…
Prepare for a frontend developer interview with Capgemini by reviewing JavaScript fundamentals and practicing common interview questions
Medium · JavaScript
10 Frontend Developer Tools to Boost Productivity in 2026
Boost frontend productivity with 10 essential tools for modern web app development
Medium · Programming
10 Frontend Developer Tools to Boost Productivity in 2026
Boost frontend productivity with top 10 developer tools in 2026
Medium · JavaScript
The US Frontend Engineer Market in 2026: A Data-Driven Reality Check (and the Bias That Stops Us Seeing It)
US frontend engineer hiring demand peaked in 2022 and remains flat-depressed in 2026, contrary to common assumptions
Dev.to AI
Up next
The masks we wear | Zora Krstić | TEDxLuxembourgCity
TEDx Talks
Watch →