Üben Sie CSS Programmierprojekte

September 26, 2025 · View on GitHub

Sprachen

🇨🇳 简体中文 🇯🇵 日本語 🇪🇸 Español 🇫🇷 Français 🇩🇪 Deutsch 🇷🇺 Русский 🇰🇷 한국어 🇧🇷 Português 🇺🇸 English

Lernen Sie CSS mit diesem strukturierten Lernpfad, ideal für Webentwicklungsanfänger. Diese CSS-Kurse bieten eine klare Roadmap, um Selektoren, Layout und responsives Design zu meistern. Entwickeln Sie praktische Fähigkeiten durch praktische, nicht-video-basierte Übungen in einem interaktiven CSS-Spielplatz, um visuell ansprechende und responsive Websites zu erstellen.

Übungen

IndexNameSchwierigkeitÜbung
01Entwickeln Sie eine Tic-Tac-Toe-WebanwendungAnfänger🚀 Labor Starten
02Erstellen eines Whack-a-Mole-WebspielsAnfänger🚀 Labor Starten
03Erstellen einer Notizen-App mit ReactAnfänger🚀 Labor Starten
04Erstellung einer modernen Web-App zum Teilen von AusgabenAnfänger🚀 Labor Starten
05Erstellen einer Web-App für eine ZeichentafelAnfänger🚀 Labor Starten
06Erstellen einer Task Timer Web-AppAnfänger🚀 Labor Starten
07Erstellen einer Swiper-Carousel-WebanwendungAnfänger🚀 Labor Starten
08Monty-Hall-Simulation-WebanwendungAnfänger🚀 Labor Starten
09Entwicklung eines Web-BlockvermeidungsspielsFortgeschritten🚀 Labor Starten
102048 Webspiel mit jQueryAnfänger🚀 Labor Starten
11Entwickeln Sie ein Sliding Puzzle-Spiel mit JavaScriptAnfänger🚀 Labor Starten
12Erstellen eines Pixel-Art-Animators mit ReactAnfänger🚀 Labor Starten
13jQuery Flip Puzzle SpielAnfänger🚀 Labor Starten
14Erstellen eines Minesweeper-Spiels mit JavaScriptAnfänger🚀 Labor Starten
15Erstellen Sie einen einfachen Markdown-Editor mit Live-VorschauAnfänger🚀 Labor Starten
16Implementieren Sie einen Lupeffekt mit CanvasAnfänger🚀 Labor Starten
17Erstellen eines Bildbeschneidungstools mit HTML5Anfänger🚀 Labor Starten
18Erstellen eines Weihnachtswunschzettel-Generators in ReactFortgeschritten🚀 Labor Starten
19Erstellen eines React Drag-and-Drop Puzzle-SpielsAnfänger🚀 Labor Starten
20Erstellen einer React GitHub Heatmap für BeiträgeFortgeschritten🚀 Labor Starten
21Deployment von MobileNet mit TensorFlow.js und FlaskAnfänger🚀 Labor Starten
22Steige nicht auf die weißen KachelnAnfänger🚀 Labor Starten
23Entwickeln Sie ein Webspiel mit KratzkartenAnfänger🚀 Labor Starten
24Erstellen Sie einen einfachen URL-Kürzer mit Flask und MySQLExperte🚀 Labor Starten
25Entwicklung der Suchfunktion in Vue.jsAnfänger🚀 Labor Starten
26Implementieren Sie eine dynamische feste Tab-LeisteAnfänger🚀 Labor Starten
27CSS Fächer-ähnlicher Hover-Animations-EffektAnfänger🚀 Labor Starten
28Responsive Modal Boxes erstellenAnfänger🚀 Labor Starten
29Web-basierter HTML-Präsentations-GeneratorAnfänger🚀 Labor Starten
30Implementieren Sie ein atomares Flex-Layout mit CSSAnfänger🚀 Labor Starten
31Erstellung einer responsiven Startseite für eine NachrichtenwebsiteAnfänger🚀 Labor Starten
32Kreatives Werbetafel-Design mit HolztexturenAnfänger🚀 Labor Starten
33Tiefenschärfe in BildernAnfänger🚀 Labor Starten
34Erstellen eines Koala-Gesichts mit CSS GridAnfänger🚀 Labor Starten
35Erstellen einer Animation der Erdumlaufbahn mit CSSAnfänger🚀 Labor Starten
36Beheben von Anzeigeproblemen auf WebsitesAnfänger🚀 Labor Starten
37Responsives Würfel-Layout mit FlexboxAnfänger🚀 Labor Starten
38Responsives flexibles KartenlayoutAnfänger🚀 Labor Starten
39Flexbox Gemüselayout-DesignAnfänger🚀 Labor Starten
40Obstanordnung mit CSS FlexboxAnfänger🚀 Labor Starten
41Visuell ansprechendes ObsttellerAnfänger🚀 Labor Starten
42Geben Sie Ihrer Seite ein neues AussehenAnfänger🚀 Labor Starten
43Einfaches und schönes Design der StartseiteAnfänger🚀 Labor Starten
44KinositzplatzanordnungAnfänger🚀 Labor Starten
45Responsives Webdesign mit GulpAnfänger🚀 Labor Starten
46Responsives Webdesign für alle BildschirmeAnfänger🚀 Labor Starten
47Visuell ansprechende Visitenkarte erstellenAnfänger🚀 Labor Starten
48Westwärtsreise zum Himmlichen WestenAnfänger🚀 Labor Starten
49Benutzerberechtigungsverwaltungssystem mit JavaScriptAnfänger🚀 Labor Starten

Mehr