HTML5-Aufbaukurs: semantische Tags, CSS3 Advanced, Multimedia (Video, Audio, Canvas), Animationen, Barrierefreiheit (WCAG) — für Webentwickler.
Geprüft von Admin Kursweg · Stand 24. Mai 2026
Was wird in diesem Kurs vermittelt
HTML5 ist seit 2014 W3C-Recommendation und längst Standard — aber viele Webentwickler nutzen nur die Basis-Tags und verpassen die wirklich nützlichen Features wie semantische Strukturierung, native Video/Audio, Canvas-Zeichnungen, Barrierefreiheit. Dieser Kurs richtet sich an Anwender mit HTML-Grundlagen und vermittelt die fortgeschrittenen HTML5-/CSS3-Funktionen. Block HTML5-Inhalte erstellen: Semantische Tags (header, nav, main, article, section, aside, footer) für klare Struktur und SEO, Form-Inputs (date, email, tel, url, color, range mit nativer Browser-Validation), input-Attribute (required, pattern für RegEx-Validation, placeholder, autofocus, autocomplete, list mit datalist), Microdata und Schema.org für strukturierte Daten (Rich Snippets in Google), Web Storage (localStorage, sessionStorage als modernes Alternative zu Cookies), Web Workers für Hintergrund-Tasks. Block CSS3 Selectors: Advanced Pseudo-Classes (:nth-child, :nth-of-type, :not, :is, :where, :has — das neue „Parent Selector"), Attribute Selectors mit Wildcards (^=, $=, *=), Pseudo-Elements (::before, ::after, ::first-letter, ::selection), kombinierte Selektoren effizient nutzen. Block CSS3 Backgrounds & Borders: Multiple Backgrounds, background-size (cover, contain), background-attachment (fixed, local), Linear- und Radial-Gradients, Conic-Gradients, border-radius für abgerundete Ecken, border-image, box-shadow mit multiple Shadows, mask-image. Block CSS3 Layout: Flexbox in der Tiefe (Container vs. Items, justify-content, align-items, align-self, flex-grow/shrink/basis, gap), CSS Grid (grid-template-rows/columns, grid-area, named Grid Lines, auto-fit/auto-fill mit minmax), Container Queries (modern), Subgrid. Block CSS3 Transforms & Transitions: 2D-Transforms (rotate, scale, translate, skew), 3D-Transforms mit perspective, Transitions (transition-property, duration, timing-function, delay), Cubic-Bezier-Easings. Block CSS3 Animationen: Keyframe-Animationen (@keyframes, animation-name/duration/iteration-count/direction), GPU-beschleunigte Animationen, Performance-Tipps (will-change, transform statt top/left). Block Multimedia: Video-Tag (sources, tracks für Untertitel, poster, controls, autoplay-Restrictions), Audio-Tag, Canvas-API für 2D-Zeichnungen (Pfade, Text, Bilder, Animationen mit requestAnimationFrame), SVG inline für skalierbare Grafiken. Block Barrierefreiheit (WCAG 2.1/2.2): ARIA-Roles und -Attributes für Screenreader-Support, semantische Strukturierung statt div-Suppe, Tastatur-Navigation (tabindex), Color-Contrast-Anforderungen (Level AA), Lesbarkeit für Suchmaschinen-Crawler.
Marktdaten zu Verdienst, offenen Stellen und Zukunftsaussicht im Bereich IT & Informatik
Einstieg
38.000–48.000 €
0–2 Jahre Erfahrung
Mittel
52.000–68.000 €
3–7 Jahre Erfahrung
Senior
70.000–95.000 €
8+ Jahre / Lead-Rolle
124.000+
IT-Berufe sind seit fünf Jahren der größte Fachkräfteengpass am deutschen Arbeitsmarkt. Der Bestand offener IT-Stellen ist 2024 auf einen Rekordstand gestiegen; AI- und Cloud-Skills werden in den nächsten Jahren weiter überdurchschnittlich nachgefragt.
Bei AZAV-zertifizierten Trägern ist die Kursgebühr regelmäßig zu 100 % förderbar.
HTML5 + CSS3 entwickeln sich kontinuierlich weiter. Neue CSS-Features (Container Queries, :has, Subgrid) kamen 2022-2024. Auch das WCAG-Update auf 2.2 (2023) ist relevant.
Nicht zwingend, aber hilfreich. Canvas-Animationen ohne JS sind eingeschränkt. Für moderne Frontend-Arbeit kommt man um JS nicht herum (separater Kurs empfohlen).
In DE Pflicht: Behindertengleichstellungsgesetz (BGG) und Barrierefreiheits-Stärkungsgesetz (BFSG, seit 2025) verlangen WCAG-Konformität für öffentliche und ab 2025 für viele private Websites.
Ja, AZAV-Anbieter akzeptieren Bildungsgutschein, QCG und bAvH.
Vorbereitung auf Microsoft-Zertifizierung AZ-801: Storage Spaces Direct, Failover Clustering, Hyper-V, Azure Site Recovery, hybride Active-Directory-Szenarien. Für Senior-Windows-Administratoren.
Vorbereitung auf die Microsoft-Zertifizierung MS-102 (M365 Administrator Expert): Microsoft Entra ID, Microsoft 365 Defender, Purview, PowerShell. Für Senior-Cloud-Administratoren.
Vorbereitung auf MD-102 Endpoint Administrator: Microsoft Intune, Endpoint Manager, Geräteverwaltung, Anwendungsverwaltung, Compliance. Für Windows-Client- und Mobile-Device-Administratoren.
Sag uns einmal Region, Format (online/präsenz), Zeit-Modell und Förderstatus — wir vergleichen für dich und melden uns mit 1–3 passenden Trägern. Kostenlos, unverbindlich.
Typischer Verlauf nach dem Kurs
Quellen: Bundesagentur für Arbeit · Engpassanalyse 2024/25 · StepStone Gehaltsreport 2025 · Bitkom Studie Fachkräftemangel 2024. Brutto-Jahresgehälter aus Erhebungen 2024/25, abweichend nach Region und Tarifgebundenheit.
Vorbereitung auf AZ-800: Windows Server Hybrid-Konfiguration mit Active Directory, Hyper-V, Group Policy, Azure File Sync. Für Windows-Administratoren mit Cloud-Wechsel.