Diplomlehrgang KI-powered Frontenddevelopment mit HTML, CSS und JavaScript: Moderne Weboberflächen professionell entwickeln und KI gezielt einsetzen -
Institut: Berufsförderungsinstitut (BFI) - WienBereich: Kunst, Design, Gestaltung
Kursbeschreibung
Modul 1 | Webdesign mit HTML und CSS- Was ist HTML? Was ist CSS?- HTML-Editoren, arbeiten im Editor- Block- und Inlineelemente- Listen, Tabellen- Hyperlinks und Grafiken einbinden- Meta-Angaben- Formulare- Grundlagen SEO- Multimediaelemente (Video, Sound, YouTube,…)- CSS-Syntax & Selektoren- CSS-Vererbung & Kasskade- Formatierung von HTML-Elementen (Schriften, Farben, Textformate,Positionierungen,….)- CSS-Achsen- Maßeinheiten, Abmessungen- CSS-Box-Modell- Webhosting und Domain-Registrierung- Webseite veröffentlichen (FTP)- Barrierefreiheit im Web- usability & performance- rechtliche Grundlagen- Semantik in HTML/CSS- Moderne Layouts mit Flexbox und CSS Grid- Responsive Webdesign für unterschiedliche Endgeräte- Arbeiten mit CSS-Variablen (Custom Properties)- Fortgeschrittene Selektoren und CSS-Techniken- Übergänge, Transformationen und Animationen mit CSSModul 2 | JavaScript Grundlagen- Grundlagen der Programmierung- Entwicklungsumgebung & Laufzeitumgebung- ECMAScript- Syntax- Variablen & Konstanten- Scoping- Datentypen- Operatoren- Funktionen- Arrays & Objekte- mathematische Funktionen- Conditions & Loops- Debugging- Eventhandling- DOM-Traversing- DOM-Manipulation- Datum & Zeit- Formular-Verarbeitung- Dynamic elements- Web animations- JavaScript Bibliotheken & Frameworks- praxis bezogene Übungen- produktiver coden mit KI-Assistenten- Tipps & TricksModul 3 | AI-Power für Frontend-Developer- KI-Assistenz- Model-Auswahl- Integration externer oder lokaler LLM- Prompt-Engineering- KI-Workflow- KI-gestütztes Debugging- Ask / Plan / Agent- Loop Engineering- Markdown- Instructions (global, projektspezifisch)- Memory- Custom AI Agents für individuelle Use Cases- Agent Skills- Multi-Agent-Workflows- Vibe-Coding / Vibe Engineering- MCP (Model Context Protokol) Grundlagen- RAG (Retrieval-Augmented Generation.) Grundlagen- KI-gestützte Dokumentation- Copilot-CLI Grundlagen- Token-optimierte Nutzung- Datenschutz & SicherheitModul 4 | JavaScript Aufbau- Moderne JavaScript-Syntax (ES6+)- Arrow Functions- Template Literals- Callback Functions- Closures- Array-Funktionen- Method Chaining- Event Delegation- Throttling- Debouncing- Local Storages und Cookies- Objekte, Prototypen und Klassen- OOP- ES Module- Asynchrones JavaScript- AJAX und Fetch API- Arbeiten mit APIs und JSON- Browser APIs & Web Storage- Geolocation API- Canvas- Strukturierung von Benutzeroberflächen nach Komponentenprinzip- Rendering-Funktionen- npm & modernes Frontend-Tooling- Code-Bundling- JS Bibliotheken/Frameworks (z.B.: React)
Modul 1 | Webdesign mit HTML und CSS- Was ist HTML? Was ist CSS?- HTML-Editoren, arbeiten im Editor- Block- und Inlineelemente- Listen, Tabellen- Hyperlinks und Grafiken einbinden- Meta-Angaben- Formulare- Grundlagen SEO- Multimediaelemente (Video, Sound, YouTube,…)- CSS-Syntax & Selektoren- CSS-Vererbung & Kasskade- Formatierung von HTML-Elementen (Schriften, Farben, Textformate,Positionierungen,….)- CSS-Achsen- Maßeinheiten, Abmessungen- CSS-Box-Modell- Webhosting und Domain-Registrierung- Webseite veröffentlichen (FTP)- Barrierefreiheit im Web- usability & performance- rechtliche Grundlagen- Semantik in HTML/CSS- Moderne Layouts mit Flexbox und CSS Grid- Responsive Webdesign für unterschiedliche Endgeräte- Arbeiten mit CSS-Variablen (Custom Properties)- Fortgeschrittene Selektoren und CSS-Techniken- Übergänge, Transformationen und Animationen mit CSSModul 2 | JavaScript Grundlagen- Grundlagen der Programmierung- Entwicklungsumgebung & Laufzeitumgebung- ECMAScript- Syntax- Variablen & Konstanten- Scoping- Datentypen- Operatoren- Funktionen- Arrays & Objekte- mathematische Funktionen- Conditions & Loops- Debugging- Eventhandling- DOM-Traversing- DOM-Manipulation- Datum & Zeit- Formular-Verarbeitung- Dynamic elements- Web animations- JavaScript Bibliotheken & Frameworks- praxis bezogene Übungen- produktiver coden mit KI-Assistenten- Tipps & TricksModul 3 | AI-Power für Frontend-Developer- KI-Assistenz- Model-Auswahl- Integration externer oder lokaler LLM- Prompt-Engineering- KI-Workflow- KI-gestütztes Debugging- Ask / Plan / Agent- Loop Engineering- Markdown- Instructions (global, projektspezifisch)- Memory- Custom AI Agents für individuelle Use Cases- Agent Skills- Multi-Agent-Workflows- Vibe-Coding / Vibe Engineering- MCP (Model Context Protokol) Grundla…
mehrweniger lesen
Beginn
29.09.2026
Ende
09.12.2026
Uhrzeit
Di-Do 08:30-15:30 (Detailstundenplan beachten!)
Dauer
177.00 UE
Ort
Online | Zugangslink wird zeitnah versandt , ,
E-Mail
Kontakt
Servicecenter: 01 / 81178 - 10100
Ort
BFI Wien
Straße
Alfred-Dallinger-Platz 1
PLZ
1030
Ort
Wien
Land
Österreich
Bundesland
Wien
Fax
01/811 78 - 10111
Gute PC- und Internet- AnwenderkenntnisseGrundlegende Tastaturkenntnisse und sicherer Umgang mit Maus und TastaturGrundkenntnisse in Englisch von VorteilPC/Laptop, Mikrofon + Lautsprecher (bzw. Headset), Webcamstabile InternetverbindungBitte beachten SieDieses Seminar findet virtuell (online, live mit Trainerin) statt. Sie erhalten alle weiteren Infos und den Zugang zur Webplattform rechtzeitig vor Kursbeginn per E-Mail!Welche Software bei diesem Kurs verwendet wird, teilen Ihnen die Trainer:innen rechtzeitig vor Kursbeginn per E-Mail mit.Für einen nachhaltigen Lernerfolg ist die eigenständige Vertiefung der Kursinhalte außerhalb der Unterrichtszeiten notwendig. Dafür, ebenso wie für die Abschlussarbeit sollte ein zusätzlicher Lernaufwand von etwa 8–16 Stunden pro Woche eingeplantwerden.Zusätzliche Kosten: Für die aktive Teilnahme an den KI-gestützten Übungen wird ein GitHub-Copilot-Abonnement, bzw. Antrophic-Claude-API-Key benötigt. Die Lizenzkosten sind nicht Bestandteil des Kurspreises und werden direkt vom Anbieter abgerechnet.(Aktuell ca. 10–40 EUR, abhängig vom gewählten Tarif).Details erhalten Sie rechtzeitig von der Trainer:innen.
Ziele
Webdesign und Frontendentwicklung vereinen heute Kreativität, Handwerk und Künstliche Intelligenz zu einem zukunftsweisenden Kompetenzfeld der digitalen Wirtschaft.Dieser praxisnahe Diplomlehrgang vermittelt Ihnen alle notwendigen Kompetenzen für die Entwicklung moderner Websites und interaktiver Webanwendungen. Die Ausbildung führt Sie Schritt für Schritt von den Grundlagen modernen Webdesigns über die Grundlagen der Programmierung und JavaScript bis hin zur professionellen Frontendentwicklung.Ein besonderer Schwerpunkt liegt auf dem Einsatz moderner KI-Werkzeuge im Entwicklungsprozess sowie auf deren projektspezifische Anpassung.Zahlreiche Praxisübungen und Projektarbeiten vermitteln Ihnen ein umfassendes Verständnis für die moderne Frontendentwicklung.
Zielgruppe
Der Lehrgang richtet sich an Personen, die eine umfassende Ausbildung im Bereich Webdesign und Frontendentwicklung absolvieren möchten und dabei moderne KI-Werkzeuge professionell einsetzen wollen.Angesprochen werden insbesondere:- Einsteiger und Quereinsteiger mit Interesse an Webentwicklung- Webdesigner:innen, die ihre technischen Kenntnisse bis hin zur modernen Frontendentwicklung ausbauen möchten- Personen aus Marketing, Medien und Kommunikation, die professionelle Websites erstellen möchten- IT-interessierte Personen, die den Einstieg in die Software- und Webentwicklung suchen- Entwickler:innen, die ihre Kenntnisse um moderne KI-gestützte Entwicklungsprozesse erweitern möchten
Zertifikat(e)
Ja, bei Erfüllung aller erforderlichen Voraussetzungen
Kosten
€ 4.300
Ratenzahlung möglich
Ratenzahlung möglich
Förderungen
Bitte wenden Sie sich an Ihre/n BeraterIn. Informationen über andere Fördermöglichkeiten finden Sie unter www.bfi.wien
Kursnummer
26BTDE0358
Plätze
12
Diese Kurse könnten Sie auch interessieren ...
Uber Weiterbildungsvorschläge
Erste Schritte ins Musizieren (1,5-3 Jahre + Begleitung) zum Kennenlernen
Erste Schritte ins Musizieren (3-5 Jahre + Begleitung) zum Kennenlernen
Erste Schritte ins Musizieren (10-18 Monate + Begleitung) zum Kennenlernen
Nähen kurz & kompakt – Anfänger*innen
Reparatur-Café in der VHS Hernals
Block Printing: Stempelschnitzen zum Kennenlernen
Block Printing: Stempelschnitzen zum Kennenlernen
Klavier (2 x 25 min)
Gitarre, E-Gitarre (1 x 25 min) mit Heimvorteil
EK 7 - Synthesen, Imitationen, Kunstprodukte
Do it yourself! Fliesen legen
Buchbinden
Ausbildung Fotodesigner / Fotodesignerin Wien oder Online
Unverbindlicher online Infoabend der LIK Akademie für Foto und Design
Unverbindlicher online Infoabend der LIK Akademie für Foto und Design
Character-Design und Comic-Figuren zeichnen
Intensivkurs Töpferscheibe & Handaufbautechniken
Online Infoabend zur Weiterbildung während der Weiterbildungszeit/Weiterbildungsteilzeit an der LIK Akademie für Foto und Design
Registerprobe VOCALgeSTÖBER: Alle Stimmlagen
Siebdruck für den Hausgebrauch
Gitarre, Ukulele, E-Gitarre (7 x 25 min)
Klavier / E-Piano (1 x 25 min)
Neu als Führungskraft! Souveräner Start in eine neue Rolle -
Informationsveranstaltung Meisterkurs Damenkleidermacher
Ausbildung Fotografie, Film und Mediendesign
Online Ausbildung Fotografie, Film und Mediendesign
Kleidertausch-Party
Ausbildung zum/zur freiberuflichen Heilmasseur:in - Informationsveranstaltung
Berufsausbildung Grafikdesign, Fotografie, Mediendesign und Film
Ausbildung zum/zur Gewerblichen und Medizinischen Masseur:in - Informationsveranstaltung
Klavier, Gesang (1 x 25 min) zum Kennenlernen
Porträtzeichnen – Menschen skizzieren
Nähen ausprobieren – Anfänger*innen
Ausbildung Fotografie, Film und Mediendesign
Farbenlehre: Farbharmonien und -kontraste
Nähmaschinen- und Materialkunde – Nähstarter*innen
DRAW & PAINT – Kreative-Space für Alle
Elementares Musizieren (10-18 Monate) mit Begleitung
Elementares Musizieren (1,5-3 Jahre) mit Begleitung
Arbeitsgemeinschaft Autorinnen*
Radio & Podcast
Gitarre, Ukulele, Chromatische Mundharmonika (7 x 25 min)
Blockflöte (7 x 25 min) mit Heimvorteil
Content Management & SEO Diplomlehrgang ⭐️ Suchmaschinenoptimierung (SEO), Newsletter, Webshop, KI
Digital Content Management & SEO Diplomlehrgang ⭐️ Suchmaschinenoptimierung (SEO), Newsletter, Webshop, Texten für Social Media , KI, ChatGPT, Gemini & Claude
Digital Content Management ⭐️ Social Media Marketing, Content Marketing, SEO, SEM, KI - Diplom!
Diplomlehrgang ⭐️ Content-Management & SEO - Texten für Web & Social Media - Bild-Bearbeitung, Newsletter, Webshop, Marketing, Google, KI
WordPress ⭐️ Webdesign: Deine eigene Website! Suchmaschinenoptimiert (SEO) inkl. Google, Webshop, ChatGPT, Gemini & Claude!
Webdesign: Deine eigene Website! Suchmaschinenoptimiert (SEO) inkl. Google, Webshop, ChatGPT, Gemini & Claude!
PAPIERarbeiter*in
Gitarre ausprobieren für Jugendliche und Erwachsene
Auf die Bühne! Theater-Schnupperkurs
Die Shadow-Wrap-Ferse stricken – Fortgeschrittene
Analoge Fotografie - Ausstellung erarbeiten
Vocational training in photography, film and media design
Klavier und Keyboard (1x 25 Min) zum Kennenlernen
Einführung in das Elektroden und Schutzgasschweißen mit Stahl
UX/UI-Design mit Figma (KI)-Lehrgang
Besprechung/Vorspiel-Termin für Streichensemble und Streichquartett
Nähen zum Kennenlernen
Experimentelle Aquarellmalerei
Gitarre ausprobieren für Kinder (5-12 Jahre)
Gitarre (1x 25 min)
Workshop Handy-Fotografie
Blockflöte (7 x 25 min) mit Heimvorteil
Urban Nature – Landschaft fotografisch entdecken mit dem Smartphone
Upcycle T-Shirts zu Slips
Aquarell ganz originell – ausprobieren
Experimentelle Fotografie
Gitarre, Ukulele, Chromatische Mundharmonika (7 x 25 min)
Klavier und Gesang (7 x 25 min)
Textildruck: Eco- & Medium-Print
Gitarre, E-Gitarre, Kontrabass, E-Bass (1 x 25 min)
Frauen-Farbwelten
Modellmodistin Modul 1 - Filzhut Grundlagen
Bäume zeichnen im Alten AKH
Zwirnknöpfe – Anfänger*innen
Check your bike: Fahrrad-Reparatur-Workshop
Chor.17
Vorbesprechung Klavier, Keyboard
Blockflöte (7 x 25 min)
Klavier und Gesang (7 x 25 min)
Art Clay Silberschmuck
Nähen kurz & kompakt – Anfänger*innen
Gitarre, E-Gitarre (7 x 25 min) mit Heimvorteil
Klavier und Violine (7 x 25 min)
Fotospaziergang Blumengärten Hirschstetten
Do it yourself! Elektroinstallationen
Polimentvergoldung
Buchbinden: Stiftekassette
Grafikdesign - Diplomlehrgang zur Erstellung von Grafiken für Print und Web
Porträtzeichnen und -malen mit Modell Teil 1
Nähen – Anfänger*innen Teil 1
Charakterdesign und Comiczeichnen für Kinder & Jugendliche (9-12 Jahre)
Keramikwerkstatt
Keramikwerkstatt
Akt – Von der Zeichnung zum Bild
Acrylmalerei – Geist und Form Teil 1
Trompete (7 x 25 min) Teil 1
Klavier, Akkordeon, Gitarre (7 x 25 min) Teil 1
In Stein gemeißelt – aus Stein geformt
Elementares Musizieren (1,5-3 Jahre)
Elementares Musizieren (10-18 Monate mit Begleitperson)
Kinder-Töpfern
Blockflöte für Kinder (6-10 Jahre) (7 x 25 min)
Einführung in die Architekturzeichnung
E-Piano (7 x 25 min) Teil 1
Musikalische Frühförderung (3-5 Jahre) Teil 1
Einstieg in Procreate
Gitarre, Ukulele (7 x 25 min) Teil 1
Gitarre in der Kleingruppe Teil 1
Ukulele in der Kleingruppe Teil 1
Ölmalerei Teil 1
Ölmalerei Teil 1
Malen und Zeichnen für Kinder und Jugendliche (7-16 Jahre)
Zeichnen und Malen – Anfänger*innen und leicht Fortgeschrittene
Jede*r kann zeichnen
Keramik
Das kreative Kinder-Atelier (3-5 Jahre)
Das kreative Kinder-Atelier (4-7 Jahre)
Bridge – Anfänger*innen Teil 1
Bridge – Fortgeschrittene Teil 1
Bridge – mäßig Fortgeschrittene Teil 1
Elementares Musizieren (10-18 Monate mit Begleitperson)
Elementares Musizieren (1,5-3 Jahre mit Begleitperson)
Elementares Musizieren (4-6 Jahre mit Begleitperson)
Elementares Musizieren (5-8 Jahre ohne Begleitperson)
Akkordeon, Melodica, Klavier (7 x 25 min)
Gesang und Stimmbildung (7 x 25 min)
Blockflöte / Querflöte / Klavier (7 x 25 min)
LA LE LU – Der Eltern-Kind-Chor für Eltern und Kinder ab 4 Jahren
Gesangsunterricht (7 x 25 min)
Mama-Baby-Singen – Geborgenheit durch die eigene Stimme
Popular-Gesang / Songwriting (7 x 25 min)
Keramik-Kunst-Klasse
Sing Solo: Individuelles Vocalcoaching mit oder ohne Mikrofon (4 x 25 min)
Zeichnen mit Farbstiften
Steirische Knopfharmonika (7 x 25 min)
Elternabend für Musical Academy Vienna Kurse
Nähen
Klavier (7 x 25 min)
Klavier für Kinder ab 6 Jahren (7 x 25 min)
Gitarre, E-Gitarre für Kinder ab 6 Jahren (7 x 25 min)
Aquarellmalerei
Gitarre, Mandoline (7 x 25 min)
Elementares Musizieren (1,5-3 Jahre) Teil 1
Geige, Cello, Blockflöte (7 x 25 min) Teil 1
Klavier, Gesang (7 x 25 min)
Acrylmalerei
Stricken – Anfänger*innen – Warm durch die kalte Jahreszeit
Klavier (7 x 25 min)
Akkordeon, Klavier (7 x 25 min)
Gesang, Stimmbildung, Klavier/E-Piano (7 x 25 min)
Erste Schritte ins Musizieren (1-2 Jahre mit Begleitung) Teil 1
Zeichnen lernen leicht gemacht
Klavier/E-Piano (7 x 25 min)
Gitarre (7 x 25 min)
Elementares Musizieren (1,5 - 3 Jahre mit Begleitung)
Elementares Musizieren (2-4 Jahre mit Begleitung)
Nähen
Elementares Musizieren (2-4 Jahre mit Begleitung)
Reparatur-Café in der VHS Alsergrund
Chinesische Tuschemalerei: Grundkurs
Maschinensicherheitskurs – Keine Angst vor Maschinen
Gesamtkarte Herbstsemester 2026-2027
Nähen – Anfänger*innen
Gitarre in der Gruppe – leicht Fortgeschritten
Verbesserte Haltung durch richtiges Atmen (7 x 25 Min)
Gitarre, E-Gitarre (7x 25 min)
Klarinette, Saxophon, Keyboard (7 x 25 min)
Klavier (7 x 25 min) Teil 1
Gitarre für Kinder - Anfänger (7-10 Jahre) Teil 1
Erste Schritte ins Musizieren (10-18 Monate + Begleitung)
Easy-Chor
Groovy Monday Pop Sessions
Musical Singen (7-11 Jahre)
Musical Academy Vienna. Casting für Hauptrollen in: Robin Hood
Gitarre, E-Gitarre und Bassgitarre (7 x 25 min) Teil 1
Gitarre, E-Gitarre (7 x 25 min)
Klavier (7 x 25 min)
Elementares Musizieren (3-5 Jahre + Begleitung)
Elementares Musizieren (1-3 Jahre + Begleitung)
Mundharmonika – chromatisch und diatonisch (6 x 25 min)
Erste Schritte ins Musizieren (3-4 Jahre mit Begleitung) Teil 1
Erste Schritte ins Musizieren (4-5 Jahre mit Begleitung) Teil 1
Gitarre, E-Gitarre (7 x 25 min)
Elementares Musizieren (1,5-3 Jahre) Teil 1
Klavier, Violine (7 x 25 min)
Schlagzeug (7 x 25 min)
Keyboard, Gitarre, Djembe (7 x 25 min) Onlinekurs
Gitarre, E-Gitarre, Ukulele (7 x 25 min) mit Heimvorteil
Elementares Musizieren (10-18 Monate mit Begleitung)
Elementares Musizieren (1,5-3 Jahre mit Begleitung)
Musical Klasse für Kids (5-7 Jahre)
Gitarre (7 x 25 min)
Saxophon, Blockflöte (7 x 25min)
Gitarre (7 x 25 min) Teil 1
Klavier (7 x 25 min) Teil 1
Geige (7 x 25 min) Teil 1
Geige (7 x 25 min) Teil 1