Tutorials zur Webentwicklung

Erste Schritte mit dem Web ist eine kurze Reihe von Anleitungen, die Sie in die praktischen Aspekte der Webentwicklung einführt. Sie richten die Tools ein, die Sie benötigen, um eine grundlegende Webseite zu erstellen und Ihren eigenen Code zu veröffentlichen.

Unser Einführungsmodul zu HTML vermittelt HTML von Grund auf — es sind keine Vorkenntnisse erforderlich. Es legt die Grundlagen, um Sie mit wichtigen Konzepten und Syntax vertraut zu machen. Dabei wird gezeigt, wie HTML auf Text angewendet wird, wie Hyperlinks erstellt werden und wie Sie HTML verwenden, um eine Webseite zu strukturieren.

Ein HTML-Leitfaden für Anfänger, der Erklärungen zu häufig verwendeten Tags, einschließlich HTML-Tags, enthält. Außerdem bietet es eine Schritt-für-Schritt-Anleitung zum Erstellen einer einfachen Webseite mit Codebeispielen.

Verwenden Sie diese Herausforderungen, um Ihre HTML-Fähigkeiten zu verbessern (zum Beispiel: "Sollte ich ein <h2>-Element oder ein <strong>-Element verwenden?"), mit Fokus auf sinnvollem Markup.

Formulare sind ein sehr wichtiger Bestandteil des Internets — sie bieten viele Funktionen, die Sie für die Interaktion mit Websites benötigen, wie z. B. die Registrierung und Anmeldung, das Senden von Feedback, den Kauf von Produkten und mehr. Dieses Modul zeigt Ihnen, wie Sie die clientseitigen Teile von Formularen erstellen können.

Optimieren Sie Webseiten, um Besuchern eine reaktionsschnellere Seite zu bieten und die Belastung für Ihren Webserver und Ihre Internetverbindung zu reduzieren.

CSS (Cascading Style Sheets) ist der Code, den Sie verwenden, um Ihre Webseite zu gestalten. CSS-Grundlagen führt Sie durch alles, was Sie zum Einstieg benötigen. Wir beantworten Fragen wie: Wie mache ich meinen Text schwarz oder rot? Wie bringe ich meinen Inhalt an eine bestimmte Stelle auf dem Bildschirm? Wie dekoriere ich meine Webseite mit Hintergrundbildern und Farben?

CSS (Cascading Style Sheets) wird verwendet, um Webseiten zu gestalten und zu layouten — zum Beispiel, um Schriftart, Farbe, Größe und Abstand Ihres Inhalts zu ändern, ihn in mehrere Spalten aufzuteilen oder Animationen und andere dekorative Elemente hinzuzufügen. Dieses Modul bietet einen sanften Einstieg in den Weg zur CSS-Beherrschung mit den grundlegenden Funktionsweisen, der Syntax und der Anwendung von CSS.

Zielgerichtete Steuerung von HTML-Elementen, einschließlich elementabhängigen Zuständen, mit CSS.

Verstehen, wie der Browseralgorithmus entscheidet, welche CSS-Deklarationen auf ein Element angewendet werden, wenn widersprüchliche Deklarationen vorliegen, mit einem Quiz zur Specificity.

Die "Cascade", die Spezifität und die Vererbung kontrollieren, wie CSS auf HTML angewendet wird und wie Konflikte zwischen Stil-Deklarationen gelöst werden.

Hier betrachten wir die Grundlagen der Textgestaltung, einschließlich der Festlegung von Schriftarten, Fett- und Kursivschrift, Zeilen- und Buchstabenabstand, Schlagschatten und anderen Texteffekten. Wir schließen das Modul mit der Anwendung von benutzerdefinierten Schriftarten auf Ihre Seite sowie der Gestaltung von Listen und Links ab.

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

