Ressourcen für den Einstieg in die Web-Entwicklung

Diese Übersicht richtet sich an neue Entwickler:innen bzw. Integrator:innen und alle, die ihre Kenntnisse in der Webentwicklung aufbauen oder vertiefen möchten.

Die Ressourcen sind als Empfehlungen und nicht als vollständige Pflichtliste zu verstehen.
Am sinnvollsten ist es, einen strukturierten Lernpfad auszuwählen, diesen konsequent durchzuarbeiten und das Gelernte praktisch anzuwenden. Am meisten lernt man, indem man selbst Code schreibt, auf Probleme stößt und versucht, diese durch eigene Recherche zu verstehen und zu lösen.

Empfohlener Einstieg mit MDN Web Docs

Für den Einstieg empfehlen wir insbesondere
die Getting started modules & folgende Core Modules:

• Structuring content with HTML
• CSS styling basics
• CSS text styling
• CSS layout
• Dynamic scripting with JavaScript
• Accessibility
• Version control

Die Inhalte sind verständlich aufgebaut und enthalten regelmäßig praktische Aufgaben, mit denen das Gelernte direkt angewendet werden kann.

MDN eignet sich außerdem als zentrale Referenz im Entwicklungsalltag.
Die Dokumentation wird laufend gepflegt und hilft unter anderem beim Nachschlagen von Webstandards und Browser-Kompatibilität.

Alternativ kann das von MDN angebotene Frontend Developer Curriculum als zusammenhängender Lernpfad verwendet werden.

Praxisorientiertes Lernen mit freeCodeCamp

• Responsive Web Design
• JavaScript

freeCodeCamp ist stark praxisorientiert. Die Inhalte werden hauptsächlich durch selbst geschriebene Übungen und kleinere Projekte vermittelt.

Weitere Lernplattformen und Referenzen

• The Odin Project
• web.dev Learn
• CSS-Tricks Guides

Diese Plattformen bieten zusätzliche Lernpfade, Anleitungen und Referenzmaterialien. Besonders die visuellen Guides von CSS-Tricks zu Flexbox und CSS Grid können beim Verständnis von Layouts hilfreich sein.

CSS spielerisch lernen

• Flexbox Froggy
• Flexbox Defense
• CSS Grid Garden

Die Spiele eignen sich gut, um Flexbox und CSS Grid praktisch zu üben und zu festigen.

Grundlagen zu DNS und HTTPS

• How DNS Works
• How HTTPS Works

Die beiden Comic-Reihen erklären grundlegende technische Abläufe des Webs anschaulich und einsteigerfreundlich.

Weiterführende Konzepte und Hintergründe

Folgende Ressourcen behandeln weniger die konkrete technische Umsetzung, sondern grundlegende Konzepte, Prinzipien und Denkweisen des Webs.

• The Web Standards Model
  Eine verständliche Einführung in Webstandards, das Zusammenspiel von HTML, CSS und JavaScript sowie grundlegende Prinzipien moderner Webentwicklung.
• Resilient Web Design
  Ein kostenloses Web-Buch über die Geschichte und Philosophie des Webdesigns. Es vermittelt, wie Websites möglichst zugänglich, anpassungsfähig und langfristig robust entwickelt werden können.

Diese Inhalte sind keine Voraussetzung für den Einstieg, helfen aber dabei, technische Entscheidungen und die besonderen Eigenschaften des Webs besser zu verstehen.

Einstieg in TYPO3 und Bakehouse

Nachdem die grundlegenden Webtechnologien verstanden und gefestigt sind, kann der Einstieg in TYPO3 und Bakehouse erfolgen.

• Dokumentation von TYPO3
• Einstieg in die Bakehouse-Entwicklung