Kernlernmodule

Es gibt kein Vorwissen, das erforderlich ist, um mit diesem Satz von Modulen zu beginnen. Wir empfehlen jedoch, sich mit Ihrem Computer vertraut zu machen, sicherzustellen, dass Sie eine grundlegende Reihe erforderlicher Anwendungen installiert haben (wie Webbrowser und einen Code-Editor), und einige Hintergrundinformationen über das Web und Webtechnologien zu lesen, falls Sie dies nicht bereits getan haben. Alle diese Themen werden in unseren Module "Erste Schritte" behandelt.

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

Inhalte mit HTML strukturieren

Um eine hochwertige, benutzerfreundliche, 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 geht dann auf Schlüsselbereiche wie Dokumentstruktur, Links, Listen, Bilder, Formulare und mehr ein.

Grundlagen der CSS-Stilgestaltung

CSS (Cascading Style Sheets) wird verwendet, um Webseiten zu gestalten und zu layouten – beispielsweise um die Schriftart, Farbe, Größe und Abstände Ihrer Inhalte zu ändern, sie in mehrere Spalten zu unterteilen oder Animationen und andere dekorative Elemente hinzuzufügen. Dieses Modul bietet alle CSS-Grundlagen, die Sie derzeit benötigen, einschließlich Syntax, Funktionen und Techniken.

CSS-Textgestaltung

Nachdem die Grundlagen der CSS-Sprache behandelt wurden, sollten Sie sich als nächstes auf die Textgestaltung mit CSS konzentrieren – eine der häufigsten Aufgaben in CSS. Hier betrachten wir Grundlagen wie das Festlegen der Schriftart, Fettdruck, Kursivschrift, Zeilen- und Buchstabenabstand, Schatteneffekte und andere Textmerkmale. Wir schließen das Modul ab, indem wir auf die Anwendung von benutzerdefinierten Schriften auf Ihre Seite eingehen und Listen und Links gestalten.

CSS-Layout

In früheren Modulen haben wir uns angesehen, wie man die Boxen stilisiert und manipuliert, in denen Ihre Inhalte angezeigt werden. Jetzt ist es an der Zeit, sich anzusehen, wie Sie Ihre Boxen korrekt zueinander und zum Browser-Viewport layouten. Dieses Modul behandelt Floats, Positionierung, andere moderne Layout-Tools und den Aufbau von responsiven Designs, die sich an verschiedene Geräte, Bildschirmgrößen und Auflösungen anpassen.

Dynamisches Skripting mit JavaScript

JavaScript ist ein großes Thema mit so vielen verschiedenen Funktionen, Stilen und Techniken zum Lernen, sowie vielen APIs und Werkzeugen, die darauf aufbauen. Dieses Modul konzentriert sich hauptsächlich auf die Grundlagen der Kernsprache sowie einige wichtige angrenzende Themen — das Lernen dieser Themen gibt Ihnen eine solide Basis.

JavaScript-Frameworks und -Bibliotheken

JavaScript-Frameworks sind ein wesentlicher Bestandteil der modernen Frontend-Webentwicklung und bieten Entwicklern bewährte Werkzeuge zum Erstellen skalierbarer, interaktiver Webanwendungen. Viele moderne Unternehmen nutzen Frameworks als Standardbestandteil ihrer Tools, sodass viele Frontend-Entwicklungsjobs mittlerweile Framework-Erfahrung erfordern. In dieser Reihe von Artikeln möchten wir Ihnen einen komfortablen Einstiegspunkt bieten, um Ihnen den Einstieg in Frameworks zu erleichtern.

Barrierefreiheit

Der Zugang zu Webinhalten wie öffentlichen Diensten, Bildung, E-Commerce-Seiten und Unterhaltung ist ein Menschenrecht. Niemand sollte aufgrund von Behinderung, Rasse, Geografie oder anderen menschlichen Merkmalen ausgeschlossen werden. Dieses Modul behandelt die besten Praktiken und Techniken, die Sie lernen sollten, um Ihre Websites so zugänglich wie möglich zu gestalten.

Design für Entwickler

Die Idee dieses Moduls ist es, Entwicklern das Denken im Design (wieder) nahezubringen. Sie möchten vielleicht nicht als Designer arbeiten, aber ein gewisses Grundwissen über Benutzererfahrung und Design-Theorie ist für jeden, der an der Erstellung von Websites beteiligt ist, von Vorteil, unabhängig von seiner Rolle. Mindestens sollten sogar die technischsten, "nicht-designorientierten" Entwickler Designbriefe verstehen, wissen, warum Dinge so gestaltet sind, wie sie sind, und in der Lage sein, sich in die Denkweise des Benutzers zu versetzen. Und es wird ihnen helfen, ihre Portfolios besser aussehen zu lassen.

Versionskontrolle

Versionskontrollwerkzeuge sind ein wesentlicher Bestandteil moderner Workflows zur Sicherung und Zusammenarbeit an Codebasen. Dieses Modul führt Sie durch die Grundlagen der Versionskontrolle mit Git und GitHub.

Der Karrierepfad für Frontend-Entwickler ^{MDN Curriculum-Partner}

Scrimba's Frontend Developer Career Path lehrt alles, was Sie wissen müssen, um ein kompetenter Frontend-Webentwickler zu werden, mit unterhaltsamen interaktiven Lektionen und Herausforderungen, fachkundigen Lehrern und einer unterstützenden Gemeinschaft. Gehen Sie von Null bis zu Ihrem ersten Frontend-Job! Viele der Kurskomponenten sind als eigenständige, kostenlose Versionen verfügbar.