Webentwicklung Tutorials

Erste Schritte im Web ist eine prägnante Serie, die Sie in die praktischen Aspekte der Webentwicklung einführt. Sie werden die Tools einrichten, die Sie benötigen, um eine einfache Webseite zu erstellen und Ihren eigenen Code zu veröffentlichen.

Unser HTML-Einführungsmodul lehrt HTML von Grund auf — es sind keine Vorkenntnisse erforderlich. Es legt das Fundament, um Sie an wichtige Konzepte und die Syntax zu gewöhnen. Sie lernen, HTML auf Text anzuwenden, wie man Hyperlinks erstellt und wie man HTML verwendet, um eine Webseite zu strukturieren.

Ein HTML-Leitfaden für Anfänger, der Erklärungen zu allgemeinen Tags, einschließlich HTML-Tags, enthält. Ebenfalls enthalten ist eine Schritt-für-Schritt-Anleitung zum Erstellen einer einfachen Webseite mit Code-Beispielen.

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

Formulare sind ein sehr wichtiger Teil des Webs — sie bieten viel der Funktionalität, die für die Interaktion mit Websites notwendig ist, wie das Registrieren und Anmelden, das Senden von Feedback, der Kauf von Produkten und mehr. Dieses Modul gibt Ihnen den Einstieg in die Erstellung der clientseitigen Teile von Formularen.

Optimieren Sie Webseiten, um eine reaktionsfreudigere Seite für Besucher bereitzustellen und die Last auf Ihrem Webserver und Ihrer 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 benötigen, um zu starten. Wir beantworten Fragen wie: Wie mache ich meinen Text schwarz oder rot? Wie bringe ich meinen Inhalt an einem bestimmten Ort auf dem Bildschirm zur Anzeige? Wie schmücke ich meine Webseite mit Hintergrundbildern und Farben?

CSS (Cascading Style Sheets) wird verwendet, um Webseiten zu gestalten und zu layouten — zum Beispiel, um die Schriftart, Farbe, Größe und den Abstand Ihres Inhalts zu ändern, ihn in mehrere Spalten zu teilen oder Animationen und andere dekorative Funktionen hinzuzufügen. Dieses Modul bietet einen sanften Einstieg auf Ihrem Weg zur Beherrschung von CSS mit den Grundlagen darüber, wie es funktioniert, wie die Syntax aussieht und wie Sie es verwenden können, um HTML zu stylen.

Zielgerichtete HTML-Elemente, einschließlich basierend auf dem Elementstatus, mit CSS.

Verständnis des Browser-Algorithmus zur Bestimmung, welche CSS-Deklarationen auf ein Element angewendet werden, wenn konkurrierende Deklarationen vorliegen, mit einem Spezifitätsquiz.

Der Kaskade-, Spezifität- und Vererbungsprozess bestimmt, wie CSS auf HTML angewendet und wie Konflikte zwischen Stil-Deklarationen gelöst werden.

Hier betrachten wir die Grundlagen der Textstilgestaltung, einschließlich der Einstellung von Schriftart, Fettigkeit und Kursivschrift, Zeilen- und Buchstabenzwischenraum sowie Schatten und anderen Texteigenschaften. Wir schließen das Modul mit dem Hinzufügen von benutzerdefinierten Schriften zu Ihrer Seite ab und gestalten Listen und Links.

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

An dieser Stelle haben wir bereits die Grundlagen von CSS behandelt, wie man Text gestaltet und die Boxen, in denen Ihr Inhalt liegt, stylt und manipuliert. Jetzt ist es an der Zeit, sich damit zu befassen, wie man Ihre Boxen an der richtigen Stelle in Bezug auf das Ansichtsfenster und zueinander positioniert. Wir haben die notwendigen Voraussetzungen behandelt und können nun tief in das CSS-Layout eintauchen, verschiedene Anzeigeeinstellungen betrachten, traditionelle Layout-Methoden wie Floats und Positionierung sowie moderne Layout-Tools wie Flexbox untersuchen.

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

