Kernlernmodule

Voraussetzungen

Während es keine Voraussetzungen für den Beginn dieses Sets von Modulen gibt, empfehlen wir, dass Sie sich mit Ihrem Computer vertraut machen, sicherstellen, dass Sie über eine grundlegende Reihe von erforderlichen Anwendungen verfügen (wie Webbrowser und einen Code-Editor), und einige Hintergrundinformationen über das Web und Webtechnologien lesen, sofern Sie dies noch nicht getan haben. All diese Themen werden in unseren Module zum Einstieg abgedeckt.

Insbesondere wenn Sie noch nie programmieren 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.

Module

Strukturierung von Inhalten mit HTML

Um eine qualitativ 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, bevor es sich mit Schlüsselfragen wie Dokumentstruktur, Links, Listen, Bildern, Formularen und mehr befasst.

CSS Stilgrundlagen

CSS (Cascading Style Sheets) wird verwendet, um Webseiten zu stylen und zu layouten — beispielsweise um Schriftart, Farbe, Größe und Abstand Ihres Inhalts zu ändern, ihn in mehrere Spalten aufzuteilen oder Animationen und andere dekorative Merkmale hinzuzufügen. Dieses Modul bietet Ihnen alle CSS-Grundlagen, die Sie vorerst 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 werden. Hier betrachten wir Grundlagen wie die Einstellung von Schriftart, Fettigkeit, Kursivschrift, Zeilen- und Buchstabenabstand, Schlagschatten und anderen Texteigenschaften. Wir schließen das Modul ab, indem wir uns mit der Anwendung von benutzerdefinierten Schriftarten auf Ihre Seite sowie der Gestaltung von Listen und Links befassen.

CSS Layout

In früheren Modulen haben wir uns angesehen, wie Sie die Boxen, in denen sich Ihr Inhalt befindet, stylen und manipulieren können. Jetzt ist es an der Zeit, sich anzusehen, wie Sie Ihre Boxen richtig in Bezug aufeinander und auf das Browser-Viewport platzieren. Dieses Modul befasst sich mit Floats, Positionierung, anderen modernen Layout-Werkzeugen und dem Erstellen responsiver 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, die zu lernen sind, sowie vielen APIs und Tools, die darauf aufgebaut sind. Dieses Modul konzentriert sich hauptsächlich auf die Grundlagen der Kernsprache sowie einige wichtige angrenzende Themen — durch das Lernen dieser Themen erhalten Sie eine solide Basis, von der aus Sie arbeiten können.

JavaScript-Frameworks und -Bibliotheken

JavaScript-Frameworks sind ein wesentlicher Bestandteil der modernen Front-End-Webentwicklung und bieten Entwicklern bewährte Werkzeuge zum Erstellen skalierbarer, interaktiver Webanwendungen. Viele moderne Unternehmen verwenden Frameworks als Standardteil ihrer Tools, sodass viele Front-End-Entwicklungsjobs jetzt Framework-Erfahrung erfordern. In dieser Reihe von Artikeln möchten wir Ihnen einen komfortablen Ausgangspunkt geben, der Ihnen beim Lernen von Frameworks helfen soll.

Barrierefreiheit

Der Zugang zu Webinhalten wie öffentlichen Diensten, Bildung, E-Commerce-Seiten und Unterhaltung ist ein Menschenrecht. Niemand sollte aufgrund von Behinderung, Rasse, geografischer Lage oder anderen menschlichen Merkmalen ausgeschlossen werden. Dieses Modul diskutiert die Best Practices 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, Entwickler in das Design-Denken (wieder) einzuführen. Sie möchten möglicherweise nicht als Designer arbeiten, aber ein gewisses Grundwissen über Benutzererfahrung und Designtheorie ist für alle Beteiligten beim Erstellen von Websites gut, egal welche Rolle sie haben. Jeder, selbst der technischste "Nicht-Designer"-Entwickler, sollte wenigstens Designbriefe verstehen, warum Dinge so gestaltet sind, wie sie sind, und in der Lage sein, sich in die Denkweise des Nutzers hineinzuversetzen. Und es wird ihnen helfen, ihre Portfolios besser aussehen zu lassen.

Versionskontrolle

Versionskontrollwerkzeuge sind ein wesentlicher Bestandteil moderner Arbeitsabläufe zur Sicherung und Zusammenarbeit an Codebases. Dieses Modul führt Sie durch die wesentlichen Aspekte der Versionskontrolle mit Git und GitHub.