html css kurs kursbild

Schaffe in kürzester Zeit den praktischen Einstieg in die Webentwicklung

... und lerne, wie du mithilfe von HTML und CSS von 0 an eigene Webseiten entwickeln kannst.

Laufzeit des Kurses

ca. 9 Stunden

Benötigte Vorkenntnisse

Du benötigst keine Vorkenntnisse

Sowohl HTML als auch CSS bilden das Fundament von modernen Webseiten.

Aus diesem Grund ist es für jeden Programmierer unverzichtbar, diese beiden Themen zu beherrschen, denn sie sind das Eintrittstor in die Webentwicklung.

In diesem Kurs wirst du deshalb sowohl HTML als auch CSS von 0 an leichtverständlich lernen, sodass du am Ende eigene Webseiten umsetzen kannst.

Der Kurs gliedert sich dabei in drei Haupt-Bereiche:

  • HTML Grundkurs
  • CSS Grundkurs
  • Praxisprojekt, in welchem wir gemeinsam eine komplette Webseite umsetzen

Wenn du also den Quereinstieg in die Programmierung planst, deine bereits bestehenden Programmierkenntnisse für einen neuen Job oder ein Jobinterview ausbauen möchtest oder dich einfach nur hobbymäßig eigene Webseiten entwickeln möchtest, dann ist dieser Kurs perfekt für dich geeignet.


Inhaltsverzeichnis des Kurses

Modul 1: Einführung

html css kurs modul 1

In diesem Modul erfährst du, was dich im Kurs erwartet. Zu dem wirst du lernen, was HTML und CSS ist und wofür man es benötigt.

Diese Lektionen erwarten dich:

  • [Text] Kursübersicht und Voraussetzungen
  • [Video 1] Was ist HTML und CSS?

Modul 2: Vorbereitung (Installationen)

html css kurs modul 2

In diesem Modul werde ich dir Schritt für Schritt zeigen, wie du die für den Kurs benötigte kostenlose Software installieren kannst.

Diese Lektionen erwarten dich:

  • [Anleitung] Visual Studio Code installieren
  • [Anleitung] Google Chrome Browser installieren

Modul 3: HTML Grundkurs - Grundwissen

html css kurs modul 3

In diesem Modul wirst du ein Grundwissen im Bereich HTML aufbauen.

Diese Lektionen erwarten dich:

  • [Video 1] Überblick über Visual Studio Code
  • [Video 2] HTML-Dateien erzeugen und im Browser öffnen
  • [Video 3] HTML-Syntax: Elemente
  • [Video 4] HTML-Syntax: Selbstschließende Tags
  • [Video 5] HTML-Syntax: Attribute von HTML-Elementen
  • [Video 6] Grundgerüst einer HTML-Seite
  • [Video 7] Tipp: Emmet (die unsichtbare Unterstützung)
  • [Video 8] Meta Tags
  • [Video 9] Tipp: Live Server Extension installieren und verwenden

Modul 4: HTML Grundkurs - Wichtige HTML-Elemente

html css kurs modul 4

Nachdem du im letzten Modul das notwendige Grundwissen im Bereich HTML aufgebaut hast, werden wir uns nun in diesem Modul zahlreiche wichtige HTML-Elemente ansehen, welche du immer wieder benötigen wirst. 

Diese Lektionen erwarten dich:

  • [Video 1] Überschriften und Paragraphen
  • [Video 2] Kommentare
  • [Video 3] Links
  • [Video 4] Bilder
  • [Video 5] Listen
  • [Video 6] Tabellen
  • [Video 7] HTML Entities
  • [Video 8] Unterschied zwischen Block-Level und Inline Elementen
  • [Video 9] Divs und Spans
  • [Video 10] Semantische HTML Elemente

Modul 5: CSS Grundkurs - CSS implementieren

html css kurs modul 5

In diesem Modul werden wir die ersten Schritte mit CSS machen. Genauer gesagt wirst du zunächst einmal lernen, mit welchen Varianten man CSS implementieren kann.

