Einstieg Webprogrammierung für Webdesigner – Weiterbildung

Solide JavaScript-Kenntnisse werden im Webdesign heute vorausgesetzt, denn Bibliotheken und Datenbanken kommunizieren häufig auf Basis dieser Sprache, und interaktive Elemente gehören zu jeder modernen Website. Diese Weiterbildung vermittelt Webdesignerinnen und Webdesignern den Einstieg in die Webprogrammierung: Teilnehmende erwerben fortgeschrittene Kenntnisse in JavaScript, mit denen Sie bestehende Plugins verstehen und nach eigenen Anforderungen anpassen können, etwa bei Slideshows oder Formularen. Darüber hinaus lernen Sie mit PHP die serverseitige Programmierung kennen und setzen mit Ajax dynamische Formulare um. So machen Sie den Schritt von rein gestalteten, statischen Seiten zu interaktiven und datengestützten Webauftritten und erweitern Ihr gestalterisches Profil um technische Tiefe.

Der Kurs führt schrittweise von der clientseitigen Interaktivität mit JavaScript und jQuery zur serverseitigen Logik mit PHP und Ajax. Jede Technik wird an konkreten Beispielen geübt und am Ende in einem eigenen Projekt zusammengeführt. Den Einstieg bildet die Einrichtung der Arbeitsumgebung.

• Einrichtung von Dreamweaver und Sitedefinition für JavaScript
• Vorstellung eines eigenen Servers
• Einbindung der jQuery-Programmierung

Den Kern bildet die Programmierung mit JavaScript.

• Variablen, Stringverknüpfung, Schleifen, Funktionen und Arrays
• Abfangen von Ereignissen und Adressierung von HTML-Elementen
• Dynamisches Ändern von Stil-Eigenschaften und Inhalten
• Erstellung eigener Funktionen

Darauf aufbauend nutzen Sie die Bibliothek jQuery zur Vereinfachung.

• Adressierung von HTML-Elementen mit jQuery
• Anwendung von jQuery-Funktionen
• Anpassung bestehender Plugins, etwa für Slideshows

Den serverseitigen Schwerpunkt bildet die Programmierung mit PHP.

• Installation von XAMPP und lokale Site-Erstellung in Dreamweaver
• Unterschiede zwischen lokalem HTML und per PHP erzeugtem HTML
• PHP-Programmierung mit Schleifen und Arrays
• Unterschiede zu JavaScript bei der Variablendefinition sowie Umgebungsvariablen

Den praktischen Abschluss bilden Formulare und ein eigenes Projekt.

• Klassisches Formular: HTML-Formular, Versand per Submit, Auswertung mit PHP und E-Mail-Versand
• Formular mit Ajax: Einrichtung, Datei-Upload, Auswertung und Rückgabe aus PHP
• Projekterstellung mit Präsentation einer modifizierten eigenen Homepage

Im Verlauf verbinden sich die einzelnen Techniken zu einem vollständigen Bild davon, wie eine interaktive, datengestützte Website funktioniert. Ein wichtiger Lerneffekt ist, dass Sie bestehende Lösungen nicht nur übernehmen, sondern verstehen und anpassen können, weil Sie sowohl die clientseitige als auch die serverseitige Seite kennen. Damit die Techniken zusammenfinden, setzen Sie am Ende ein eigenes Projekt um und durchlaufen dabei die typischen Schritte einer interaktiven, datengestützten Seite.

• Einrichten der lokalen Entwicklungsumgebung mit XAMPP
• Anlegen der Site-Struktur in Dreamweaver
• Ergänzen einer statischen Seite um interaktive JavaScript-Elemente
• Reagieren auf Klicks und Eingaben über die Ereignisbehandlung
• Dynamisches Ändern von Inhalten und Stilen im Browser
• Einbinden und Anpassen einer jQuery-basierten Slideshow
• Erstellen eines HTML-Formulars für Benutzereingaben
• Auswerten des Formulars serverseitig mit PHP
• Versenden einer E-Mail aus dem Formular heraus
• Umsetzen eines Ajax-Formulars mit Datei-Upload
• Verarbeiten der Rückgabe aus PHP ohne Neuladen der Seite
• Präsentieren der fertigen, modifizierten eigenen Homepage

So erleben Sie, wie aus einer gestalteten Seite eine interaktive Anwendung wird, und verstehen das Zusammenspiel von Browser und Server. Genau dieses Verständnis ist die Grundlage, um später auch mit Frameworks und größeren Anwendungen zu arbeiten.

Die Weiterbildung richtet sich an gestalterisch Tätige, die ihre Webauftritte um Interaktivität und serverseitige Logik erweitern möchten.

• Webdesignerinnen und Webdesigner mit gestalterischem Schwerpunkt
• Grafiker und Mediengestalter, die ins Frontend einsteigen wollen
• Marketingfachleute mit Web-Bezug
• Quereinsteiger, die Gestaltung und Programmierung verbinden möchten

Der Kurs ist praxisorientiert: Jede Technik wird erklärt und sofort an Beispielen umgesetzt, die schrittweise zu einem eigenen Projekt zusammenwachsen. Durch das unmittelbare Ausprobieren im Browser und am Server verfestigen sich die Konzepte schneller. Laut den vorliegenden Angebotsdaten wird der Kurs überwiegend als Combined Learning angeboten, also als Mischung aus angeleitetem Unterricht und betreuten Übungsphasen, in der Regel in Vollzeit.

Als fokussierter Kurs ist das Angebot klar umrissen. Die ausgewerteten Termindaten zeigen überwiegend eine Dauer von mehr als einer Woche bis zu einem Monat. Damit eignet sich der Kurs gut als Erweiterung für Webdesigner und als Baustein auf dem Weg zur Frontend- oder Full-Stack-Entwicklung.

Zum Abschluss erhalten Sie in der Regel ein trägerinternes Zertifikat beziehungsweise eine qualifizierte Teilnahmebescheinigung, die die behandelten Inhalte ausweist. Eine staatliche oder herstellerseitige Prüfung ist nicht Teil des Kurses; die konkrete Bezeichnung des Nachweises unterscheidet sich je nach Kursanbieter.

Im Webdesign verschwimmt die Grenze zwischen Gestaltung und Programmierung zunehmend. Wer Seiten nicht nur gestalten, sondern auch interaktiv und dynamisch machen kann, ist deutlich vielseitiger einsetzbar und übernimmt Aufgaben, die rein gestalterisch arbeitende Kolleginnen und Kollegen abgeben müssen. Genau diese Brücke schlägt der Kurs, indem er JavaScript, jQuery, PHP und Ajax verbindet. Besonders wertvoll ist die Fähigkeit, bestehende Plugins und Lösungen zu verstehen und anzupassen, statt von externer Hilfe abhängig zu sein. Das beschleunigt die Arbeit, senkt Kosten und ermöglicht individuelle Ergebnisse. Wer sowohl die clientseitige als auch die serverseitige Seite kennt, kann zudem fundierter mit Entwicklung und Backend zusammenarbeiten. Für Webdesigner ist dieser Schritt eine logische Weiterentwicklung, die neue Aufgabenfelder bis hin zur Frontend- oder Full-Stack-Entwicklung eröffnet.