CSS Practice Questions

Sichern Sie sich eines unserer besten Angebote mit Coursera Plus für 199 $ (normalerweise 399 $). Jetzt sparen.

kurs ist nicht verfügbar in Deutsch (Deutschland)

Wir übersetzen es in weitere Sprachen. Sehen Sie sich die Sprachen an, die wir anbieten.

CSS Practice Questions

Dieser Kurs ist Teil von Spezialisierung „Improve your CSS“

Dozent: Treasure Porth

Bei enthalten

Mehr erfahren

Fragen Sie Coursera

4 Module

Verschaffen Sie sich einen Einblick in ein Thema und lernen Sie die Grundlagen.

Stufe Mittel

Empfohlene Erfahrung

4 Stunden zu vervollständigen

Flexibler Zeitplan

In Ihrem eigenen Lerntempo lernen

4 Module

Verschaffen Sie sich einen Einblick in ein Thema und lernen Sie die Grundlagen.

Stufe Mittel

Empfohlene Erfahrung

4 Stunden zu vervollständigen

Flexibler Zeitplan

In Ihrem eigenen Lerntempo lernen

Was Sie lernen werden

The core concepts of CSS, including layout, positioning, and responsive design.
How to use CSS animations, transitions, and transforms to bring web pages to life.
How to craft common design patterns with CSS.

Kompetenzen, die Sie erwerben

Kategorie: Responsive Web Design
Kategorie: Web Design
Kategorie: Code Reusability
Kategorie: Animations
Kategorie: User Interface (UI)
Kategorie: HTML and CSS
Kategorie: Web Development
Kategorie: Interactive Design

Werkzeuge, die Sie lernen werden

Kategorie: Cascading Style Sheets (CSS)
Kategorie: UI Components

Wichtige Details

Zertifikat zur Vorlage

Zu Ihrem LinkedIn-Profil hinzufügen

Bewertungen

4 Aufgaben

Unterrichtet in Englisch

Erfahren Sie, wie Mitarbeiter führender Unternehmen gefragte Kompetenzen erwerben.

Weitere Informationen zu Coursera für Unternehmen

Logos von Petrobras, TATA, Danone, Capgemini, P&G und L'Oreal

Erweitern Sie Ihre Fachkenntnisse

Dieser Kurs ist Teil der Spezialisierung Spezialisierung „Improve your CSS“

Wenn Sie sich für diesen Kurs anmelden, werden Sie auch für diese Spezialisierung angemeldet.

Lernen Sie neue Konzepte von Branchenexperten
Gewinnen Sie ein Grundverständnis bestimmter Themen oder Tools
Erwerben Sie berufsrelevante Kompetenzen durch praktische Projekte
Erwerben Sie ein Berufszertifikat zur Vorlage

In diesem Kurs gibt es 4 Module

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.

Kickstart your CSS journey with hands-on UI challenges including buttons, animated search bars, and visual layout exercises. These projects reinforce fundamental concepts such as color, spacing, and simple motion effects.

Das ist alles enthalten

1 Aufgabe16 Plug-ins

1 AufgabeInsgesamt 30 Minuten

CSS Basics with Creative Challenges Graded Assignment30 Minuten

16 Plug-insInsgesamt 42 Minuten

Welcome to CSS Challenges!3 Minuten
Welcome to interactive lessons!1 Minute
Challenge: Colorful Button2 Minuten
Solution: Colorful Button6 Minuten
Challenge: Expanding Search Bar2 Minuten
Solution: Expanding Search Bar4 Minuten
Challenge: Codepen Tile2 Minuten
Solution: Codepen Tile6 Minuten
Challenge: Loading Animation 11 Minute
Solution: Loading Animation 13 Minuten
Challenge: Loading Animation 21 Minute
Solution: Loading Animation 22 Minuten
Challenge: Archery Target1 Minute
Solution: Archery Target3 Minuten
Challenge: Word Carousel1 Minute
Solution: Word Carousel4 Minuten

Practice CSS layout, positioning, and color skills by building national flags.

Das ist alles enthalten

1 Aufgabe14 Plug-ins

1 AufgabeInsgesamt 15 Minuten

National Flag Designs Graded Assignment15 Minuten

14 Plug-insInsgesamt 40 Minuten

