Weiterbildung Web Engineer

HTML (ca. 5 Tage)

Grundgerüst

Tags zur Texterstellung (h1-h6, p, br)

Grundlagen CSS

Text-Format-Befehle

Gerüstbildende HTML-Tags (z. B. header, nav)

Grafiken einbinden und in Photoshop aufbereiten

Favicons

Verlinkungen

Interne-, Externe-, Tel.-, mailto-Links

Listen und Tabellen

Formulare in HTML

Formularelemente

Einbindung von Video- und Audioelementen

Einbindung von YouTube und Google-Maps

Unterschiede zwischen XHTML und HTML

Künstliche Intelligenz (KI) im Arbeitsprozess

Vorstellung von konkreten KI‐Technologien sowie Anwendungsmöglichkeiten im beruflichen Umfeld

Grundlagen CSS (ca. 5 Tage)

Grundlagen Dreamweaver

Einbindungsmöglichkeiten von CSS-Angaben (intern, extern, inline-Style)

Textgestaltung mit CSS

CSS-Attribute zur Gestaltung von Bordern und Abständen (padding, margin)

Hintergrundgestaltung per CSS

Grundlagen float/clear

Spaltigkeit mit float

Farben mit CSS

Clearfix

Pseudoelemente (::before/::after)

Pseudoklassen (:nth-of-type)

Listen/display/Link-Pseudo-Klassen

Navigation mit ul/li (horizontal/vertikal)

CSS-Flexbox (ca. 5 Tage)

Spaltigkeit mit Flex

Ausrichtung von Elementen mit Flex

Spalten in Spalten mit Flex

Individuelle Schrift verwenden (@font-face)

Schriften mit Dreamweaver

Dreamweaver – CSS-Designer

CSS-Position

Positionen: relative/absolute/fixed

Möglichkeiten zur Formulargestaltung per CSS

CSS-Farbverläufe

CSS – transition/transform

Responsives Webdesign (ca. 6 Tage)

Breakpoints, Viewport, Media-Querys

Header und header-img responsiv gestalten

Picture-Elemente in HTML

Mobile Navigation mit hover

Hover in click auf Apple-Handys ermöglichen

Klick-Event per CSS (mittels checkbox)

Responsive Navigationen mit click

Animierter Burger-Button

CSS-Akordeon (mittels Radio-Buttons)

Drop-Down-Menü für Desktop und Mobile

Unterschiedliche Designs

CSS-Pseudoklasse :target

One-Page-Site – Seitenstruktur

Responsive Navigation mit :target-Steuerung

Vorteile von One-Page-Sites

JavaScript (ca. 9 Tage)

Anwendungen einbinden

Einstieg in JavaScript/jQuery

If-then-else

Variablen

Data Objekt

Array Datentyp

ScrollTop

For-Schleife

Math-Objekt

Sticky-menu (js/css)

Menu mit Scrollen ein-/ausblenden

Verwendung von vh/vw und calc

Pflichtangaben Impressum/Datenschutz

Cookiehinweis

Font-awesome – Symbol Bibliothek

CSS-Filter

CSS-Variablen

Optim. der Site für die Suchmaschinen (SEO)

Object fit – Rahmenfüllende Grafiken

CSS-Animation

CSS-Grid

Grid-template-areas

Einführung in CSS-Framework: Bootstrap

Projektarbeit (ca. 10 Tage)

Zur Vertiefung der gelernten Inhalte

Präsentation der Projektergebnisse

Suchmaschinenoptimierung Grundbegriffe (ca. 3 Tage)

Webbasierte Suchmaschinen

Google Universal Search

Vertikale Suchmaschinen

Suchergebnisseiten und Treffer

Rich Snippets

Google Knowledge Graph

PageRank

Domain Authority

Google Suchergebnisse/Sucheinstellungen

RankBrain

Suchanfragen mit lokalem Bezug/Local SEO

Social SEO

Sprachsuche

SEO-Prozesse (ca. 2 Tage)

Schritte des SEO-Prozesses

SEO-Ziele definieren

Zielgruppe/Persona

Keyword-Kandidaten

SEO KPIs

Conversions

Content-Qualität

Google Ranking Signale

Suchintention

Within Document Frequency (WDF)

Inverse Document Frequency (IDF)

Künstliche Intelligenz (KI) im Arbeitsprozess

