К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Interactive UI/UX Components and Advanced JavaScript · LearnSpace
Назад в каталог
courseraПрограммирование

Interactive UI/UX Components and Advanced JavaScript

Курс от Packt
Средний≈ 14.2 чАнглийский
О курсеНавыкиПрограммаПреподаватели

О курсе

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.

Навыки, которые вы освоите

JavascriptCascading Style Sheets (CSS)AnimationsUser Interface and User Experience (UI/UX) DesignHypertext Markup Language (HTML)Interactive DesignApplication Programming Interface (API)User Interface (UI) DesignUser Interface (UI)Responsive Web DesignData PersistenceEvent-Driven ProgrammingWeb DesignFront-End Web DevelopmentUI ComponentsHTML and CSS

Программа курса

10 модулей · 65 учебных материалов

01Project - Emoji Rating8 материалов

Project - Emoji Rating

Introduction to the Course 'Interactive UI/UX Components and Advanced JavaScript'ЧтениеFull Specialization ResourcesЧтениеPreview - Emoji RatingВидеоHTML - Emoji RatingВидео

Учитесь у экспертов

Packt - Course Instructors

Преподаватель курса

Interactive UI/UX Components and Advanced JavaScript
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 14.2 ч

10 модулей

Язык: Английский

Субтитры: Арабский, Французский, Итальянский, Бразильский португальский, Корейский, Индонезийский, Испанский, Японский

Часть программы вашего университета
CSS - Emoji RatingВидео
JavaScript - Emoji RatingВидео
Building an Emoji Rating Feedback Section with JavaScriptDIALOGUE
Project - Emoji Rating - AssessmentЗадание
02Project - Sticky Navbar6 материалов

Project - Sticky Navbar

Preview - Sticky NavbarВидеоHTML - Sticky NavbarВидеоCSS - Sticky NavbarВидеоJavaScript - Sticky NavbarВидеоUnderstanding and Implementing Sticky Navbar BehaviorDIALOGUEProject - Sticky Navbar - AssessmentЗадание
03Project - Double Landing Page6 материалов

Project - Double Landing Page

Preview - Double Landing PageВидеоHTML - Double Landing PageВидеоCSS - Double Landing PageВидеоJavaScript - Double Landing PageВидеоUsing JavaScript to Create Hover Effects on a Double Landing PageDIALOGUEProject - Double Landing Page - AssessmentЗадание
04Project - Auto Text Effect Animation6 материалов

Project - Auto Text Effect Animation

Preview - Auto Text Effect AnimationВидеоHTML - Auto Text Effect AnimationВидеоCSS - Auto Text Effect AnimationВидеоJavaScript - Auto Text Effect AnimationВидеоUnderstanding the Ternary Operator in JavaScriptDIALOGUEProject - Auto Text Effect Animation - AssessmentЗадание
05Project - Background Image Scroll Effect6 материалов

Project - Background Image Scroll Effect

Preview - Background Image Scroll EffectВидеоHTML - Background Image Scroll EffectВидеоCSS - Background Image Scroll EffectВидеоJavaScript - Background Image Scroll EffectВидеоCreating a Scroll-Responsive Background with HTML, CSS, and JavaScriptDIALOGUEProject - Background Image Scroll Effect - AssessmentЗадание
06Project - Blurred Background Popup6 материалов

Project - Blurred Background Popup

Preview - Blurred Background PopupВидеоHTML - Blurred Background PopupВидеоCSS - Blurred Background PopupВидеоJavaScript - Blurred Background PopupВидеоBuilding a Blurred Background Popup with HTML, CSS, and JavaScriptDIALOGUEProject - Blurred Background Popup - AssessmentЗадание
07Project - Dark Mode Toggle6 материалов

Project - Dark Mode Toggle

Preview - Dark Mode ToggleВидеоHTML - Dark Mode ToggleВидеоCSS - Dark Mode ToggleВидеоJavaScript - Dark Mode ToggleВидеоImplementing a Dark Mode Toggle with Local StorageDIALOGUEProject - Dark Mode Toggle - AssessmentЗадание
08Project - Drum Kits6 материалов

Project - Drum Kits

Preview - Drum KitsВидеоHTML - Drum KitsВидеоCSS - Drum KitsВидеоJavaScript - Drum KitsВидеоBuilding an Interactive Drum Kit (HTML, CSS, JS)DIALOGUEProject - Drum Kits - AssessmentЗадание
09Project - To Do List6 материалов

Project - To Do List

Preview - To Do ListВидеоHTML - To Do ListВидеоCSS - To Do ListВидеоJavaScript - To Do ListВидеоBuilding a ToDo List: HTML, CSS, and JavaScript FoundationsDIALOGUEProject - To Do List - AssessmentЗадание
10Project - Random Photos9 материалов

Project - Random Photos

Preview - Random PhotosВидеоHTML - Random PhotosВидеоCSS - Random PhotosВидеоJavaScript - Random PhotosВидеоCreating a Dynamic Random Image Feed with JavaScriptDIALOGUEConclusion to the Course 'Interactive UI UX Components and Advanced JavaScript'ЧтениеProject - Random Photos - AssessmentЗаданиеFull Course Practice AssessmentЗаданиеFull Course AssessmentЗадание