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! :)