Web Engineer

Webdesign (HTML/CSS/Visual Studio Code)

HTML und CSS (ca. 6 Tage)
HTML-Einführung
Grundgerüst
Tags zur Texterstellung (h1-h6, p, br, span)
Text-Format-Befehle
Grafiken einbinden
Verlinkungen (Interne‐, Externe‐, Tel.‐, mailto‐ Link)
Favicons
Listen und Tabellen
Richtiger Syntax Aufbau
Überprüfung durch W3C Validierungstool
CSS-Einführung
Einbindungsmöglichkeiten von CSS-Angaben (intern, extern, inline-Style)
Basisbefehle (Textgestaltung, Schriftfarbe, Hintergrundfarbe)
HTML-Container
Nutzung und Styling von Containern
Integration von YouTube und Google-Maps
Video und Audioplayer
Object-fit

VS Code (ca. 1 Tag)
Einführung in VS Code
Zusätzliche Extensions für VS Code. (z. B. Live Server, Emmet Commands, Copilot (KI))
KI-Nutzung in Kombination mit VS Code

Layout-Techniken (ca. 4 Tage)
Klassen, ID`s, Selektoren
Einführung Box-Modell
Padding, margin, border, border-radius und ihre Shorthands
Flex-Box Einführung
Layouts mit Flex-Box
Ausrichtung mit Flexbox
Einführung in Grid System
Layouts mit Grid
Ausrichtung mit Grid System
Bilder mit Text umfließen lassen mit float und clear
Allgemeine display Eigenschaften von Tags
Hintergrundbilder

Status und Wertigkeiten (ca. 1 Tag)
Einführung Pseudoklassen (hover, active, focus, nth-child, first-child, last-child)
Pseudoelemente (::before, ::after, content)
Spezifität (Wertigkeit von Codes)

Positionierung (ca. 2 Tage)
Einführung in Positions
Static, absolute, fixed, sticky, relative
Left, right, top, bottom, z-index
Dropdown Menü’s
:target
:target in Kombination mit Navigationsmenüs und Modalen

Formulare (ca. 2 Tage)
Einführung in Formulare
Fieldset, legend
Inputs, textareas, labels, values, name, selects
Autocomplete
Formulargestaltung mit CSS
Integration von php-script in action mit KI

Effekte und Schriften mit CSS (ca. 1 Tag)
CSS-Übergangseffekte
Transition, filter, transform
Farbverläufe, box-shadow, text-shadow
Schriftintegration mit @font-face

Responsives Webdesign (ca. 2 Tage)
Einführung in responsives Design
Media-Querys, breakpoints
Landscape, portait Modus
Responsive Bilder mit picture und srcsets
Bildbearbeitung, Komprimierung von Bildern
Bilder mit KI generieren

Suchmaschinenoptimierung (ca. 1 Tag)
Einführung in die SEO
On-Page Optimierung und Nutzung von KI-generierten Texten
Performance Optimierung zur Verbesserung der SEO und Vorstellung passender Tools

CSS-Techniken und Interaktion (ca. 2 Tage)
CSS-Variablen
Dark-Mode
Calculation mit CSS
Einführung in CSS-Animationen
Duration, delay, direction, timing-function, iteration-count, fill-mode
Animierter Burger-Button

One-Pager und Multilingualität (ca. 2 Tage)
Einführung One-Pager
Smooth-scroll
Integration fontawesome Bibliothek
Umgang mit SVG-Grafiken
Layer Integration und CSS-Anpassung
Multilinguale Webseiten

Erweiterungen und Frameworks (ca. 1 Tag)
Einführung in Bootstrap
Nutzung von Bootstrap Komponenten
Responsive Design mit Bootstrap

JavaScript (ca. 3 Tage)
Einführung in JavaScript
JavaScript/jQuery Methoden
jQuery Lightbox erstellen
Variablen
If-else Anweisungen
Scroll, window, resize
Arrays
For-Schleife
Math-Object

Gesetzliche Vorgaben und Projektmanagement (ca. 2 Tage)
Internetrecht
Urheberrechte in Bezug auf AI/KI
Barrierefreiheit
Projektmanagement

Projektarbeit (ca. 10 Tage)
Zur Vertiefung der gelernten Inhalte
Präsentation der Projektergebnisse



Fachwissen SEM Marketing

Suchmaschinenoptimierung Grundbegriffe (ca. 3 Tage)
Webbasierte Suchmaschinen
Google Universal Search
Vertikale Suchmaschinen
Suchergebnisseiten (SERPs) und Treffer
Rich Results
Google Knowledge Graph
PageRank
Domain Authority
Google Suchergebnisse/Sucheinstellungen
RankBrain
Social SEO
Sprachsuche/ Conversational Search

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
Inverse Document Frequency (IDF)

Webseitenoptimierung (ca. 3 Tage)
Mobile UX
Meta-Tags/Meta-Description/Meta-Title
Duplicate Content
Semantisches Web/Suche
Strukturierte Daten und deren Bedeutung/Einsatzmöglichkeiten
Ladezeiten prüfen (Core Web Vitals)
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. 2 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 Grundlagen
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

Künstliche Intelligenz (KI) im SEM Marketing (ca. 1 Tag)
Einsatz von KI zur Suchmaschinenoptimierung
Answer Engine Optimization (AEO)
Generative Engine Optimization (GEO)
Generative AI Optimization (GAIO)
Einführung in KI-gestützte Kampagnen

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



JavaScript

JavaScript Grundlagen (ca. 7 Tage)
Einführung in JavaScript, Geschichte, Einsatzbereiche
ECMA-Script-Versionen
Einbinden von JavaScript in HTML
IDE: Installation und Einführung in WebStorm
Sprachelemente: Variablen, Konstanten, Typisierung
Primitive Datentypen: Number, String, Boolean
Collection-Datentypen: Arrays, Objekte
Copy by Reference vs. Copy by Value
Arithmetische und logische Operatoren
Kontrollstrukturen: Bedingungen, Schleifen, Funktionen
Scope, Global Scope, Blockscope
Fehlerbehandlung
Lokales Speichern: Cookies, Webstorage
JSON
ES6-Import/Export
Versionskontrolle mit Git, Einführung in GitHub

DOM-Manipulation mit JavaScript (ca. 5 Tage)
HTML selektieren
Inhalt, Attribute und Styling
Events, Event-Objekt, Bubbling
Intersection-Observer und Mutation-Observer
DOM-Elemente anlegen, kopieren, verschieben, löschen

Frameworks/Libraries (ca. 1 Tag)
Eigene Bibliothek erstellen

AI (ca. 1 Tag)
Vorstellung von konkreten KI-Technologien im beruflichen Umfeld
Künstliche Intelligenz (KI) im Arbeitsprozess
Einbindung von KI in der IDE
Nutzung von KI zur Codevervollständigung, Refactoring und Lernunterstützung

Projektarbeit (ca. 6 Tage)
Zur Vertiefung der gelernten Inhalte
Präsentation der Projektergebnisse



PHP Developer: Objektorientierung und Laravel-Framework

Grundlagen der PHP-Entwicklung (ca. 5 Tage)
Einrichten einer modernen Entwicklungsumgebung
Einführung in Docker für die lokale Entwicklung
Überblick über IDE-Tools (Visual Studio Code, PhpStorm, etc.)
Git-Workflow
PHP-Syntax und Grundkonzepte
Variablen, Datentypen, Konstanten
Arrays und Strings (inkl. neue Funktionen in PHP 8.x)
Ausdrücke, Operatoren, Kontrollstrukturen
Funktionen, anonyme Funktonen und Closures
PHP 8.x Neuerungen
Union Types und Named Arguments
Einführung in Attributes
Composer & Paketmanagement
PSR-Standards

Künstliche Intelligenz (KI) im Arbeitsprozess
Vorstellung von konkreten KI‐Technologien
sowie Anwendungsmöglichkeiten im beruflichen Umfeld

Webentwicklung und Interaktivität (ca. 3 Tage)
HTTP und Formularverarbeitung
GET- und POST Anfragen
Umgang mit Cookies und Sessions
Validierung und Sanitisierung von Benutzereingaben
Dynamische Inhalte und Interaktivität
Ausgabe dynamischer Inhalte (z. B. Nutzerformulare, Rechenaufgaben)
AJAX und JSON-basierte Interaktion
Sicherheit und Fehlerbehandlung
Schutz vor XSS, CSRF und SQL-Injection
Fehlerprotokollierung und Debugging (mit Tool wie Xdebug)

Arbeiten mit Datenbanken (ca. 4 Tage)
SQL und Datenbankgrundlagen
Grundprinzipien von relationalen Datenbanken und MySQL
Datenbankdesign und Normalisierung
PHP und Datenbankintegration
PDO-Verbindung und sichere SQL-Abfragen
Einfache CRUD-Operationen mit MySQL
Eingabe und Ausgabe von Datenbankinhalten auf Webseiten
NoSQL-Datenbanken und moderne Speicherlösungen
Alternative Speicher mit Redis (Caching, Sessions)

PHP-Frameworks (ca. 2 Tage)
Einführung in moderne PHP-Frameworks
Laravel: Einführung, Routing, Controllers und Views
Vorteile der Verwendung von PHP-Frameworks (z. B. Code-Wiederverwendbarkeit, Sicherheit, Modularität)
Werkzeuge für moderne PHP-Entwicklung
Einführung in CI/CD-Pipelines (z. B. GitHub Actions, GitLab CI)
Verwendung von Docker für die Bereitstellung von PHP-Anwendungen
Architektur Einordnung: Monolith vs. Microservices

Projektvorbereitung und Planung (ca. 2 Tage)
Planung eines PHP-Projekts
Strukturierung und Erstellung eines Zeitplans für die Projektarbeit

Projektarbeit (ca. 1 Tag)
Zur Vertiefung der gelernten Inhalte
Präsentation der Projektergebnisse

Objektorientierte Programmierung (ca. 5 Tage)
Grundlagen der OOP in PHP 8.x (klassen, Objekte, Methoden, Eigenschaften)
Constructor Property Promotion, Attributes, Union Types
Vererbung, Polymorphie, Interfaces, Traits
Einführung Design-Patterns (Factory, Strategy)
SOLID-Prinzipien und Dependency Injection
Unit-Tests mit PHPUnit
Ausnahmebehandlung und Debugging

Nutzung eines modernen Frameworks (Laravel) (ca. 5 Tage)
Einführung in Laravel
Routing, Controller, Models, Blade-Templates
Eloquent ORM und Datenbankmigrationen
RESTful API-Entwicklung
Caching und Performance-Optimierung
Erstellung von Artisan Commands
Events, Listener und Broadcasting (Laravel Echo)
Queues und Jobs (+ Laravel Horizon)
Notifications und Mail
Sanctum + Passport (Token-Auth für SPAs und APIs)
API-Ressources und Rate Limiting

Beispielwebseite erstellen (ca. 5 Tage)
Planen und Umsetzen einer modernen Webanwendung
Integration von APIs und Frontend-Frameworks
Responsive Design mit Tailwind CSS oder Bootstrap
Deployment mit Docker

Projektarbeit, Zertifizierungsvorbereitung und Zertifizierungsprüfung „Certified PHP Developer“ (ca. 5 Tage)



Änderungen möglich, die Lehrgangsinhalte werden regelmäßig aktualisiert.