Webdesign und PHP Developer

Dieser Lehrgang vermittelt dir den kompletten Workflow für ein modernes Webdesign mit den Schwerpunkten HTML, CSS und Dreamweaver. Er behandelt zudem die Erstellung dynamischer Webseiten mit MySQL und PHP. Zudem erfährst du, wie Künstliche Intelligenz im Beruf eingesetzt wird.

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

PHP Developer: Objektorientierung und Laravel-Framework

Grundlagen (ca. 5 Tage)

Einrichten einer Entwicklungsumgebung
Grundlagen der Syntax
Typen, Variablen, Konstanten (insbesondere Arrays und Strings)
Ausdrücke, Operatoren, Kontrollstrukturen, Funktionen

Künstliche Intelligenz (KI) im Arbeitsprozess

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

Webkontext (ca. 3 Tage)

GET- und POST-Anfragen
Cookies und Sessions
Formulare und Validierung (z. B. Kontaktformular)
Ausgabe von dynamischen Inhalten (z. B. Ergebnis einer Rechenaufgabe ausgeben)

Interaktion und Risiko (ca. 2 Tage)

Fehlermeldungen, Logging und Debugging
Sicherheitsaspekte (Sanitization, Code Injection)

Datenbanken (ca. 4 Tage)

Grundlagen von SQL-Datenbanken
PHP und MySQL (Verbindungsaufbau, einfache Datenbankoperationen)
Eingabe und Ausgabe von Datenbankinhalten auf einer Webseite

PHP Frameworks (ca. 1 Tag)

Was ist ein PHP Framework?
Vorteile eines PHP Frameworks
Aktuelle PHP Frameworks (Laravel, Symfony, Codelgniter, etc.)

Projektvorbereitung (ca. 1 Tag)

Planung und Strukturierung von PHP-Projekten

Projektarbeit (ca. 4 Tage)

Zur Vertiefung der gelernten Inhalte
Präsentation der Projektergebnisse

Objektorientierte Programmierung (ca. 5 Tage)

Grundlagen der objektorientierten Programmierung
Klassen, Objekte, Methoden und Eigenschaften
Constructor/Destructor, magische Methoden
Debugging von Objekten
Komplexe Objektstrukturen (Verschachtelung)
Vererbung, Polymorphie, abstrakte Klassen, abstrakte Methoden
Interfaces
Objektstrukturen in relationale Datenbanken abbilden, Objekte aus relationalen Datenstrukturen erzeugen
Statische Methoden
Automation, Traits
Ausnahmebehandlung
ClassLoader

Nutzung eines modernen Frameworks (ca. 5 Tage)

Einführung in das PHP-Framework Laravel
Aufsetzen eines Laravel-Projekts
Applikationsrouten mit Parametern und Anforderungen
Verwendung von Controllern
Verwendung von Ausgabetemplates
Datenbankabfragen (CRUD-Operationen mit Doctrine ORM)

Beispielwebseite erstellen (ca. 5 Tage)

Planen und Umsetzen einer Internetanwendung

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

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