Diese Lektionen erwarten dich:

  • [Video 1] Einführung in den CSS Grundkurs
  • [Video 2] Übersicht: Drei CSS Implementierungs-Varianten
  • [Video 3] Variante 1: Inline CSS
  • [Video 4] Variante 2: Internal CSS
  • [Video 5] Variante 3: External CSS
  • [Video 6] Welche Implementierungs-Variante sollte man verwenden?

Modul 6: CSS Grundkurs - CSS Basis Selektoren

html css kurs modul 6

In CSS verwendet man sogenannte Selektoren, um damit zu definieren, welche spezifischen Elemente gestylt werden sollen. In diesem Modul wirst du unterschiedlichste Selektor-Arten kennenlernen.

Diese Lektionen erwarten dich:

  • [Video 1] Einführung und Typ-Selektoren
  • [Video 2] Universal-Selektor
  • [Video 3] ID- und Klassen-Selektoren
  • [Video 4] Attribut-Selektoren
  • [Video 5] Kombinatoren

Modul 7: CSS Grundkurs - Wichtige CSS Eigenschaften

html css kurs modul 7

Es existieren hunderte von CSS-Eigenschaften, mithilfe derer man die gewünschten HTML-Elemente stylen kann. In diesem Modul wirst du die wichtigsten CSS-Eigenschaften kennen und anzuwenden lernen.

Diese Lektionen erwarten dich:

  • [Video 1] Einführung
  • [Video 2] Fonts
  • [Video 3] Mehr Fonts: Google Fonts implementieren
  • [Video 4] Hintergrund
  • [Video 5] Ränder
  • [Video 6] Farben spezifizieren
  • [Video 7] Tipp: Google Chrome Developer Tools
  • [Video 8] Box Model, Margin und Padding
  • [Video 9] Die CSS-Eigenschaft box-sizing
  • [Video 10] Exkurs: Pseudo-Klassen (am Beispiel von Links erklärt)
  • [Video 11] Tabellen stylen
  • [Video 12] display: inline, block, inline-block und none

Modul 8: CSS Grundkurs - Elemente mit CSS positionieren

html css kurs modul 8

In diesem Modul wirst du lernen, wie du Elemente mithilfe von CSS positionieren kannst.

Diese Lektionen erwarten dich:

  • [Video 1] Einführung Positionierung: Die CSS-Eigenschaft position
  • [Video 2] Die Werte relative und absolute
  • [Video 3] Der Wert fixed
  • [Video 4] Der Wert sticky
  • [Video 5] Der z-Index

Modul 9: CSS Grundkurs - CSS Floating (Einfache CSS Layouts)

html css kurs modul 9

In diesem Modul wirst du lernen, wie du mithilfe von CSS Floating schrittweise Layouts erstellen kannst. 

Diese Lektionen erwarten dich:

  • [Video 1] Floats
  • [Video 2] Clearing Floats
  • [Video 3] Einfaches Float Layout erstellen

Modul 10: Praxisprojekt - Portfolio Website

html css kurs modul 10

In diesem abschließendem Projekt werden wir gemeinsam eine komplette Beispiel-Webseite umsetzen. Wir werden hierzu alle unsere Fähigkeiten einsetzen, die wir im Verlauf des Kurses erworben haben.

Diese Lektionen erwarten dich:

  • [Video 1] Vorstellung des Praxisprojekts
  • [Video 2] Generelle Projekt-Struktur + HTML Grundgerüst für Startseite
  • [Video 3] Navigationsmenü
  • [Video 4] Startseite - Welcome-Section
  • [Video 5] Startseite - About-Section
  • [Video 6] Startseite - Skills-Section
  • [Video 7] Startseite - Footer
  • [Video 8] Kontakt-Seite
  • [Video 9] Letzte Anpassungen + Abschluss

Das sagen unsere Kunden

Was du bekommst

  • Sofortiger Zugang zum "HTML & CSS Kurs - Dein Einstieg in die Webentwicklung"
  • 10 Module mit über 60 Videos
  • Lerne, wie du eigene Webseiten mithilfe von HTML & CSS Schritt-für-Schritt umsetzen kannst
  • Lebenslanger Zugriff
html css kurs kursbild

67€

Nach dem Durcharbeiten des Kurses besitzt du ...

