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

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

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

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

CSS Practice Questions

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

О курсе

Find out how well you really know CSS with our bumper-pack of challenges. Recreate components and layouts from popular applications like Github, Codepen, and Instagram, and build loading animations, progress bars, flashcards and more using pure CSS! This hands-on course will guide you through engaging challenges covering a wide range of CSS techniques. Along the way, you'll refresh and refine your knowledge of all the key CSS features, from transitions and pseudo-elements to hover effects, keyframe animations, and much more! Looking for practical CSS experience? This course has that, too! You'll put your knowledge to the test by recreating instantly-recognizable components from sites such as Github, Codepen, and Instagram. After completing each challenge, you'll compare your solution with the one provided by our in-house CSS expert. This experience is akin to pair programming, allowing you to learn from their expertise and gain valuable insights. By the end of this course, you will not only have a comprehensive understanding of CSS but also have gained practical experience in recreating components from well-known apps from around the web. This knowledge will equip you to tackle any CSS challenge with confidence. CSS knowledge at the ready? Let's get started.

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

Cascading Style Sheets (CSS)UI ComponentsAnimationsWeb DesignUser Interface (UI)HTML and CSSCode ReusabilityInteractive DesignResponsive Web DesignWeb Development

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

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

01CSS Basics with Creative Challenges17 материалов

Boost your CSS: Intermediate Challenges

Welcome to CSS Challenges!PLUGINWelcome to interactive lessons!PLUGINChallenge: Colorful ButtonPLUGINSolution: Colorful ButtonPLUGIN

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

Treasure Porth

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

CSS Practice Questions
В каталоге вашей программы

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 3.5 ч

4 модулей

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

Часть программы вашего университета
Challenge: Expanding Search BarPLUGIN
Solution: Expanding Search BarPLUGIN
Challenge: Codepen TilePLUGIN
Solution: Codepen TilePLUGIN
Challenge: Loading Animation 1PLUGIN
Solution: Loading Animation 1PLUGIN
Challenge: Loading Animation 2PLUGIN
Solution: Loading Animation 2PLUGIN
Challenge: Archery TargetPLUGIN
Solution: Archery TargetPLUGIN
Challenge: Word CarouselPLUGIN
Solution: Word CarouselPLUGIN
CSS Basics with Creative Challenges Graded AssignmentЗадание
02National Flag Designs15 материалов
Challenge: Flag of FrancePLUGINSolution: Flag of FrancePLUGINChallenge: Flag of GermanyPLUGINSolution: Flag of GermanyPLUGINChallenge: Flag of MadagascarPLUGINSolution: Flag of MadagascarPLUGINChallenge: Flag of SwitzerlandPLUGINSolution: Flag of SwitzerlandPLUGINChallenge: Flag of JapanPLUGINSolution: Flag of JapanPLUGINChallenge: Flag of SwedenPLUGINSolution: Flag of SwedenPLUGINChallenge: Flag of NigerPLUGINSolution: Flag of NigerPLUGINNational Flag Designs Graded AssignmentЗадание
03Advanced Layouts and UI Components11 материалов
Challenge - Github Profile LayoutPLUGINSolution - Github Profile LayoutPLUGINChallenge - Toggle SwitchPLUGINSolution: Toggle SwitchPLUGINChallenge: Playing Card - Ace of SpadesPLUGINSolution: Playing Card - Ace of SpadesPLUGINChallenge: Playing Card - 4 of HeartsPLUGINSolution: Playing Card - 4 of HeartsPLUGINChallenge: Adjustable Progress BarPLUGINSolution: Adjustable Progress BarPLUGINAdvanced Layouts and UI Components Graded AssignmentЗадание
04Animations and Interactive Design12 материалов
Challenge: Jeopardy FlashcardPLUGINSolution: Jeopardy FlashcardPLUGINChallenge: Loading Animation 3PLUGINSolution: Loading Animation 3PLUGINChallenge - Instagram Stories MenuPLUGINSolution - Instagram Stories MenuPLUGINChallenge - Animated Progress BarPLUGINSolution - Animated Progress BarPLUGINChallenge - Github Contributions GraphPLUGINSolution - Github Contributions GraphPLUGINAnimations and Interactive Design Graded AssignmentЗаданиеCongrats, you've completed CSS Challenges!PLUGIN