Kursbeschreibung

Du kennst den Workflow für ein modernes Webdesign und benutzerfreundliche Webseiten: HTML, CSS und Dreamweaver, die Anwendung von JavaScript/Ajax und PHP/MySQL sind dir vertraut. Auch weißt du anhand von SEO- und SEM-Tools die Performance von Webseiten erfolgreich zu gestalten und zu messen sowie Künstliche Intelligenz (KI) in deinem Beruf einzusetzen.

Webdesign mit HTML, CSS und Dreamweaver

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



Fachwissen SEM Marketing

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)



Grundlagen Javascript/Ajax

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



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

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

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

Projektvorbereitung und Planung (ca. 1 Tag)
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
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, Blade-Templates
Eloquent ORM und Datenbankmigrationen
RESTful API-Entwicklung
Caching und Performance-Optimierung

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.