Challenge: Flag of France3 Minuten
Solution: Flag of France4 Minuten
Challenge: Flag of Germany1 Minute
Solution: Flag of Germany2 Minuten
Challenge: Flag of Madagascar1 Minute
Solution: Flag of Madagascar5 Minuten
Challenge: Flag of Switzerland2 Minuten
Solution: Flag of Switzerland4 Minuten
Challenge: Flag of Japan1 Minute
Solution: Flag of Japan3 Minuten
Challenge: Flag of Sweden2 Minuten
Solution: Flag of Sweden6 Minuten
Challenge: Flag of Niger2 Minuten
Solution: Flag of Niger4 Minuten

Take on more intricate layouts and reusable components with challenges including GitHub profiles and toggle switches.

Das ist alles enthalten

1 Aufgabe10 Plug-ins

1 AufgabeInsgesamt 10 Minuten

Advanced Layouts and UI Components Graded Assignment10 Minuten

10 Plug-insInsgesamt 32 Minuten

Challenge - Github Profile Layout3 Minuten
Solution - Github Profile Layout5 Minuten
Challenge - Toggle Switch3 Minuten
Solution: Toggle Switch6 Minuten
Challenge: Playing Card - Ace of Spades1 Minute
Solution: Playing Card - Ace of Spades3 Minuten
Challenge: Playing Card - 4 of Hearts1 Minute
Solution: Playing Card - 4 of Hearts5 Minuten
Challenge: Adjustable Progress Bar2 Minuten
Solution: Adjustable Progress Bar3 Minuten

Push your CSS skills further by building animated progress bars, interactive flashcards, and sleek navigation menus. Recreate polished UI elements including the Instagram Stories Menu, Jeopardy-style Flashcard, and the GitHub Contributions Graph, while mastering smooth animations and user-focused interactions.

Das ist alles enthalten

1 Aufgabe11 Plug-ins

1 AufgabeInsgesamt 5 Minuten

Animations and Interactive Design Graded Assignment5 Minuten

11 Plug-insInsgesamt 38 Minuten

Challenge: Jeopardy Flashcard3 Minuten
Solution: Jeopardy Flashcard5 Minuten
Challenge: Loading Animation 32 Minuten
Solution: Loading Animation 33 Minuten
Challenge - Instagram Stories Menu3 Minuten
Solution - Instagram Stories Menu9 Minuten
Challenge - Animated Progress Bar1 Minute
Solution - Animated Progress Bar4 Minuten
Challenge - Github Contributions Graph3 Minuten
Solution - Github Contributions Graph4 Minuten
Congrats, you've completed CSS Challenges!1 Minute

Erwerben Sie ein Karrierezertifikat.

Fügen Sie dieses Zeugnis Ihrem LinkedIn-Profil, Lebenslauf oder CV hinzu. Teilen Sie sie in Social Media und in Ihrer Leistungsbeurteilung.

Dozent

Treasure Porth

Scrimba

3 Kurse9.348 Lernende

von

Scrimba

Mehr von Mobile and Web Development entdecken

Status: Kostenloser Testzeitraum
Packt
Styling with CSS – Layouts and Visual Design
Kurs
Status: Kostenloser Testzeitraum
Scrimba
Essential CSS Concepts
Kurs
Packt
Mastering CSS with Sass and Bootstrap - Ace Your Interviews
Kurs
Packt
Build Real-World Websites Using HTML5, CSS3, Sass and more
Kurs

Warum entscheiden sich Menschen für Coursera für ihre Karriere?

Felipe M.

Lernender seit 2018

„Es ist eine großartige Erfahrung, in meinem eigenen Tempo zu lernen. Ich kann lernen, wenn ich Zeit und Nerven dazu habe.“

Jennifer J.

Lernender seit 2020

„Bei einem spannenden neuen Projekt konnte ich die neuen Kenntnisse und Kompetenzen aus den Kursen direkt bei der Arbeit anwenden.“

Larry W.

Lernender seit 2021

„Wenn mir Kurse zu Themen fehlen, die meine Universität nicht anbietet, ist Coursera mit die beste Alternative.“

Chaitanya A.

„Man lernt nicht nur, um bei der Arbeit besser zu werden. Es geht noch um viel mehr. Bei Coursera kann ich ohne Grenzen lernen.“

Häufig gestellte Fragen

To access the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. You can try a Free Trial instead, or apply for Financial Aid. The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.

When you enroll in the course, you get access to all of the courses in the Specialization, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.

Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.