Kernlernmodule

Obwohl es keine erforderlichen Vorkenntnisse für den Beginn dieses Modulsatzes gibt, empfehlen wir, dass Sie sich mit Ihrem Computer vertraut machen, sicherstellen, dass Sie eine grundlegende Reihe erforderlicher Anwendungen (wie Webbrowser und einen Code-Editor) installiert haben und etwas Hintergrundwissen über das Web und Webtechnologien erlangen, falls Sie dies noch nicht getan haben. Alle diese Themen werden in unseren Einstiegsmodulen behandelt.

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

Inhalte mit HTML strukturieren

Um eine qualitativ hochwertige, nutzbare 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, bevor es sich mit wichtigen Bereichen wie Dokumentstruktur, Links, Listen, Bildern, Formularen und mehr beschäftigt.

CSS-Stilgrundlagen

CSS (Cascading Style Sheets) wird verwendet, um Webseiten zu stylen und zu gestalten – beispielsweise um Schriftart, Farbe, Größe und Abstand Ihres Inhalts zu ändern, ihn in mehrere Spalten zu unterteilen oder Animationen und andere dekorative Merkmale hinzuzufügen. Dieses Modul bietet Ihnen die CSS-Grundlagen, die Sie jetzt 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, die Textgestaltung – eine der häufigsten Aufgaben, die Sie mit CSS durchführen werden. Hier befassen wir uns mit Grundlagen, einschließlich des Einstellens von Schriftart, Fettdruck, Kursiv, Zeilen- und Buchstabenabstand, Schlagschatten und anderen Textmerkmalen. Wir schließen das Modul ab, indem wir uns mit der Anwendung benutzerdefinierter Schriftarten auf Ihre Seite und der Gestaltung von Listen und Links beschäftigen.

CSS-Layout

In vorherigen Modulen haben wir uns damit beschäftigt, wie Sie die Boxen, in denen Ihre Inhalte sitzen, stylen und manipulieren können. Jetzt ist es an der Zeit, zu lernen, wie Sie Ihre Boxen korrekt im Verhältnis zueinander und zum Browser-Viewport anordnen. Dieses Modul befasst sich mit Floats, Positionierung, anderen modernen Layout-Tools und dem Aufbau responsiver Designs, die sich an unterschiedliche Geräte, Bildschirmgrößen und Auflösungen anpassen.

Dynamisches Skripting mit JavaScript

JavaScript ist ein riesiges Thema mit so vielen verschiedenen Funktionen, Stilen und Techniken zu lernen und vielen APIs und Tools, die darauf aufbauen. Dieses Modul konzentriert sich hauptsächlich auf die Grundlagen der Kernsprache und einige wichtige umgebende Themen – das Erlernen dieser Themen wird Ihnen eine solide Basis schaffen.

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 Standardteil ihrer Tools, daher erfordern viele Frontend-Entwicklungsjobs inzwischen Framework-Erfahrung. In dieser Artikelreihe möchten wir Ihnen einen angenehmen Einstiegspunkt bieten, um Ihnen beim Lernen von Frameworks zu helfen.

Barrierefreiheit

Der Zugang zu Webinhalten wie öffentlichen Dienstleistungen, Bildungswebsites, E-Commerce-Seiten und Unterhaltungsangeboten 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 in Design wieder näherzubringen. Vielleicht möchten sie nicht als Designer arbeiten, aber ein grundlegendes Verständnis für Benutzererfahrung und Designtheorie ist für alle, die an der Erstellung von Websites beteiligt sind, gut, unabhängig von ihrer Rolle. Zumindest sollte selbst der technischste "Nicht-Designer"-Entwickler Design-Briefs verstehen, 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

Versionskontrolltools 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 Karriereweg eines Frontend-Entwicklers ^{MDN Lernpartner}

Scrimbas Frontend Developer Career Path 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 zu Ihrem ersten Job als Frontend-Entwickler! Viele der Kurskomponenten sind als eigenständige, kostenlose Versionen verfügbar.