HDTutorial
DE
CSS-Tutorial: Vom Anfänger zum Profi (Komplettkurs)

Die Wiedergabe lädt den eingebetteten YouTube-Player (erweiterter Datenschutzmodus).

CSS-Tutorial: Vom Anfänger zum Profi (Komplettkurs)

3.498.643 Aufrufe 13. November 2019 6:18:38

Auf YouTube ansehen
KanalfreeCodeCamp.org

Kurz gesagt

Dieser vollständige CSS-Kurs führt dich vom absoluten Anfänger bis zum Fortgeschrittenen, von Grundlagen wie Textgestaltung und Farben bis hin zu komplexen Layouts, Animationen und Techniken für responsives Design. Perfekt für Webentwickler, die die visuelle Seite von Websites meistern wollen—ohne Vorkenntnisse in CSS.

Wichtige Schritte

  1. Beginne mit den CSS-Grundlagen: Selektoren, Eigenschaften und wie man Stylesheets mit HTML verknüpft.
  2. Erkunde Textbearbeitung, Farben, Hintergründe und das CSS-Box-Modell für die Layoutsteuerung.
  3. Tauche ein in Flexbox und CSS Grid, um flexible, responsive Seitenstrukturen zu erstellen.
  4. Füge Interaktivität hinzu mit Übergängen, Transformationen und maßgeschneiderten Animationen mithilfe von Keyframes.

Fragen und Antworten

Welche Software brauche ich, um mitzumachen?

Der Kurs erklärt zu Beginn, wie man die benötigte Software herunterlädt und einrichtet.

Kapitel

Beschreibung des Urhebers

Lerne CSS in diesem vollständigen Anfängerkurs. CSS, oder *Cascading Style Sheet*, ist verantwortlich für das Design und Aussehen einer Website.

Wir starten bei null und gehen durch alle Themen – von Grundlagen wie Farben und Textgestaltung bis hin zu fortgeschrittenen Techniken wie maßgeschneiderten Animationen.

Du lernst:
• Farben anwenden
• Formatierung von Texten
• Layouts erstellen
• Grid und Flexbox nutzen
• Animationen und Übergänge gestalten
• Und vieles mehr!

🎥 Kurs von Jad Khalili. Für weitere Inhalte dieses Dozenten besuche:

⭐️ Inhaltsverzeichnis ⭐️
⌨️ (0:00:00) Kursziele und Ergebnisse
⌨️ (0:02:36) Einführung in den Kurs
⌨️ (0:11:19) Benötigte Software herunterladen
⌨️ (0:12:30) Wo findest du die Projektdateien?

⌨️ (0:14:28) Was ist CSS?
⌨️ (0:17:09) CSS-Datei erstellen und verknüpfen
⌨️ (0:20:39) Wie testet man eine CSS-Datei?

⌨️ (0:22:12) Was ist ein *Selector*?
⌨️ (0:25:54) Klassen und IDs in HTML
⌨️ (0:31:52) Spezifität und wann man *Selector* nutzt
⌨️ (0:39:13) *Pseudoklassen*
⌨️ (0:47:58) Fortgeschrittene *Selector*
⌨️ (0:59:30) *Attribut-Selector*
⌨️ (0:09:38) Was sind Eigenschaften in CSS?
⌨️ (1:12:59) Die allgemeine CSS-Regel

⌨️ (1:17:37) Arten von Farben
⌨️ (1:24:53) Text farbig gestalten
⌨️ (1:32:30) Hintergrundfarben
⌨️ (1:36:56) Bilder und URLs in CSS
⌨️ (1:42:30) Weitere Hintergrund-Eigenschaften
⌨️ (1:48:59) Transparenz und Deckkraft
⌨️ (1:52:17) Gradienten

⌨️ (2:04:12) Einführung in Maßeinheiten
⌨️ (2:15:57) Text bearbeiten
⌨️ (2:23:54) Schriftgröße, Fettdruck und Stil
⌨️ (2:30:33) Schriftarten-Familien
⌨️ (2:37:08) Externe Schriftarten mit Google Fonts einbinden
⌨️ (2:43:1

Über dieses Tutorial

freeCodeCamp.org hat dieses 6:18:38 lange Video-Tutorial am 13. November 2019 veröffentlicht. Es wurde 3.498.643-mal auf YouTube angesehen.

Kategorie
Bildung
Dauer
6:18:38
Veröffentlicht
13. November 2019
Aufrufe
3.498.643
Likes
71.279

Teilen

Dieses Tutorial in anderen Sprachen