Kernlernmodule

Auch wenn es keine zwingenden Vorkenntnisse für den Start dieser Modulsammlung gibt, empfehlen wir, dass Sie sich mit Ihrem Computer vertraut machen, sicherstellen, dass Sie eine grundlegende Auswahl der erforderlichen Anwendungen installiert haben (wie Webbrowser und einen Code-Editor), und etwas Hintergrundwissen über das Web und Webtechnologien aneignen, falls noch nicht geschehen. Alle diese Themen sind in unseren Module zum Einstieg abgedeckt.

Insbesondere wenn Sie noch nie programmiert haben, empfehlen wir das Modul Ihre erste Website, das Ihnen sehr sanft die Webtechnologien einführt und Sie durch den Prozess des Erstellens einer einfachen Website führt.

Strukturieren von Inhalten mit HTML

Um eine qualitativ hochwertige, benutzbare und zugängliche Website zu erstellen, müssen Sie verstehen, wie Sie Ihre Inhaltsstruktur mit semantischem HTML definieren. Dieses Modul behandelt die Grundlagen der HTML-Sprache und konzentriert sich anschließend auf Schlüsselbereiche wie Dokumentstruktur, Links, Listen, Bilder, Formulare und mehr.

Grundlagen der CSS-Stilgestaltung

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 unterteilen oder Animationen und andere dekorative Merkmale hinzuzufügen. Dieses Modul bietet alle CSS-Grundlagen, die Sie derzeit benötigen, einschließlich Syntax, Eigenschaften und Techniken.

CSS-Textgestaltung

Nachdem die Grundlagen der CSS-Sprache behandelt wurden, ist das nächste CSS-Thema, auf das Sie sich konzentrieren sollten, die Textgestaltung — eine der häufigsten Aufgaben mit CSS. Hier behandeln wir Grundlagen wie das Festlegen von Schriftart, Fettdruck, Kursivschrift, Zeilen- und Buchstabenabstand, Schlagschatten und andere Textmerkmale. Wir schließen das Modul ab, indem wir uns dem Einsatz von benutzerdefinierten Schriftarten auf Ihrer Seite widmen und Listen und Links gestalten.

CSS-Layout

In den vorherigen Modulen haben wir uns angesehen, wie Sie die Kästen, in denen Ihr Inhalt untergebracht ist, stilisieren und manipulieren. Nun ist es an der Zeit, sich damit zu befassen, wie Sie Ihre Kästen korrekt zueinander und zur Browseransicht positionieren. Dieses Modul befasst sich mit Floats, Positionierung, anderen modernen Layout-Tools und der Erstellung responsiver Designs, die sich an unterschiedliche Geräte, Bildschirmgrößen und Auflösungen anpassen.

Dynamisches Scripting mit JavaScript

JavaScript ist ein umfangreiches Thema mit vielen verschiedenen Funktionen, Stilen und Techniken sowie zahlreichen darauf aufbauenden APIs und Tools. Dieses Modul konzentriert sich hauptsächlich auf die wesentlichen Elemente der Kernsprache und einige wichtige verwandte Themen — das Erlernen dieser Themen bietet Ihnen eine solide Grundlage.

JavaScript-Frameworks und -Bibliotheken

JavaScript-Frameworks sind ein wichtiger Bestandteil der modernen Frontend-Webentwicklung und bieten Entwicklern erprobte Tools zum Erstellen skalierbarer, interaktiver Webanwendungen. Viele moderne Unternehmen nutzen Frameworks als Standardteil ihrer Tools, sodass viele Frontend-Entwicklungsjobs jetzt Erfahrung mit Frameworks erfordern. In dieser Artikelserie möchten wir Ihnen einen angenehmen Einstiegspunkt bieten, um mit dem Erlernen von Frameworks zu beginnen.

Barrierefreiheit

Der Zugang zu Webinhalten wie öffentlichen Diensten, Bildung, E-Commerce-Websites und Unterhaltung ist ein Menschenrecht. Niemand sollte aufgrund einer Behinderung, Hautfarbe, geografischer Lage oder anderer menschlicher Eigenschaften ausgeschlossen werden. Dieses Modul beschreibt die bewährten Methoden und Techniken, die Sie erlernen sollten, um Ihre Websites so zugänglich wie möglich zu gestalten.

Design für Entwickler

Die Idee dieses Moduls besteht darin, Entwickler (wieder) mit Design Thinking vertraut zu machen. Sie möchten vielleicht nicht als Designer arbeiten, aber ein grundlegendes Verständnis für Benutzererfahrung und Designtheorie ist für alle am Bau von Websites beteiligten Personen von Vorteil, unabhängig von ihrer Rolle. Zumindest sollte sogar der technischste "Nicht-Designer"-Entwickler Design-Briefs verstehen, wissen, warum Dinge so gestaltet sind, wie sie sind, und in der Lage sein, sich in die Denkweise des Nutzers zu versetzen. Und es wird ihnen helfen, ihre Portfolios besser aussehen zu lassen.

Versionskontrolle

Versionskontroll-Tools sind ein wesentlicher Bestandteil moderner Workflows, um Codebasen zu sichern und zusammenzuarbeiten. Dieses Modul führt Sie durch die Grundlagen der Versionskontrolle mit Git und GitHub.

The Frontend Developer Career Path ^{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 vom Anfänger bis zum ersten Front-End-Job! Viele der Kurskomponenten sind als eigenständige, kostenlose Versionen verfügbar.