-
Abschlussart: Zertifikat „Webdesign mit HTML, CSS und Visual Studio Code“
Zertifikat „Grundlagen PHP/MySQL“
Zertifikat „JavaScript“ -
Abschlussprüfung: Praxisbezogene Projektarbeiten mit Abschlusspräsentationen
-
Unterrichtszeiten: VollzeitMontag bis Freitag von 8:30 bis 15:35 Uhr (in Wochen mit Feiertagen von 8:30 bis 17:10 Uhr)
-
Dauer: 16 Wochen
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
Grundlagen PHP/MySQL
Grundlagen der PHP-Entwicklung (ca. 5 Tage)
Einrichten einer modernen Entwicklungsumgebung
Einführung in Docker für die lokale Entwicklung
Überblick üder 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 Funktionen 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 Tools 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. 3 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. 4 Tage)
Zur Vertiefung der gelernten Inhalte
Präsentation der Projektergebnisse
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
Änderungen möglich. Die Lehrgangsinhalte werden regelmäßig aktualisiert.
Du kennst den kompletten Workflow für ein modernes Webdesign und produzierst benutzerfreundliche und anspruchsvolle Webseiten.
Zudem verfügst du nach diesem Lehrgang über grundlegende Kenntnisse in der Anwendung von JavaScript und Ajax.
Wenn du den Lehrgang abgeschlossen hast, beherrschst du außerdem die Grundlagen der Skriptsprache PHP und des Datenbanksystems MySQL.
Webdesigner:innen, Webprogrammierer:innen, Grafiker:innen, Mediengestalter:innen, Fachkräfte aus künstlerischen Berufen oder Personen, die bei der Konzipierung, Gestaltung und praktischen Umsetzung von Internet-Auftritten verantwortlich mitwirken und die dafür notwendigen Kenntnisse und Fähigkeiten erwerben wollen.
Nahezu alle Unternehmen setzen heutzutage auf einen attraktiven Internetauftritt, der sie als Unternehmen repräsentiert. Als zukünftige Arbeitgeber:innen kommen vor allem Grafik-, Werbe-, Web-, Multimedia- oder Fullservice-Agenturen, aber auch Software- und Datenbankanbieter in Frage. Kenntnisse im Bereich Webdesign werden in nahezu allen Branchen gefordert. Mit entsprechendem Knowhow ist auch die berufliche Selbstständigkeit eine interessante Perspektive.
Dein aussagekräftiges Zertifikat gibt detaillierten Einblick in deine erworbenen Qualifikationen und verbessert deine beruflichen Chancen.
Didaktisches Konzept
Deine Dozierenden sind sowohl fachlich als auch didaktisch hoch qualifiziert und werden dich vom ersten bis zum letzten Tag unterrichten (kein Selbstlernsystem).
Du lernst in effektiven Kleingruppen. Die Kurse bestehen in der Regel aus 6 bis 25 Teilnehmenden. Der allgemeine Unterricht wird in allen Kursmodulen durch zahlreiche praxisbezogene Übungen ergänzt. Die Übungsphase ist ein wichtiger Bestandteil des Unterrichts, denn in dieser Zeit verarbeitest du das neu Erlernte und erlangst Sicherheit und Routine in der Anwendung. Im letzten Abschnitt des Lehrgangs findet eine Projektarbeit, eine Fallstudie oder eine Abschlussprüfung statt.
Virtueller Klassenraum alfaview®
Der Unterricht findet über die moderne Videotechnik alfaview® statt - entweder bequem von zu Hause oder bei uns im Bildungszentrum. Über alfaview® kann sich der gesamte Kurs face-to-face sehen, in lippensynchroner Sprachqualität miteinander kommunizieren und an gemeinsamen Projekten arbeiten. Du kannst selbstverständlich auch deine zugeschalteten Trainer:innen jederzeit live sehen, mit diesen sprechen und du wirst während der gesamten Kursdauer von deinen Dozierenden in Echtzeit unterrichtet. Der Unterricht ist kein E-Learning, sondern echter Live-Präsenzunterricht über Videotechnik.
Die Lehrgänge bei alfatraining werden von der Agentur für Arbeit gefördert und sind nach der Zulassungsverordnung AZAV zertifiziert. Bei der Einreichung eines Bildungsgutscheines oder eines Aktivierungs- und Vermittlungsgutscheines werden in der Regel die gesamten Lehrgangskosten von deiner Förderstelle übernommen.
Eine Förderung ist auch über den Europäischen Sozialfonds (ESF), die Deutsche Rentenversicherung (DRV) oder über regionale Förderprogramme möglich. Als Zeitsoldat:in besteht die Möglichkeit, Weiterbildungen über den Berufsförderungsdienst (BFD) zu besuchen. Auch Firmen können ihre Mitarbeiter:innen über eine Förderung der Agentur für Arbeit (Qualifizierungschancengesetz) qualifizieren lassen.