Web Engineer

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

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 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

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 & Broadcasting (Laravel Echo)

Queues & Jobs (+ Laravel Horizon)

Notifications & Mail

Sanctum + Passport (Token-Auth für SPAs und APIs)

API-Ressources & 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)