Tutorials zur Webentwicklung

Getting started with the Web ist eine kurze Reihe, die Sie in die Praxis der Webentwicklung einführt. Hier lernen Sie, die notwendigen Tools einzurichten, um eine einfache Webseite zu erstellen, und veröffentlichen Ihren eigenen Code.

Unser Einführungskurs in HTML bringt Ihnen HTML von Grund auf bei – es sind keine Vorkenntnisse erforderlich. Es führt Sie in wichtige Konzepte und Syntax ein, zeigt, wie man HTML für Texte anwendet, Hyperlinks erstellt und HTML nutzt, um eine Webseite zu strukturieren.

Ein HTML-Leitfaden für Anfänger, der Erklärungen zu gängigen Tags, einschließlich HTML-Tags, enthält. Außerdem beinhaltet er eine Schritt-für-Schritt-Anleitung zur Erstellung einer einfachen Webseite mit Codebeispielen.

Verbessern Sie Ihre HTML-Fähigkeiten mit diesen Herausforderungen (z. B. "Soll ein <h2>-Element oder ein <strong>-Element verwendet werden?"), indem Sie sich auf sinnvoll strukturiertes Markup konzentrieren.

Formulare sind ein sehr wichtiger Bestandteil des Webs – sie bieten viele der Funktionalitäten, die Sie für die Interaktion mit Websites benötigen, wie z. B. Registrierung, Login, Feedback senden, Produkte kaufen und mehr. Dieses Modul führt Sie in die Erstellung der clientseitigen Teile von Formularen ein.

Optimieren Sie Webseiten, um Ihren Besuchern eine reaktionsfähigere Website zu bieten und die Belastung Ihres Webservers und Ihrer Internetverbindung zu reduzieren.

CSS (Cascading Style Sheets) ist der Code, den Sie verwenden, um Ihre Webseite zu gestalten. CSS Basics erklärt Ihnen, was Sie für den Einstieg wissen müssen. Wir beantworten Fragen wie: Wie mache ich meinen Text schwarz oder rot? Wie positioniere ich Inhalte an einer bestimmten Stelle auf dem Bildschirm? Wie verziere ich meine Webseite mit Hintergrundbildern und Farben?

Mit CSS (Cascading Style Sheets) lässt sich das Aussehen und Layout von Webseiten anpassen – z. B. die Schriftart, Farbe, Größe und der Abstand von Inhalten, das Aufteilen in mehrere Spalten oder das Hinzufügen von Animationen und anderen dekorativen Elementen. Dieses Modul bietet einen sanften Einstieg in die Grundlagen von CSS, einschließlich seiner Funktionsweise, der Syntax und wie Sie es einsetzen, um HTML zu stylen.

HTML-Elemente mit CSS ansprechen, auch basierend auf dem Zustand eines Elements.

Verstehen Sie den Browser-Algorithmus, der bestimmt, welche CSS-Deklarationen auf ein Element angewendet werden, wenn mehrere konkurrierende Deklarationen vorhanden sind – mit einem Spezifitäts-Quiz.

Die CSS-Kaskade, Spezifität und Vererbung steuern, wie CSS auf HTML angewendet wird und wie Konflikte zwischen Stil-Deklarationen gelöst werden.

Grundlagen der Textgestaltung, einschließlich Einstellung von Schriftart, Fettung, Kursivschrift, Zeilen- und Zeichenabstand, Textschatten und andere Textmerkmale. Abschließend betrachten wir das Anwenden benutzerdefinierter Schriftarten und das Stylen von Listen sowie Links.

Häufige Fragen und Antworten für Anfänger.

Wir haben bereits CSS-Grundlagen, Textgestaltung sowie das Styling und die Manipulation von Boxen behandelt, die Ihre Inhalte enthalten. Nun ist es an der Zeit, die Boxen im Verhältnis zum Viewport und zueinander zu positionieren. Wir betrachten verschiedene Anzeigeoptionen, traditionelle Layoutmethoden mit Float und Positionierung sowie moderne Layout-Tools wie Flexbox.

Vollständige CSS-Referenz mit Angaben zur Unterstützung durch Firefox und andere Browser.

Entwerfen Sie Layouts, die sich flüssig mit dem Browserfenster anpassen, während dennoch ein typografisches Raster verwendet wird.

