Einführung ins Web

Es erfordert viel Arbeit, eine professionelle Website zu erstellen. Wenn Sie neu in der Webentwicklung sind, empfehlen wir Ihnen, klein zu beginnen. Sie werden nicht sofort ein weiteres Facebook erstellen, aber es ist nicht schwer, Ihre eigene einfache Website online zu stellen, und damit werden wir beginnen.

Indem Sie die unten aufgeführten Artikel durcharbeiten, werden Sie von nichts zu Ihrer ersten Webseite online gelangen. Beginnen wir unsere Reise!

Installation der grundlegenden Software

Wenn es um Werkzeuge zum Erstellen einer Website geht, gibt es viel zu wählen. Wenn Sie gerade erst anfangen, könnten Sie durch die Vielzahl von Code-Editoren, Frameworks und Testwerkzeugen verwirrt sein. In diesem Artikel zeigen wir Ihnen Schritt für Schritt, wie Sie die Software installieren, die Sie benötigen, um mit der grundlegenden Webentwicklung zu beginnen.

Wie wird Ihre Website aussehen?

Bevor Sie mit dem Schreiben des Codes für Ihre Website beginnen, sollten Sie sie zuerst planen. Welche Informationen präsentieren Sie? Welche Schriftarten und Farben verwenden Sie? Hier stellen wir Ihnen eine einfache Methode vor, der Sie folgen können, um den Inhalt und das Design Ihrer Seite zu planen.

Umgang mit Dateien

Eine Website besteht aus vielen Dateien: Textinhalt, Code, Stylesheets, Medieninhalte und so weiter. Wenn Sie eine Website erstellen, müssen Sie diese Dateien in einer sinnvollen Struktur zusammenstellen und sicherstellen, dass sie miteinander kommunizieren können. Diese Artikel erklärt, wie man eine vernünftige Dateistruktur für Ihre Website einrichtet und auf welche Probleme Sie achten sollten.

HTML-Grundlagen

HyperText Markup Language (HTML) ist der Code, den Sie verwenden, um Ihren Webinhalt zu strukturieren und ihm Bedeutung und Zweck zu verleihen. Zum Beispiel: Handelt es sich bei meinem Inhalt um Absätze oder eine Liste mit Aufzählungspunkten? Sind Bilder auf meiner Seite eingefügt? Habe ich eine Datentabelle? Ohne Sie zu überwältigen, bietet dieser Artikel genügend Informationen, um Sie mit HTML vertraut zu machen.

CSS-Grundlagen

Cascading Style Sheets (CSS) sind der Code, den Sie verwenden, um Ihre Website zu gestalten. Zum Beispiel: Soll der Text schwarz oder rot sein? Wo sollte der Inhalt auf dem Bildschirm dargestellt werden? Welche Hintergrundbilder und -farben sollten zur Dekoration Ihrer Website verwendet werden? In diesem Artikel führen wir Sie durch das, was Sie benötigen, um loszulegen.

JavaScript-Grundlagen

JavaScript ist die Programmiersprache, die Sie verwenden, um interaktive Features zu Ihrer Website hinzuzufügen. Einige Beispiele könnten Spiele, Dinge, die passieren, wenn Tasten gedrückt oder Daten in Formulare eingegeben werden, dynamische Stil-Effekte, Animationen und vieles mehr sein. In diesem Artikel geben wir Ihnen eine Vorstellung davon, was mit dieser aufregenden Sprache möglich ist und wie Sie beginnen können.

Veröffentlichen Ihres Beispielcodes

Sobald Sie den Code geschrieben und die Dateien, aus denen Ihre Website besteht, organisiert haben, müssen Sie alles online stellen, damit die Leute es finden können. In diesem Artikel wird beschrieben, wie Sie Ihren einfachen Beispielcode mit minimalem Aufwand online stellen können.

Wie das Web funktioniert

Wenn Sie auf Ihre Lieblingswebsite zugreifen, passieren im Hintergrund viele komplizierte Dinge, von denen Sie vielleicht nichts wissen. Hier werden wir darlegen, was passiert, wenn Sie eine Webseite auf Ihrem Computer ansehen.

Der Karriereweg zum Frontend-Entwickler ^{MDN Curriculum-Partner}

Scrimbas Frontend Developer Career Path lehrt alles, was Sie wissen müssen, um ein kompetenter Front-End-Webentwickler zu werden, mit unterhaltsamen interaktiven Lektionen und Herausforderungen, sachkundigen Lehrern und einer unterstützenden Community. Gehen Sie von null zu Ihrem ersten Front-End-Job! Viele der Kursbestandteile sind als eigenständige kostenlose Versionen verfügbar.

Web Entmystifiziert

Eine großartige Videoserie, die webbezogene Grundlagen erklärt, die sich an absolute Anfänger in der Webentwicklung richtet. Erstellt von Jérémie Patonnier.

Das Web und Webstandards

Dieser Artikel bietet nützliche Hintergrundinformationen über das Web – wie es entstanden ist, was Webstandardtechnologien sind, wie sie zusammenarbeiten, warum "Webentwickler" eine großartige Karrierewahl ist und welche Best Practices Sie im Laufe des Kurses lernen werden.