Mit der Länderauswahl siehst du die in deiner Region verfügbaren Kurse.
⏱ 2 Std. 54 Min.📚 29 Lektionen🎧 Audioversion
Webentwicklung: HTML, CSS und Figma Layouts
Erfahren Sie, wie Sie Design-Mockups in responsive Websites mit moderner HTML-, CSS-, BEM-Methodik und Git umwandeln, um Ihr Frontend-Entwicklerportfolio aufzubauen.
💬KI-Tutor Stelle Fragen zu jeder Lektion und erhalte jederzeit sofort eine klare Antwort.
🕐Jederzeit starten Keine Zeitpläne oder Fristen – lerne in deinem Tempo, wann es dir passt.
🌐Auf Deutsch Lektionen, Aufgaben und Zertifikat – alles vollständig in deiner Sprache.
Über diesen Kurs
Dieser textbasierte Kurs führt Sie Schritt für Schritt durch strukturelles HTML, stilisiertes CSS, Design-Layout-Inspektion in Figma und professionelle Versionskontrolle mit Git.Dieser Kurs zeigt Ihnen, wie Sie mit dem Design-Tool Figma eine responsive Webseite erstellen und mit dem Git-Repository eine professionelle Git-Versionskontroll-Umgebung erstellen.
Durch schriftliche Erklärungen und Code-Übungen gewinnen Sie praktisches Vertrauen.Durch das Verständnis grundlegender Layout-Techniken, responsiver Design-Prinzipien und Grundlagen des Projekt-Workflows sind Sie bereit, reale Webseiten zu erstellen und Ihre Arbeit potenziellen Kunden oder Arbeitgebern zu präsentieren.
Was Sie lernen werden:
- Lernen Sie grundlegende Web-Terminologie, semantische HTML5-Tags und grundlegender CSS3-Styling-Prinzipien
- Wenden Sie moderne Layouttechniken mit CSS Flexbox, Grid und Mobile-First-Responsive-Design an
- Untersuchen Sie Design-Mockups in Figma, um genaue Farben, Typografie, Abstände und CSS-Eigenschaften zu extrahieren
- Implementieren Sie BEM-Benennungskonventionen für sauberen, wartbaren und strukturierten Frontend-Code
- Beherrschen Sie Git- und GitHub-Workflows, um Codeänderungen zu verfolgen und Ihr Projektportfolio zu hosten
- Verstehen Sie grundlegende Richtlinien für die Barrierefreiheit im Web und wichtige Überlegungen für den Start freiberuflicher Webprojekte
Das Training beginnt mit grundlegenden Definitionen, Elementsyntax und Dokumentstruktur, bevor Sie zu praktischen Layouttechniken und Designintegration übergehen.Zum Abschluss lernen Sie Versionskontroll-Workflows, um Ihre Webprojekte online zu veröffentlichen.
Dieser Kurs ist für absolute Anfänger gedacht, die keine vorherige Programmier- oder Designerfahrung benötigen.Lesen Sie noch heute, um Ihre Frontend-Fähigkeiten aufzubauen und setzen Sie Ihre ersten Schritte in der Webentwicklung.
Kursinhalt
Was du erhältst
📜Abschlusszertifikat Füge es deinem LinkedIn-Profil hinzu
💬Persönlicher AI-Tutor Bei einer Lektion nicht weitergekommen? Frag deinen integrierten Tutor jederzeit alles, was du möchtest.
🎧Audioversion enthalten Lerne unterwegs — kein Bildschirm nötig
♾️Lebenslanger Zugang Komme jederzeit zurück, kein Ablauf
📱Smartphone oder Computer Auf jedem Gerät, überall
💸14 Tage Rückgaberecht Ohne Wenn und Aber
⚡Kurz und fokussiert 2 Std. 54 Min. praktische Inhalte
Abschlusszertifikat
Jeder Kurs, den du auf PickAClass abschließt, stellt ein Zertifikat wie dieses aus — original, mit eigenem Code, per URL verifizierbar und detailliert zu dem, was tatsächlich gezeigt wurde.