Die Fähigkeit, eigene Webseiten mithilfe von HTML und CSS umzusetzen

Ein tiefgreifendes Verständnis für die Grundkonzepte der Webentwicklung

Auf dem Arbeitsmarkt sehr gefragte Entwicklerfähigkeiten

Praxiserfahrung aufgrund der zahlreichen Praxisbeispiele und des Praxisprojekts

Nach dem Durcharbeiten des Kurses besitzt du ...

  • Die Fähigkeit, eigene Webseiten mithilfe von HTML und CSS umzusetzen
  • Ein tiefgreifendes Verständnis für die Grundkonzepte der Webentwicklung
  • Auf dem Arbeitsmarkt sehr gefragte Entwicklerfähigkeiten
  • Praxiserfahrung aufgrund der zahlreichen Praxisbeispiele und des Praxisprojekts
app visualisierung

Ab sofort kannst du von überall aus lernen.

Wir präsentieren: Die Programmieren Starten App!

Innerhalb der App können alle Kursvideos auch auf dein Gerät heruntergeladen werden, sodass du auch ohne Internetverbindung von überall aus lernen kannst.

play store

Häufig gestellte Fragen

Wie läuft die Bestellung ab?

Mit der Bestellung des "HTML & CSS Kurs - Dein Einstieg in die Webentwicklung" Kurses wird für dich automatisch ein Account auf unserer Lern-Plattform angelegt. Die Zugangsdaten für deinen Account werden dir innerhalb weniger Minuten nach Kauf via E-Mail übermittelt.

Sobald du dich in deinen Account eingeloggt hast, kannst du uneingeschränkt und lebenslang auf alle Kursvideos zugreifen.

Welche Vorkenntnisse werden benötigt?

Du benötigst für diesen Kurs keine Vorkenntnisse.

Wie lange dauert es den Kurs durchzuarbeiten?

Der Kurs besteht insgesamt aus knapp 9 Stunden Videomaterial. Du kannst dieses Videomaterial also technisch gesehen an einem Tag durcharbeiten. Um die im Kurs gelernten Konzepte wirklich zu verinnerlichen, empfehlen wir eine Bearbeitungszeit von 14 - 31 Tagen.

Was passiert, wenn mir der Kurs nicht gefällt?

Wir bieten zu jedem unserer Kurse eine 14 Tage Geld-zurück-Garantie an. Solltest du also nach 14 Tagen keine Fortschritte an deinen Programmierfähigkeiten erkennen, dann erhältst du dein komplettes Geld vollkommen zurückerstattet. Du kannst den Kurs also ohne Risiko testen.

Können die Videos heruntergeladen werden?

Über unsere Web-Lernplattform können die Videos nicht heruntergeladen werden. Es ist also eine Internetverbindung von Nöten, um den Workshop ansehen zu können.

Seit neustem kannst du dir sowohl im Google Play Store als auch im Apple App Store unsere Programmieren Starten App herunterladen. Dadurch kannst du nun als optionale Möglichkeit auch über die App auf unsere Lernplattform zugreifen. Die App bietet den Vorteil, dass diese für mobile Endgeräte optimiert ist und die Videos innerhalb der App heruntergeladen werden können. Dadurch können die Kursvideos auch von unterwegs aus ohne aktive Internetverbindung angesehen werden.

Wie lange habe ich Zugriff auf den gekauften Kurs?

Sobald du den Kurs erworben hast, kannst du lebenslang darauf zugreifen.

Handelt es sich um eine einmalige Zahlung?

Ja, es handelt sich um eine einmalige Zahlung. Sobald du den Kurs erworben hast, steht dieser dir lebenslang innerhalb deines Accounts zur Verfügung. Auch alle zukünftigen Updates des Kurses werden kostenlos für dich freigeschaltet.

Muss ich für zukünftige Updates erneut bezahlen?

Nein, sollten im Laufe der Zeit neue Module zum Kurs hinzugefügt werden, so erhältst auch du automatisch Zugriff darauf. Du musst nichts weiter dafür tun und es fallen auch keine weiteren Kosten an.

Investiere noch heute in deine Weiterbildung