Der ultimative HTML5 und CSS3 Komplettkurs
4.8 (1,784 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
11,347 students enrolled

Der ultimative HTML5 und CSS3 Komplettkurs

Lerne alles über HTML5 und CSS3 inkl. responsive Webdesign, Grid-Systeme, Flexboxen und einem riesigen Praxis-Projekt!
Bestseller
4.8 (1,784 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
11,347 students enrolled
Created by Ruben Winkler
Last updated 10/2019
German
Current price: $139.99 Original price: $199.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 32.5 hours on-demand video
  • 1 article
  • 240 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Lerne alles zum Thema HTML5 und CSS3 in Theorie und Praxis
  • Starte deine Karriere als Webdesigner oder Webentwickler
  • Setze ein aufwändiges und umfangreiches Praxis-Projekt um
  • Lerne responsive Webdesign und baue dein eigenes Grid-System
  • Verstehe die Grundlagen von mobile-first Webdesign und Flexboxen
Course content
Expand all 198 lectures 32:29:17
+ Einleitung
5 lectures 16:52

Herzlich Willkommen im ultimativen HTML5 und CSS3 Komplettkurs! Schön, dass du hierher gefunden hast! =)

Preview 01:34

In diesem Video gibt es einen kleinen aber wichtigen Hinweis für Teilnehmer des Kurses.

Ein Hinweis für Teilnehmer
01:35

Lass mich dir kurz ein paar allgemeine Dinge über diesen Kurs erzählen, damit du weißt, auf was du dich freuen kannst!

Preview 05:41

In diesem Video gehen wir gemeinsam den Lehrplan dieses Kurses im Detail durch. So weißt du gleich von Beginn an, was du alles lernen wirst! 

Preview 07:03

In diesem Video gebe ich euch einen kurzen Einblick in das Praxis-Projekt, das wir im Kurs gemeinsam entwickeln werden.

Preview 00:59
+ Vorbereitung
2 lectures 07:23

In diesem Video installieren wir den Code-Editor Atom, den wir für diesen Kurs benutzen werden und legen einige grundlegende Einstellungen fest, damit dir der Einstieg in HTML und CSS problemlos gelingt.

Preview 04:42

In diesem Video installieren wir den Browser Google Chrome, den wir für diesen Kurs benutzen werden.

Preview 02:41
+ Basics: Einführung in HTML
6 lectures 01:10:33

In diesem Video erkläre ich dir die Grundlagen von HTML und du lernst, was HTML-Elemente sind.

Preview 13:53

In diesem Video erkläre ich dir weiter die Grundlagen von HTML und du lernst, welche Rolle Attribute in HTML spielen.

Preview 04:06

In diesem Video starten wir in die Praxis und lernen das HTML-Grundgerüst kennen.

Preview 19:30

In diesem Video coden wir gemeinsam deine erste "Hallo Welt" Webseite.

Preview 09:50

In diesem Video lernst du die wichtigsten HTML-Elemente zur Textstrukturierung kennen.

Preview 11:32

In diesem Video lernst du weitere HTML-Elemente zur Textstrukturierung kennen.

Preview 11:42

In diesem Quiz wiederholen wir die Grundlagen von HTML noch einmal und schließen damit die "Einführung in HTML" ab.

Einführung in HTML
5 questions
+ Basics: Einführung in CSS
4 lectures 49:12

In diesem Video schauen wir uns gemeinsam die Grundlagen von CSS an.

Preview 13:16

In diesem Video gestalten wir gemeinsam eine HTML-Seite mit Inline-CSS.

Preview 11:37

In diesem Video setzen wir unsere Gestaltung mit Internal-CSS um.

Preview 10:34

In diesem Video verwenden wir External-CSS und lernen damit die CSS-Variante, die in der Praxis genutzt wird.

Preview 13:45

In diesem Quiz wiederholen wir die Grundlagen von CSS noch einmal und schließen damit die "Einführung in CSS" ab.

Einführung in CSS
4 questions
+ Basics: CSS-Selektoren
7 lectures 01:15:37

In diesem Video geht es um Typselektoren und ich erkläre dir eine zentrales Thema aus dem CSS-Bereich - die Vererbung von CSS-Eigenschaften.

Typselektoren und Vererbung
15:25

In diesem Video lernen wir die sogenannten Klassenselektoren kennen.

Klassenselektoren
09:08

In diesem Video schauen wir uns gemeinsam das Thema ID-Selektoren an.

ID-Selektoren
07:47

In diesem Video lernen wir Kindselektoren kennen.

Kindselektor
13:06

In diesem Video geht es um das Thema Nachfahrenselektoren.

Nachfahrenselektor
09:18

In diesem Video erkläre ich dir, wie Geschwisterselektoren funktionieren.

Geschwisterselektor
07:36

In diesem Video zeige ich dir, wie du mit kombinierten Selektoren zielgenau HTML-Elemente ansteuern kannst.

Kombinierte Selektoren
13:17

In diesem Quiz wiederholen wir das Thema CSS-Selektoren noch einmal und schließen damit diesen Abschnitt ab.

CSS-Selektoren
4 questions
+ Praxis: Wir planen unser Projekt!
2 lectures 13:20

Auf geht's in den Praxis-Teil des Kurses! In diesem Video stelle ich dir das grundlegende Website-Konzept unseres Praxis-Projekts vor.

Das Website-Konzept
07:15

In diesem Video schauen wir uns gemeinsam den Blueprint unseres Praxis-Projekts an und erforschen, welche verschiedenen Bereiche es auf der Website gibt.

Der Website-Blueprint
06:05
+ Basics: Breite, Höhe, das <div> und das Box-Model
7 lectures 01:10:32

Nie wieder das HTML-Grundgerüst von Hand coden! In diesem Video fügen wir das HTML-Grundgerüst als Snippet in Atom ein.

Das HTML-Grundgerüst als Snippet einfügen
04:35

In diesem Video lernst du, wie du die Breite (width) und Höhe (height) von HTML-Elementen festlegst.

Breite (width) und Höhe (height)
05:17

In diesem Video lernen wir gemeinsam das wohl wichtigste HTML-Element überhaupt kennen: das <div></div>. Das ist der Beginn einer wunderbaren Freundschaft! 

Das <div> - Unser bester Freund!
05:06

In diesem Video erkläre ich dir das sogenannte Box-Modell - ein der wichtigsten Grundkonzepte von HTML.

Das Box-Model
13:16

Um dich vor Problemen zu bewahren, gibt es in diesem Video einen kurzen Praxis-Tipp zum Thema Box-Modell.

Praxis-Tipp: box-sizing: border-box
11:30

In diesem Video lernst du die Kurzschreibweise für Innen- und Außenabstände (padding und margin) kennen.

Innenabstand (padding) und Außenabstand (margin)
12:55

In diesem Video lernst du die Kurzschreibweise für Borders.

Rand (border)
17:53
+ Basics: Arten von Größenangaben
4 lectures 20:56

In diesem Video zeige ich dir was absolute Größenangaben in CSS sind und wie du sie sinnvoll einsetzt.

absolute Größenangaben
04:05

In diesem Video lernst du relative Größenangaben kennen - relative Größenangaben sind super praktisch!

relative Größenangaben (%)
05:22

In diesem Video lernst du zwei spezielle Arten von relativen Größenangaben kennen, die sich an Schriftgrößen orientieren.

relative Größenangaben (em und rem)
07:29

Du fragst dich, wann du welche Art von Größenangabe verwenden solltest? Kein Problem, in diesem Video erkläre ich dir genau das!

Welche Größenangabe? Wann?
04:00
+ Basics: Arten von Farben
4 lectures 34:40

Einfacher gehen Farben nicht! Wir starten in diesem Video mit vordefinierten Farbwerten.

vordefinierte Farben
06:01

Hex, hex... und alles ist bunt! In diesem Video lernst du die wohl wichtigste Art von Farben in CSS kennen!

Hex-Farben
10:01

Es bleibt bunt, dieses mal schauen wir uns jedoch gemeinsam RGB- und RGBA-Farben an.

RGB- & RGBA-Farben
10:04

Und zu guter Letzt kümmern wir uns in diesem Video auch noch um HSL- und HSLA-Farben.

HSL- & HSLA-Farben
08:34
+ Basics: Schriftarten
4 lectures 45:40

Die Standard-Schriftart ist echt nicht gerade hübsch! In diesem Video lernen wir deshalb, wie du andere Schriftarten im CSS festlegen kannst.

Schriftarten einbinden
09:51

Dir reichen die Standard-Schriftarten nicht aus? Kein Problem, in diesem Video erkläre ich dir, wie du externe Schriftarten, wie z.B. Google Fonts, in deinem Projekt einbinden kannst.

externe Schriftarten einbinden
08:05

In diesem Video erkläre ich dir die nötigen Grundlagen, die du brauchst um Schriften lokal per @font-face einzubinden.

Schriftarten mit @font-face lokal einbinden I
13:57

In diesem Video machen wir weiter wo wir im letzten aufgehört haben und wir erarbeiten uns das notwendige Wissen, um Schriftarten per @font-face lokal einzubinden.

Schriftarten mit @font-face lokal einbinden II
13:47
Requirements
  • Ein PC oder Laptop (Windows, Mac oder Linux)
  • Es sind keine Programmier-Kenntnisse notwendig
  • Es sind keine Englisch-Kenntnisse notwendig
  • Alle verwendeten Programme sind zu 100% kostenlos
  • Lernbegeisterung und Neugier sind alles was du brauchst
Description

Lerne HTML5 und CSS3 wie ein Profi - detailliert, vollständig und praxisnah   

Du willst Webdesigner oder Webentwickler werden? Oder du brauchst HTML und CSS für Beruf, Studium oder ein Praktikum? Dann bist du hier genau richtig! Dieser Kurs ist der detaillierteste, praxisorientierteste und bestbewertete deutschsprachige Kurs für HTML5 und CSS3 auf Udemy.

Dieser Kurs vermittelt Verständnis bis in die Tiefe der Materie

In mehr als 190 Lektionen und knapp 33 Stunden Videomaterial lernst du alles über HTML5 und CSS3 und erstellst in einem riesigen Praxis-Projekt deine erste eigene Website. Du lernst dabei immer alles bis ins Detail und wir beschäftigen uns gemeinsam mit nahezu jeden noch so kleinen Aspekt von HTML und CSS.

Du lernst responsive Webdesign - Optimiert für Desktop und Mobile Devices   

Websites müssen heutzutage nicht nur am PC gut aussehen, sondern auch für mobile Endgeräte wie Smartphones oder Tablets optimiert sein. Deshalb lernst du in diesem Kurs genau das, was du in der heutigen Zeit brauchst: Responsive Webdesign!
Ganz nebenbei beschäftigen wir uns jedoch auch mit allen anderen gängigen Entwicklungsansätzen, wie Grid-Systemen, mobile-first Webdesign und Flexboxen.

Die Kombination aus Theorie und Praxis führt dich zum Erfolg

Wer HTML und CSS lernen will, der wird mit Theorie alleine nicht glücklich werden - denn Praxiserfahrung ist das A und O im Bereich Webdesign! Neben der kompletten theoretischen Basis erstellst du deshalb in einem riesigen Praxis-Projekt deine erste eigene Website und sammelst ganz nebenbei mehr als 15 Stunden wertvolle Praxiserfahrung.

Geeignet für alle Zielgruppen - vom Anfänger bis hin zum Profi

Ganz egal, ob du noch nie mit HTML und CSS zu tun hattest oder ob du vielleicht nach einer guten Möglichkeit suchst deine Wissen aufzufrischen oder zu erweitern - dieser Kurs bietet dir genau das, was du brauchst. Als Komplettkurs konzipiert, fangen wir ganz vorne bei den Basics an und arbeiten und stressfrei und unkompliziert vor bis hin zum Expertenwissen.

Wir lernen gemeinsam und du bist niemals allein   

Wir schauen uns jedes Thema gemeinsam an und du lernst in den Tempo, das zu dir passt. Sollte dabei doch mal eine Frage offen bleiben, kannst du sie problemlos im Fragenbereich des Kurses stellen. Bisher ist dabei noch keine Frage unbeantwortet und kein Problem ungelöst geblieben!

Noch Fragen? Dann schreib mir eine Nachricht auf Udemy

Solltest du jetzt noch Fragen haben oder dir noch immer unsicher sein, ob der Kurs der richtige für dich ist, dann zögere nicht mir eine Nachricht bei Udemy zu schreiben. Ich freue mich von dir zu hören!

Who this course is for:
  • An jeden, der einen Komplettkurs zum Thema HTML5 und CSS3 sucht
  • An jeden, der Webdesigner oder Webentwickler werden will
  • An jeden, der sein Wissen über HTML und CSS auffrischen oder verbessern will
  • An jeden, der lernen will modere Webseiten zu gestalten und umzusetzen
  • An jeden, der mit einer weiteren Qualifikation im Lebenslauf glänzen möchte