Kern-Lernmodule

Unsere Kernmodule behandeln Themen, die aus unserer Sicht jeder Webentwickler gut beherrschen sollte. Dies umfasst alle Informationen, die benötigt werden, um eine grundlegende, zugängliche Webanwendung zu entwerfen und zu erstellen, die modernen Best Practices folgt, sowie das Verwalten und Bereitstellen des Codes mit geeigneten Werkzeugen.

Voraussetzungen

Auch wenn es keine zwingenden Vorkenntnisse für den Einstieg in diese Module gibt, empfehlen wir Ihnen, sich mit Ihrem Computer vertraut zu machen, sicherzustellen, dass Sie eine grundlegende Reihe erforderlicher Anwendungen installiert haben (wie Webbrowser und einen Code-Editor), und Hintergrundinformationen über das Web und Webtechnologien zu lesen, falls Sie dies noch nicht getan haben. All diese Themen werden in unseren Einsteiger-Modulen behandelt.

Insbesondere, wenn Sie noch nie programmiert haben, empfehlen wir Ihnen das Modul Ihre erste Website, das Webtechnologien sehr sanft einführt und Sie durch den Prozess führt, eine einfache Website zu erstellen.

Module

Strukturierung von Inhalten mit HTML

Um eine qualitativ hochwertige, nutzbare und zugängliche Website zu erstellen, müssen Sie verstehen, wie Sie mit semantischem HTML Ihre Inhaltsstruktur definieren. Dieses Modul behandelt die Grundlagen der HTML-Sprache, bevor es wichtige Bereiche wie Dokumentstruktur, Links, Listen, Bilder, Formulare und mehr näher betrachtet.

CSS-Grundlagen für Styling

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, diese in mehrere Spalten aufzuteilen oder Animationen und andere dekorative Elemente hinzuzufügen. Dieses Modul vermittelt Ihnen die CSS-Grundlagen, die Sie benötigen, einschließlich Syntax, Funktionen und Techniken.

CSS-Textgestaltung

Nachdem Sie die Grundlagen der CSS-Sprache erlernt haben, sollten Sie sich als Nächstes auf die Gestaltung von Text konzentrieren – eine der häufigsten Anwendungen von CSS. Hier werden Grundlagen wie das Setzen von Schriftarten, Fett- und Kursivschrift, Zeilen- und Buchstabenabstände, Schlagschatten und andere Textmerkmale behandelt. Wir schließen das Modul mit Themen wie der Anwendung von benutzerdefinierten Schriften auf Ihre Seite sowie der Gestaltung von Listen und Links ab.

CSS-Layout

In früheren Modulen haben wir uns damit beschäftigt, wie Sie die Boxen, die Ihre Inhalte enthalten, gestalten und manipulieren können. Jetzt ist es an der Zeit, zu lernen, wie Sie diese Boxen korrekt im Verhältnis zueinander und zum Browser-Viewport anordnen. Dieses Modul behandelt Floats, Positionierung, andere moderne Layout-Werkzeuge und die Erstellung responsiver Designs, die sich an verschiedene 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 APIs und Tools, die darauf aufbauen. Dieses Modul konzentriert sich hauptsächlich auf die Grundlagen der Kernsprache sowie auf einige wichtige verwandte Themen – das Erlernen dieser Themen gibt Ihnen eine solide Grundlage.

JavaScript-Frameworks und -Bibliotheken

JavaScript-Frameworks sind ein wichtiger Bestandteil der modernen Frontend-Webentwicklung und bieten Entwicklern bewährte Werkzeuge für den Aufbau skalierbarer, interaktiver Webanwendungen. Viele moderne Unternehmen verwenden Frameworks als Standardbestandteil ihrer Werkzeuge, weshalb viele Frontend-Entwicklungsjobs jetzt Framework-Erfahrung erfordern. In dieser Artikelsammlung möchten wir Ihnen einen komfortablen Einstiegspunkt bieten, um mit dem Lernen von Frameworks zu beginnen.

Barrierefreiheit

Der Zugang zu Inhalten im Web, wie öffentlichen Diensten, Bildung, E-Commerce-Seiten und Unterhaltung, ist ein Menschenrecht. Niemand sollte aufgrund von Behinderung, Herkunft, Geografie oder anderen menschlichen Eigenschaften ausgegrenzt werden. Dieses Modul behandelt bewährte Praktiken und Techniken, die Sie lernen sollten, um Ihre Websites so zugänglich wie möglich zu machen.

Design für Entwickler

Ziel dieses Moduls ist es, Entwicklern das Konzept des Design-Denkens (wieder) näherzubringen. Sie möchten vielleicht nicht als Designer arbeiten, aber ein grundlegendes Verständnis von Nutzererfahrung und Design-Theorie ist für alle, die an der Erstellung von Websites beteiligt sind, von Vorteil – unabhängig von ihrer Rolle. Zumindest sollte selbst der technisch versierteste "Nicht-Designer"-Entwickler Designvorgaben verstehen, wissen, warum Dinge so gestaltet wurden, wie sie sind, und in der Lage sein, sich in die Denkweise des Nutzers hineinzuversetzen. Außerdem hilft es, die eigenen Portfolios ansprechender zu gestalten.

Versionskontrolle

Versionskontrollwerkzeuge sind ein unverzichtbarer Bestandteil moderner Arbeitsabläufe, um Codebasen zu sichern und zusammenzuarbeiten. Dieses Modul führt Sie durch die Grundlagen der Versionskontrolle mit Git und GitHub.

Siehe auch

The Frontend Developer Career Path MDN-Lernpartner

Scrimbas Frontend Developer Career Path bringt Ihnen alles bei, was Sie wissen müssen, um ein kompetenter Frontend-Webentwickler zu werden, mit unterhaltsamen interaktiven Lektionen und Herausforderungen, kompetenten Lehrkräften und einer unterstützenden Community. Gehen Sie von Null an bis zu Ihrem ersten Frontend-Job! Viele Kursbestandteile sind auch als eigenständige, kostenlose Versionen verfügbar.