Testen Sie Ihre CSS-Fähigkeiten und erkennen Sie, wo Sie noch üben müssen.

Drehungen, Schrägstellungen, Skalierungen und Übersetzungen mit CSS anwenden.

CSS-Übergänge ermöglichen Animationen von Änderungen an CSS-Eigenschaften, anstatt dass Änderungen sofort wirksam werden.

Lernen Sie grafische Darstellungen mit Skripten unter Nutzung des Canvas-Elements zu erstellen.

In diesem Modul setzen wir uns mit den grundlegenden Funktionen von JavaScript auseinander und betrachten häufig auftretende Codeblöcke wie bedingte Anweisungen, Schleifen, Funktionen und Ereignisse. Diese Konzepte haben Sie bereits an anderer Stelle kennengelernt – hier werden sie ausführlich behandelt.

Was ist JavaScript und wie kann es Ihnen helfen?

Codecademy ist eine einfache Möglichkeit, JavaScript-Programmierung zu erlernen. Es ist interaktiv, und Sie können es mit Freunden machen.

freeCodeCamp unterrichtet verschiedene Sprachen und Frameworks für die Webentwicklung. Es bietet auch ein Forum, einen Internetradiosender und einen Blog.

In JavaScript ist fast alles ein Objekt, von Kernfeatures wie Strings und Arrays bis zu den Browser-APIs, die auf JavaScript aufbauen. Sie können sogar Ihre eigenen Objekte erstellen, um zusammenhängende Funktionen und Variablen in effiziente Pakete zu kapseln. Objektorientiertes JavaScript zu verstehen, ist unerlässlich, um Ihr Wissen zu erweitern und effizienteren Code zu schreiben, weshalb wir dieses Modul bereitgestellt haben. Hier behandeln wir die Theorie und Syntax von Objekten, zeigen, wie Sie eigene Objekte erstellen, und erklären, was JSON-Daten sind und wie man damit arbeitet.

Beim Schreiben von clientseitigem JavaScript für Websites oder Anwendungen werden Sie bald APIs verwenden – Schnittstellen, um verschiedene Aspekte des Browsers, des Betriebssystems oder Daten von anderen Websites oder Diensten zu manipulieren. In diesem Modul erkunden wir, was APIs sind und wie man einige der am häufigsten verwendeten APIs einsetzt.

Ein umfassender Leitfaden zu mittleren und fortgeschrittenen JavaScript-Methoden.

Für Programmierer, die JavaScript schnell und richtig lernen wollen, und für JavaScript-Programmierer, die ihre Fähigkeiten vertiefen und/oder spezielle Themen nachschlagen möchten.

Eine Einführung in grundlegende JavaScript-Designmuster.

Teil 1: Die Sprache. Teil 2: Arbeiten mit Browsern.

Ein umfassender, regelmäßig aktualisierter Leitfaden zu JavaScript für alle Lernstufen, vom Anfänger bis zum Fortgeschrittenen.

Eine Buchreihe, die tief in die Kernmechanismen der JavaScript-Sprache eintaucht.

Dokumentation der ungewöhnlichsten Aspekte von JavaScript.

Zuverlässige und detaillierte Informationen über ECMAScript 2015.

Eine Sammlung von JavaScript-Mustern und Anti-Mustern, einschließlich Funktionsmuster, jQuery-Muster, jQuery-Plugin-Muster, Designmuster, allgemeine Muster, Literal- und Konstruktor-Muster, Objekt-Erstellungsmuster, Code-Wiederverwendungsmuster und DOM.

Ein detaillierter Forschungsartikel, der verschiedene moderne Browser, deren Engines, Seitenrendering etc. beschreibt.

Eine Sammlung empfehlenswerter JavaScript-Videos.

WebExtensions ist ein systemübergreifendes System zur Entwicklung von Browser-Add-ons. Das System ist weitgehend kompatibel mit der von Google Chrome und Opera unterstützten Extension-API. Erweiterungen, die für diese Browser geschrieben wurden, laufen in den meisten Fällen auch in Firefox oder Microsoft Edge mit nur wenigen Änderungen. Die API ist außerdem vollständig kompatibel mit Multiprozess-Firefox.