Artikel
Artikel
HTML, CSS und JavaScript — die drei Bausteine des WebsFrontend · 8 MinEine Webseite wird aus drei Sprachen gebaut, von denen jede ihre eigene Rolle hat: HTML liefert die Struktur, CSS das Aussehen und JavaScript das Verhalten. Verstehe die Arbeitsteilung, und du schreibst Code, der leichter zu pflegen ist.Frontend und Backend — wo der Code läuft und wie sie miteinander sprechenArchitektur · 8 MinEine Webanwendung hat zwei Seiten: das Frontend, das im Browser des Nutzers läuft, und das Backend, das auf dem Server läuft. Verstehe die Aufteilung, was eine API ist und wie Daten zwischen ihnen fließen.Versionsverwaltung mit Git — sicher und gemeinsam arbeitenWerkzeuge · 7 MinGit ist das Standardwerkzeug für die Versionsverwaltung. Es speichert die Historie deines Codes, lässt mehrere zusammenarbeiten, ohne sich gegenseitig zu überschreiben, und gibt dir die Möglichkeit zurückzugehen, wenn etwas schiefläuft.Responsives Design — eine Seite, die auf allen Bildschirmen funktioniertFrontend · 8 MinResponsives Design lässt dieselbe Seite sich an Telefon, Tablet und Computer anpassen. Verstehe flexible Einheiten, Media Queries und warum man mit Vorteil vom kleinen Bildschirm aufwärts baut.Barrierefreiheit im Detail — ein Web, das alle nutzen könnenBarrierefreiheit · 9 minBarrierefreiheit bedeutet, dass auch Nutzer mit eingeschränktem Sehen, Hören oder Bewegen deine Seite benutzen können. Sie beruht auf vier Prinzipien und einer Reihe konkreter Gewohnheiten, die du ab der ersten Zeile Code einbaust.JavaScript und DOM — die Seite lebendig machenFrontend · 8 MinJavaScript wird interessant, wenn es auf das DOM trifft — das Modell der Seite im Browser. Verstehe, wie man auf Ereignisse reagiert, Inhalte ändert und Daten holt, ohne dass die Seite neu geladen wird.Websicherheit und OWASP — die Fehler, nach denen Angreifer suchenSicherheit · 10 Min.Sicherheit ist Teil des Handwerks, keine zusätzliche Schicht ganz am Ende. OWASP veröffentlicht eine breit anerkannte Liste der kritischsten Risiken in Webanwendungen. Verstehe die häufigsten — gebrochene Zugriffskontrolle, Injection und Fehlkonfiguration — und die konkreten Gewohnheiten, die sie fernhalten.Web-APIs im Detail — HTTP, REST und StatuscodesArchitektur · 9 minEine API ist der Vertrag, über den deine Systeme Daten austauschen. Verstehe die HTTP-Methoden, was der REST-Stil bedeutet, was die Statuscodes aussagen und wie man eine API entwirft, die andere ohne Raten benutzen können.DSGVO für Webentwickler — Privatsphäre eingebaut in den CodeGesetzgebung · 8 MinBaust du Webseiten, verarbeitest du personenbezogene Daten, und damit gilt die Datenschutz-Grundverordnung. Verstehe, was als personenbezogene Daten zählt, wann du Cookies setzen darfst, wie die Einwilligung eingeholt werden muss und wie du eine Seite baust, auf der die Rechte der Nutzer tatsächlich erfüllt werden können.Die Geburt des Webs — die Geschichte der WebentwicklungGeschichte · 11 minDie Webentwicklung ist ein Handwerk von gut einem Menschenalter, aber sie hat sich schneller verändert als die meisten Berufe. Verfolge den Weg von Tim Berners-Lees Vorschlag im Jahr 1989 über die ersten statischen Seiten, die Browserkriege und die Erfindung von JavaScript bis zu den dynamischen Webanwendungen, Frameworks und Standards von heute.Datenbanken und Datendienste — das Zusammenspiel zwischen Frontend und DatenDatenbanken · 9 minNahezu jede Weblösung muss Daten speichern, die einen Neustart des Browsers überdauern. Verstehe die Tabellen und Schlüssel der relationalen Datenbank, was SQL und CRUD bedeuten, den Unterschied zwischen relationalen und NoSQL-Datenbanken und wie ein Datendienst abgesichert wird, wenn das Frontend Daten anfordert.CMS in der Praxis — vom Plugin zum eigenen ThemeCMS · 8 MinDie wenigsten Websites werden heute komplett von Grund auf gebaut — die meisten laufen auf einem Content-Management-System (CMS). Verstehe, was ein CMS tatsächlich löst, wie Themes und Plugins es erweitern, was ein Headless-CMS ist und warum Betrieb und Aktualisierung eines CMS eine Sicherheitsaufgabe sind und nicht nur ein technisches Detail.Serverseitige Programmierung — die Sprache, die hinter den Kulissen läuftBackend · 8 MinHinter jedem Web-API und jeder dynamischen Seite liegt Code, der auf einem Server läuft — unsichtbar für den Benutzer, aber entscheidend dafür, dass die Daten sicher sind und die Seite schnell antwortet. Verstehe, warum HTTP zustandslos ist, wie Sessions und Tokens das lösen, warum Geheimnisse in Umgebungsvariablen gehören und was die Leistung eines Webservers beeinflusst.Digitaler Handel — Webshops, Cookies und WiderrufsrechtE-Commerce · 8 MinEin Webshop ist mehr als ein Warenkatalog — er ist ein Vertrag, der im Fernabsatz geschlossen wird, mit Regeln, die sowohl den Code als auch das Geschäft binden. Verstehe die Grundelemente des Webshops, wie Cookies und Tracking im Handel eingesetzt werden, was das 14-tägige Widerrufsrecht des Verbrauchers bedeutet und was die neuen Regeln zum Widerruf direkt auf der Seite verlangen.Projektorganisation und agile Methoden — Scrum und KanbanMethode · 9 minWebentwicklung macht man selten allein. Verstehe, warum agile Methoden statt eines festen, ein ganzes Jahr im Voraus gelegten Plans zum Standard geworden sind, was die Rollen, Ereignisse und Artefakte des Scrum Guide umfassen, wie sich Kanban als Alternative oder Ergänzung anbietet und warum die Versionsverwaltung das Rückgrat der Zusammenarbeit ist.Performance und Core Web Vitals — eine schnelle WeblösungPerformance · 9 minEine langsame Seite verliert Nutzer, egal wie gut sie im Hintergrund gebaut ist. Verstehe die drei Core Web Vitals — LCP, INP und CLS — was jede Kennzahl tatsächlich beschreibt, welche Grenzwerte als gut gelten und welche konkreten Maßnahmen die Zahlen in die richtige Richtung bewegen.Jobsuche, Lebenslauf und Portfolio — vom Azubi zum WebentwicklerKarriere · 8 MinEin fachlich starker Lebenslauf und ein gepflegtes Portfolio entscheiden oft darüber, ob du zum Gespräch eingeladen wirst. Verstehe, warum ein Portfolio mehr aussagt als ein Lebenslauf allein, was ein fachlicher Lebenslauf enthalten sollte, wie eine gezielte Bewerbung auf einer Unternehmensanalyse aufbaut und wie die verschiedenen Karrierewege in der Webentwicklung aussehen.Die Gesellenprüfung in der Webentwicklung — von der gebundenen Aufgabe zur genehmigten LösungAusbildung · 8 MinDie Gesellenprüfung ist die Abschlussprüfung der Ausbildung, in der du das Gelernte in einer fertigen Lösung zusammenführst. Versteh, was die gebundene Aufgabe laut Verordnung verlangt, was die Projektdokumentation enthalten muss, worum es im mündlichen Teil geht und wie du dich in der Zeit davor am besten vorbereitest.