Vorstellung von konkreten KI‐Technologien sowie Anwendungsmöglichkeiten im beruflichen Umfeld

Webseitenoptimierung (ca. 3 Tage)

Optimierung für Mobilgeräte (AMP)

Meta-Tags/Meta-Description/Meta-Title

Duplicate Content

Semantisches Web/Suche

Strukturierte Daten und deren Bedeutung/Einsatzmöglichkeiten

Ladezeiten einer Webseite überprüfen

Domains auf IP-Adresse überprüfen

Sicherheitsfunktionen des https-Protokolls

Robots.txt

Ankertexte

Google Penalty

Suchanfragen mit lokalem Bezug/Local SEO

Entwicklungen Barrierefreiheit

SEO-Erfolgskontrolle (ca. 3 Tage)

Erfolgskontrolle ohne kommerzielle Tools durchführen

Tools für die Ranking-Überwachung

Google-Index/Google Qualitätsrichtlinien

Backlinks und Linkbuilding-Maßnahmen

Sichtbarkeitsindex

OnPage-Analyse

Google Ads (ca. 2 Tage)

Google Ads

Absicht von Suchanfragen analysieren

Erstellung von Keyword-Listen

Kampagnenarten/Ziele/Aufbau Google Suchanzeigen

Google Keyword Planer

Kampagnen aufsetzen und verwalten

Google Ads Auktion

Webanalyse (ca. 3 Tage)

Web Analytics

Ziele und Funktionen

Datenschutz

Reichweitenmessung

Möglichkeiten und Grenzen der erfassbaren Daten

Google Analytics 4 einrichten/Demo-Account

Echtzeit-Berichte

Zielgruppenanalyse

Herkunft der Webseitenbesucher:innen

Event- und Goal-Tracking

Ereignistracking

Google Search Console

Besucherverhalten

Google Tag Manager

Cookies

Projektarbeit, Zertifizierungsvorbereitung und Zertifizierungsprüfung (ca. 4 Tage)

JavaScript Grundlagen (ca. 7 Tage)

Einführung

ECMA-Script-Versionen

Einbinden in HTML-Seiten

Sprachelemente: Variablen, Konstanten, Typisierung

Primitive Datentypen: Number, String, Boolean

Collection-Datentypen: Arrays, Objekte, arithmetische Operatoren

Kontrollstrukturen: Bedingte Anweisungen, Schleifen, Funktionen

Blockscope

Lokales Speichern: Webstorage, IndexedDB

Fehlerbehandlung

Einführung in die Entwicklungsumgebung WebStorm (IDE)

Künstliche Intelligenz (KI) im Arbeitsprozess

Vorstellung von konkreten KI‐Technologien sowie Anwendungsmöglichkeiten im beruflichen Umfeld

DOM-Manipulation mit JavaScript (ca. 4 Tage)

Grundlagen

HTML selektieren

Inhalt und Attribute

Styling

Events, Event-Objekt, Bubbling

Observer

– Intersection-Observer

– Mutation-Observer

DOM-Elemente anlegen, kopieren, verschieben, löschen

AJAX (ca. 1 Tag)

Einführung

Funktionsweise

Voraussetzungen

HTTP-Anfragen

XMLHttpRequest-Objekt

Web Services

– JSON

– XML

Frameworks/Libraries (ca. 2 Tage)

Eigene Bibliothek erstellen

jQuery

Verwendung von jQuery und Ajax in WebStorm

Projektarbeit (ca. 6 Tage)

Zur Vertiefung der gelernten Inhalte

Präsentation der Projektergebnisse

Ziel der Qualifikation ist der Erwerb umfassender Kenntnisse im Bereich Webdesign, Programmierung und Online-Marketing. Die Teilnehmenden erarbeiten sich grundlegende und weiterführende Kompetenzen zur Gestaltung moderner Webseiten mit HTML, CSS sowie dem Einsatz von Adobe Dreamweaver. Sie lernen das HTML-Grundgerüst kennen und wenden verschiedene Tags zur Textstrukturierung und Formatierung an. Weitere Inhalte sind die Einbindung von Grafiken, die Aufbereitung von Bildern in Photoshop, das Setzen von Verlinkungen sowie der Einsatz von Formularen, Tabellen und multimedialen Inhalten wie Videos, Audios, YouTube- oder Google-Maps-Elementen. Auch die Unterschiede zwischen HTML und XHTML werden vermittelt.

