Wie man einen Umrechner erstellt - HTML, CSS & JavaScript Tutorial für Anfänger - Deutsch

Einen Umrechner zu erstellen, ist eine super Übung, um in HTML, CSS und JavaScript einzusteigen oder seine Kenntnisse zu vertiefen. Deshalb schauen wir uns in diesem Tutorial an, wie man ein solches Tool für die automatische Umrechnung zwischen den Temperatureinheiten Celsius, Fahrenheit und Kelvin erstellt.

00:00:00 Projektübersicht
00:01:04 Einführung in HTML
00:05:19 Unser Plan für die Struktur im HTML
00:06:21 Das div Element - Behälterelemente in HTML
00:06:56 Klassen in HTML
00:08:40 Eingabefelder (input Elemente) in HTML
00:10:33 Das id Attribut in HTML
00:11:35 Das label Element - Bezeichner in HTML
00:15:13 Einführung in CSS
00:15:30 Eine CSS Datei mit einem HTML Dokument verbinden
00:17:36 Der Klassenselektor - in CSS alle Elemente einer Klasse auswählen
00:18:06 Aufbau einer CSS Eigenschaftszuweisung
00:18:30 Die display Eigenschaft in CSS
00:18:54 Einführung in Flexbox CSS
00:23:13 Der Margin - Abstand um Elemente herum in CSS
00:25:34 Die border Eigenschaft - Rahmen für Elemente in CSS
00:29:56 Der Nachkommenkombinator in CSS
00:31:36 Die focus Pseudoklasse - Nur das aktuell aktive Element auswählen
00:32:30 Outlines (Umrandungen) in CSS
00:33:47 Mehrere Selektoren für einen CSS Eintrag verwenden
00:34:52 Das Padding - Abstand zwischen Rahmen und Inhalt
00:35:28 Die Einheit em in CSS
00:36:32 Texte mit CSS zentrieren
00:37:14 Die Pfeile der Eingabefelder für Zahlen entfernen
00:39:43 Der Universalselektor - alle verfügbaren Elemente auswählen
00:40:13 Die Schriftart eines Elements mit CSS festlegen
00:42:35 Die Schriftgröße eines Elements mit CSS ändern
00:45:16 Elemente mit Flexbox vertikal zentrieren
00:46:20 Den Umrechner mit Media Queries responsiv machen
00:50:38 Einführung in JavaScript
00:51:00 Eine JavaScript Datei in HTML einbinden
00:53:55 Funktionen in JavaScript
00:55:46 Rechnen mit JavaScript
00:57:30 JavaScript Funktionen aufrufen & Fehleranalyse
00:59:12 Funktionsparameter: Informationen an Funktionen übergeben
01:01:45 Die return Anweisung in JavaScript
01:05:17 Das Document Object Model
01:07:12 Objekte mit Eigenschaften & Methoden in JavaScript

01:08:10 Ein Element anhand seiner ID auswählen mit JavaScript
01:09:52 Zeichenketten in JavaScript

01:10:52 Den Wert eines HTML Input Elements mit JS abfragen & ändern

01:14:44 Events und EventListener in JavaScript

01:19:05 JavaScript debuggen mit Google Chrome
01:23:16 Variablen und Konstanten in JavaScript

01:30:50 Abonniert den Kanal! :)