Designlayouts, die sich flüssig mit dem Browserfenstergrößen anpassen und dabei weiterhin ein typografisches Raster verwenden.

Setzen Sie Ihre CSS-Fähigkeiten ein und sehen Sie, wo Sie mehr Übung benötigen.

Anwendung von Drehung, Scherung, Skalierung und Translation mit CSS.

CSS-Übergänge bieten eine Möglichkeit, Änderungen an CSS-Eigenschaften zu animieren, anstatt dass die Änderungen sofort wirksam werden.

Erfahren Sie, wie Sie Grafiken mittels Skripting unter Verwendung des Canvas-Elements zeichnen.

In diesem Modul setzen wir unsere Behandlung aller zentralen JavaScript-Funktionen fort und widmen uns häufig vorkommenden Codeblöcken wie Bedingungsaussagen, Schleifen, Funktionen und Ereignissen. Sie haben diese schon im Kurs gesehen, aber nur beiläufig — hier besprechen wir alles ausführlich.

Was ist JavaScript und wie kann es Ihnen helfen?

Codecademy ist ein einfacher Weg, JavaScript zu lernen. Es ist interaktiv und Sie können es mit Ihren Freunden machen.

freeCodeCamp lehrt eine Vielzahl von Sprachen und Frameworks für die Webentwicklung. Es hat auch ein Forum, einen Internetradiosender und einen Blog.

In JavaScript sind die meisten Dinge Objekte, von Kern-JavaScript-Funktionen wie Strings und Arrays bis zu den Browser-APIs, die auf JavaScript aufbauen. Sie können sogar Ihre eigenen Objekte erstellen, um zusammengehörige Funktionen und Variablen in effiziente Pakete zu kapseln. Die objektorientierte Natur von JavaScript ist wichtig zu verstehen, wenn Sie Ihr Wissen erweitern und effizienteren Code schreiben möchten, deshalb haben wir dieses Modul erstellt, um Ihnen zu helfen. Hier lehren wir die Objekttheorie und -syntax im Detail, zeigen Ihnen, wie Sie Ihre eigenen Objekte erstellen und erklären, was JSON-Daten sind und wie man mit ihnen arbeitet.

Beim Schreiben von clientseitigem JavaScript für Websites oder Anwendungen kommen Sie nicht weit, bevor Sie anfangen, APIs zu verwenden — Schnittstellen zur Manipulation unterschiedlicher Aspekte des Browsers und Betriebssystems, auf denen die Website läuft, oder sogar Daten von anderen Websites oder Diensten. In diesem Modul werden wir erkunden, was APIs sind, und wie man einige der häufigsten APIs verwendet, die Ihnen oft in Ihrer Entwicklungsarbeit begegnen werden.

Ein umfassender Leitfaden zu JavaScript-Methodologien für Fortgeschrittene.

Für Programmierer, die JavaScript schnell und richtig lernen wollen, und für JavaScript-Programmierer, die ihre Fähigkeiten vertiefen und/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 Lernniveaus vom Anfänger bis zum Fortgeschrittenen.

Eine Serie von Büchern, die tief in die Kernmechanismen der JavaScript-Sprache eintauchen.

Dokumentation der eigenwilligsten Teile von JavaScript.

Zuverlässige und tiefgehende Informationen zu ECMAScript 2015.

Eine Sammlung von JavaScript-Mustern und Anti-Mustern, die Funktionsmuster, jQuery-Muster, jQuery-Plugin-Muster, Design-Muster, allgemeine Muster, Literale und Konstruktor-Muster, Objekt-Erstellungsmuster, Code-Wiederverwendungsmuster, DOM umfassen.

Ein detaillierter Forschungsartikel, der verschiedene moderne Browser, ihre Engines, Seiten-Rendering, etc. beschreibt.

Eine Sammlung von JavaScript-Videos, die man gesehen haben muss.

WebExtensions ist ein browserübergreifendes System zur Entwicklung von Browser-Add-ons. Das System ist weitgehend mit der extension API kompatibel, die von Google Chrome und Opera unterstützt wird. 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 auch vollständig kompatibel mit multiprocess Firefox.