Im Bereich CSS wird die Gestaltung von Webseiten systematisch aufgebaut. Die Einbindung von CSS (intern, extern, inline), die Textgestaltung, Farbverläufe, Abstände, Ränder, Hintergrundgestaltung, float- und Flexbox-Layouts sowie das Arbeiten mit Pseudoklassen und -elementen gehören ebenso zum Lernziel wie moderne Layouttechniken mit CSS-Grid und der gezielte Einsatz von Transitionen, Transformationen und Positionierungsmodellen. Die Umsetzung responsiver Designs wird mit Hilfe von Media Queries, Breakpoints, mobiler Navigation, One-Page-Strukturen und interaktiven Elementen wie Burger-Menüs oder Dropdowns geübt.

JavaScript bildet einen weiteren Schwerpunkt. Die Teilnehmenden lernen, Anwendungen in Webseiten zu integrieren, grundlegende Programmierlogik mit Variablen, Kontrollstrukturen, Arrays, DOM-Manipulation, Eventhandling, Observern, sowie Funktionen wie Scrollverhalten, Sticky-Menüs oder Formulare dynamisch umzusetzen. Der Einsatz von jQuery und AJAX wird ebenso behandelt wie moderne Techniken zur Datenverarbeitung (JSON, XML), lokale Datenspeicherung und Fehlerbehandlung.

Ein weiterer Schwerpunkt liegt auf dem Thema Suchmaschinenoptimierung (SEO). Die Teilnehmenden lernen, Inhalte gezielt auf Suchmaschinen auszurichten, Keyword-Recherchen durchzuführen, Rich Snippets und strukturierte Daten einzusetzen, Meta-Tags zu nutzen und typische SEO-Fehler wie Duplicate Content zu vermeiden. Sie erarbeiten sich außerdem ein Verständnis für technische SEO-Aspekte (Ladezeiten, Barrierefreiheit, robots.txt, Sicherheitsaspekte) und setzen sich mit der Erfolgskontrolle (z. B. Google Search Console, Sichtbarkeitsindex) sowie den Grundlagen von Google Ads auseinander.

In der Webanalyse werden die Ziele und Methoden der Datenerhebung vermittelt. Dazu gehören die Einrichtung von Google Analytics 4, die Arbeit mit Echtzeit- und Zielgruppenberichten, Event-Tracking, Besucherverhalten und die Nutzung des Google Tag Managers unter Einhaltung datenschutzrechtlicher Bestimmungen.

Wiederkehrend wird der Einsatz künstlicher Intelligenz (KI) im beruflichen Kontext beleuchtet. Die Teilnehmenden lernen konkrete KI-Technologien und deren Anwendungsmöglichkeiten im Arbeitsalltag kennen.

Die Programmierung mit PHP umfasst die Grundlagen der Syntax, Kontrollstrukturen, Funktionen, Formularverarbeitung sowie die Datenbankanbindung mit MySQL. Objektorientierte Programmierung wird durch die Arbeit mit Klassen, Methoden, Vererbung, Interfaces und Fehlerbehandlung vertieft. Zusätzlich wird das PHP-Framework Laravel eingesetzt, um moderne Webanwendungen mit MVC-Struktur, Datenbankabfragen und Ausgabetemplates zu entwickeln.

Projektarbeiten dienen der praktischen Anwendung und Vertiefung des erlernten Wissens. In selbstständig geplanten Projekten werden Design, Funktionalität und Optimierung realisiert und präsentiert. Die Vorbereitung auf Zertifizierungen – wie z. B. „Certified PHP Developer“ – schließt die Qualifikation ab.

Der Lehrgang richtet sich an kreative und technische Fachkräfte, die sich intensiv mit der Planung, Gestaltung und Umsetzung professioneller Webauftritte beschäftigen möchten. Angesprochen sind unter anderem Webentwickler:innen, UI/UX-Designer:innen, Mediengestalter:innen, Grafikdesigner:innen, Social-Media-Manager:innen sowie Fachleute aus den Bereichen Online-Marketing, Redaktion, Journalismus und Kunst. Auch Personen, die in ihrem beruflichen Umfeld Webprojekte konzipieren und realisieren oder grundlegende Programmierkenntnisse erwerben möchten, profitieren von dieser Weiterbildung.