An diesem Punkt haben wir bereits Grundlagen von CSS angeschaut, wie Text gestaltet wird und wie Sie die Boxen, in denen sich Ihr Inhalt befindet, stylen und manipulieren können. Jetzt ist es an der Zeit, herauszufinden, wie Sie Ihre Boxen im Verhältnis zum Ansichtsfenster und zueinander richtig platzieren. Da wir die notwendigen Voraussetzungen abgedeckt haben, können wir jetzt tief in das CSS-Layout eintauchen und unterschiedliche Anzeigeeinstellungen, traditionelle Layout-Methoden wie float und Positionierung sowie neue Layout-Tools wie flexbox untersuchen.

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

Design von Layouts, die sich anpassungsfähig mit dem Browserfenster skalieren, während sie dennoch ein typografisches Raster verwenden.

Testen Sie Ihre CSS-Kenntnisse und finden Sie heraus, wo Sie weiteren Übungsbedarf haben.

Rotation, Schrägstellung, Skalierung und Übersetzung mit CSS anwenden.

CSS-Transitionen bieten eine Möglichkeit, Änderungen an CSS-Eigenschaften zu animieren, anstatt diese Änderungen sofort eintreten zu lassen.

Lernen Sie, wie Sie Grafiken mit Skripten unter Verwendung des canvas-Elements zeichnen.

In diesem Modul setzen wir die Abdeckung aller grundlegenden JavaScript-Funktionen fort, indem wir uns auf häufig vorkommende Codeblocks wie if-Bedingungen, Schleifen, Funktionen und Ereignisse konzentrieren. Diese Themen wurden in anderen Kursen vielleicht nur oberflächlich angeschnitten — hier besprechen wir sie ausführlich.

Was ist JavaScript und wie kann es Ihnen helfen?

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

freeCodeCamp lehrt eine Vielzahl von Sprachen und Frameworks zur Webentwicklung. Es gibt auch ein Forum, eine Internetradio-Station und einen Blog.

In JavaScript sind die meisten Dinge Objekte, von grundlegenden JavaScript-Funktionen wie strings und Arrays bis hin zu Browser-APIs, die auf JavaScript basieren. Sie können sogar Ihre eigenen Objekte erstellen, um verwandte Funktionen und Variablen in effizienten Paketen zu kapseln. Die objektorientierte Natur von JavaScript ist wichtig zu verstehen, wenn Sie weiter in Ihre Kenntnisse der Sprache eintauchen und effizienteren Code schreiben möchten. Daher haben wir dieses Modul zur Verfügung gestellt, um Ihnen dies zu lehren. Hier behandeln wir die Theorie und Syntax von Objekten im Detail, zeigen, wie Sie Ihre eigenen Objekte erstellen, und erklären, was JSON-Daten sind und wie Sie damit arbeiten.

Beim Schreiben client-seitiger JavaScript-Codes für Webseiten oder Anwendungen kommen Sie nicht weit, ohne APIs zu verwenden — Schnittstellen, um verschiedene Aspekte des Browsers und Betriebssystems, auf dem die Seite läuft, oder sogar Daten von anderen Websites oder Diensten zu manipulieren. In diesem Modul erläutern wir, was APIs sind und wie Sie einige der am häufigsten verwendeten APIs anwenden, die Ihnen oft in Ihrer Entwicklungsarbeit begegnen.

Ein umfassender Leitfaden für mittlere und fortgeschrittene JavaScript-Methodiken.

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

Eine Einführung in wesentliche JavaScript-Designmuster.

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

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

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

Dokumentation der eigenwilligsten Teile von JavaScript.

Zuverlässige und detaillierte Informationen zu ECMAScript 2015.

Eine Sammlung von JavaScript-Patterns und Anti-Patterns, die Funktionsmuster, jQuery-Muster, jQuery-Plugin-Muster, Designmuster, allgemeine Muster, Literale und Konstruktor-Muster, Muster zur Objekterstellung, Code-Wiederverwendungsmuster und DOM abdecken.

Ein detaillierter Forschungsartikel, der verschiedene moderne Browser, ihre Engines, Seitenrendering usw., beschreibt.

Eine Sammlung von JavaScript-Videos, die man sich ansehen sollte.

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