Kernlernmodule

Es gibt zwar kein erforderliches Vorwissen für den Einstieg in diese Module, wir würden jedoch empfehlen, dass Sie sich mit Ihrem Computer vertraut machen, sicherstellen, dass Sie eine grundlegende Sammlung erforderlicher Anwendungen installiert haben (wie Webbrowser und einen Code-Editor), und sich Hintergrundwissen über das Web und Webtechnologien aneignen, falls Sie dies noch nicht getan haben. Alle diese Themen werden in unseren Einstiegsmodulen behandelt.

Insbesondere wenn Sie noch nie programmiert haben, würden wir das Modul Ihre erste Webseite empfehlen, das Ihnen Webtechnologien sehr behutsam näherbringt und Sie durch den Prozess des Erstellens einer einfachen Webseite führt.

Strukturierung von Inhalten mit HTML

Um eine hochwertige, benutzerfreundliche und zugängliche Webseite zu erstellen, müssen Sie verstehen, wie Sie Ihre Inhaltsstruktur mit semantischem HTML definieren. Dieses Modul behandelt die Grundlagen der HTML-Sprache, bevor es sich mit Schlüsselaspekten wie Dokumentstruktur, Links, Listen, Bildern, Formularen und mehr befasst.

CSS-Grundlagen zur Gestaltung

CSS (Cascading Style Sheets) wird verwendet, um Webseiten zu gestalten und zu layouten — zum Beispiel, um Schriftarten, Farben, Größen und Abstände Ihrer Inhalte zu ändern, sie in mehrere Spalten aufzuteilen oder Animationen und andere dekorative Funktionen 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, ist das nächste CSS-Thema, auf das Sie sich konzentrieren sollten, das Gestalten von Text — eine der häufigsten Aufgaben, die Sie mit CSS erledigen. Hier betrachten wir Grundlagen wie das Festlegen von Schriftarten, Schriftstärke, Kursivschrift, Zeilen- und Buchstabenabstände, Schlagschatten und andere Textfunktionen. Wir runden das Modul mit der Anwendung benutzerdefinierter Schriftarten auf Ihre Seite ab und gestalten Listen und Links.

CSS-Layout

In früheren Modulen haben wir uns damit beschäftigt, wie Kästen, in denen Ihre Inhalte platziert sind, gestaltet und manipuliert werden können. Jetzt ist es an der Zeit, zu lernen, wie Sie Ihre Kästen korrekt zueinander und zum Browser-Viewport anordnen. Dieses Modul untersucht 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 umfangreiches Thema mit vielen verschiedenen Funktionen, Stilen und Techniken sowie vielen darauf basierenden APIs und Tools. Dieses Modul konzentriert sich hauptsächlich auf die wesentlichen Inhalte der Kernsprache sowie einige wichtige angrenzende Themen — diese Themen zu erlernen, gibt Ihnen eine solide Grundlage.

JavaScript-Frameworks und -Bibliotheken

JavaScript-Frameworks sind ein wesentlicher Bestandteil der modernen Frontend-Webentwicklung und bieten Entwicklern erprobte Werkzeuge zum Erstellen skalierbarer, interaktiver Webanwendungen. Viele moderne Unternehmen verwenden Frameworks als Standardbestandteil ihrer Tools, daher erfordern viele Frontend-Entwicklungsjobs jetzt Framework-Erfahrung. In dieser Artikelreihe wollen wir Ihnen einen komfortablen Einstiegspunkt bieten, um Ihnen beim Erlernen von Frameworks zu helfen.

Barrierefreiheit

Der Zugang zu Webinhalten wie öffentlichen Dienstleistungen, Bildung, E-Commerce-Websites und Unterhaltung ist ein Menschenrecht. Niemand sollte aufgrund von Behinderung, Rasse, Geografie oder anderen menschlichen Eigenschaften ausgeschlossen werden. Dieses Modul bespricht die besten Praktiken und Techniken, die Sie erlernen sollten, um Ihre Websites so barrierefrei wie möglich zu gestalten.

Design für Entwickler

Die Idee dieses Moduls ist es, Entwickler (wieder) mit Design-Denken vertraut zu machen. Sie möchten vielleicht nicht als Designer arbeiten, aber ein grundlegendes Verständnis von Benutzererfahrung und Design-Theorie ist für alle, die Webseiten erstellen, von Vorteil, unabhängig von ihrer Rolle. Zumindest sollte selbst der technischste, "nicht-designerische" Entwickler Design-Briefs verstehen, wissen, warum Dinge so gestaltet sind, wie sie sind, und in der Lage sein, sich in die Denkweise des Benutzers hineinzuversetzen. Und es wird ihnen helfen, ihre Portfolios besser aussehen zu lassen.

Versionskontrolle

Versionskontrolltools sind ein wesentlicher Bestandteil moderner Arbeitsabläufe, um Codebasen zu sichern und gemeinsam daran zu arbeiten. Dieses Modul führt Sie durch die Grundlagen der Versionskontrolle mit Git und GitHub.

Der Karriereweg des Frontend-Entwicklers ^{MDN-Lernpartner}

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