Als Web Engineer entwickelst und betreust Du professionelle Webseiten und Webanwendungen – vom ersten Konzept bis zum Livegang und darüber hinaus. Du arbeitest sowohl im Frontend (z. B. mit HTML, CSS, JavaScript) als auch im Backend (z. B. mit PHP, MySQL, Laravel oder anderen Frameworks). Dabei sorgst Du dafür, dass Design, Funktionalität und Usability perfekt aufeinander abgestimmt sind.

Ein zentraler Bestandteil Deiner Arbeit ist die Optimierung für Suchmaschinen (SEO). Du achtest auf sauberen Code, schnelle Ladezeiten (Pagespeed), sinnvolle Meta-Tags, strukturierte Daten und ein durchdachtes Responsive Design, das auf allen Geräten funktioniert. Du analysierst mithilfe von Webanalyse-Tools wie Google Analytics oder der Google Search Console, wie Nutzer:innen mit der Website interagieren – und passt Inhalte und Technik entsprechend an.

Neben der technischen Umsetzung bist Du auch für Sicherheit (z. B. HTTPS, Cookie-Hinweise), Barrierefreiheit und die Integration externer Dienste (z. B. YouTube, Google Maps) zuständig. Du arbeitest häufig im Team mit Designer:innen, Redakteur:innen oder Online-Marketing-Expert:innen zusammen und setzt Projekte agil um – oft mit Versionskontrolle, Testumgebungen und Continuous Deployment.

Zusätzlich kann der Einsatz von Künstlicher Intelligenz (KI) eine Rolle spielen – etwa zur Automatisierung von Code, Optimierung von Content oder Personalisierung von Benutzererlebnissen.

Ein Fernstudium zum Web Engineer vermittelt Dir fundiertes Wissen in Webentwicklung, Frontend- und Backend-Technologien sowie Suchmaschinenoptimierung (SEO) – wichtige Fähigkeiten, die in der digitalen Arbeitswelt stark gefragt sind. Du lernst, professionelle Webseiten und Webanwendungen mit HTML, CSS, JavaScript und PHP zu gestalten und zu programmieren.

Zudem wirst Du sicher im Umgang mit modernen Frameworks wie Laravel und kannst Datenbanken effizient einsetzen. Das Studium schärft Dein Verständnis für Responsive Design, Pagespeed-Optimierung, Usability und Barrierefreiheit, damit Deine Webseiten auf allen Geräten überzeugen und gleichzeitig die Anforderungen von Suchmaschinen erfüllen.

Darüber hinaus bekommst Du praxisnahes Know-how in der Webanalyse mit Tools wie Google Analytics und der Google Search Console. Dadurch kannst Du Nutzerverhalten analysieren und gezielt Optimierungen vornehmen, die Deine Sichtbarkeit im Netz verbessern.

Mit diesen Kompetenzen eröffnen sich Dir vielfältige Berufschancen – ob als Web Developer, Frontend- oder Backend-Engineer, SEO-Spezialist oder in interdisziplinären Teams. Du bist bestens vorbereitet, um moderne, performante und suchmaschinenoptimierte Webprojekte zu realisieren und Dich dauerhaft im wachsenden IT- und Digitalmarkt zu positionieren.

Das Gehalt als Web Engineer hängt von verschiedenen Faktoren ab, wie Berufserfahrung, Qualifikation, Region und Unternehmensgröße. Im Durchschnitt liegt das Einstiegsgehalt für Web Engineers meist zwischen 35.000 und 45.000 Euro brutto im Jahr. Mit wachsender Erfahrung und Spezialisierung, etwa in Frontend- und Backend-Entwicklung, Suchmaschinenoptimierung (SEO) oder dem Umgang mit modernen Frameworks wie Laravel, kann das Gehalt auf 60.000 Euro und mehr ansteigen.

Zudem spielen Kenntnisse in Responsive Design, JavaScript, PHP, Datenbanken und Webanalyse eine wichtige Rolle, da sie die Wertschöpfung im Unternehmen steigern. In größeren Städten oder bei spezialisierten Agenturen und IT-Firmen sind höhere Gehälter üblich. Auch Zusatzqualifikationen, wie Zertifizierungen im Bereich SEO oder Webentwicklung, können das Einkommen positiv beeinflussen.