Zusammenfassung
Möchtest du Webseiten gestalten, die nicht nur fantastisch aussehen, sondern auch intuitiv bedienbar sind und perfekt funktionieren? Dann tauche in die Welt der Frontend-Entwicklung ein und lerne, wie du digitale Visionen zum Leben erweckst. Diese Weiterbildung macht dich fit für die Gestaltung und technische Umsetzung moderner Webprojekte. Du beginnst mit dem Fundament jeder guten Webseite: dem Webdesign und einer herausragenden Nutzererfahrung (UX). Du erwirbst ein tiefes Verständnis für UX-Grundlagen, führst Zielgruppenanalysen und Usability-Tests durch und lernst, wie du durch Prototyping – inklusive eines spannenden Exkurses in Figma – deine Ideen sichtbar machst. Zudem beherrschst du bald die Gestaltungsgrundlagen, entwickelst überzeugendes UI-Design mit den passenden UI-Elementen und verstehst, wie du Inhalte optimal gestaltest. Anschließend legst du den technischen Grundstein mit HTML und CSS. Du lernst die elementare Struktur einer Webseite kennen, formatierst Texte professionell, erstellst Listen und Tabellen und bindest Stylesheets effizient ein. Ein besonderer Fokus liegt auf der Entwicklung von responsiven Webseiten, die auf jedem Gerät perfekt aussehen. Du beherrschst zudem das Debuggen von Webseiten und kannst deine Projekte sicher hochladen. Um deine Webseiten dynamisch und interaktiv zu gestalten, tauchst du tief in JavaScript ein. Du verstehst die Grundlagen und Logik dieser Programmiersprache, arbeitest souverän mit Objekten, Funktionen und Arrays und lernst, das Document Object Model (DOM) sowie Eventhandling zu beherrschen. Auch Datentypen, einfache Typumwandlungen sowie fortschrittliche Techniken wie Ajax, SVG, Animationen und effektives Debugging werden bald Teil deines umfangreichen Wissens sein. Abgerundet wird deine Expertise durch die praktische Anwendung mit WordPress, einem der weltweit meistgenutzten Content-Management-Systeme. Du lernst, Startseiten festzulegen, Themes zu installieren und Inhalte mit dem Gutenberg-Editor zu erstellen. Du verwaltest Medien professionell, passt Webseiten mit dem Customizer an und setzt die wichtigsten Plug-ins effektiv ein. Bald schon kannst du Blogs, Corporate Websites und Landingpages eigenständig umsetzen. Auch die Konsequenzen der DSGVO für Websites und ein zuverlässiges WordPress-Backup-Management gehören zu den wichtigen Fähigkeiten, die du erwirbst. Nach dieser Weiterbildung bist du in der Lage, eigene beeindruckende Frontend-Projekte von der Idee bis zur Veröffentlichung selbstständig umzusetzen. Du wirst eine gefragte Spezialistin oder ein gefragter Spezialist, die bzw. der Webanwendungen gestaltet, die begeistern und funktionieren. Starte jetzt deine Reise in die spannende Welt der Frontend-Entwicklung!
Zielgruppe
Personen aus allen Bereichen, die Benutzeroberflächen für Websites und Webanwendungen entwickeln möchten oder künftig im Bereich Frontend-Entwicklung tätig sein wollen.
Voraussetzungen
Abgeschlossene Berufsausbildung und/oder Studium. Sicherer Umgang mit dem Computer.
Unterrichtszeiten: Vollzeit/Teilzeit
Die Weiterbildung startet jeden Montag. Unser praxisorientierter Lehrplan verbindet Theorie mit aktiven Anwendungsübungen, die in Vollzeit sowohl vormittags als auch nachmittags stattfinden. In Teilzeit erfolgt der Unterricht ausschließlich vormittags bis maximal 13 Uhr, sodass sich die Gesamtdauer der Weiterbildung im Teilzeitmodell verdoppelt.
Du kannst an unserer Online-Weiterbildung bequem von zu Hause oder bei Bedarf online von einem unserer zahlreichen deutschlandweiten Lernstandorte aus teilnehmen. Dort sorgen wir für eine ruhige Lernumgebung und eine stabile Internetverbindung.
Das wirst du lernen
Wir vermitteln unser Wissen verständlich und praxisorientiert. Damit unser Weiterbildungsangebot deinen Vorstellungen entspricht, haben wir alle Lerninhalte in einer Themenübersicht aufgelistet.
UX Grundlagen
Zielgruppenanalyse und Usability-Tests
Prototyping
Exkurs: Einführung in Figma
Gestaltungsgrundlagen
UI-Design und UI-Elemente
Content-Design
Startseite festlegen, Theme installieren und Inhalte mit Gutenberg erstellen
Die Mediathek-Medien mit WordPress verwalten und einbinden
Website anpassen mit dem Customizer am Beispiel vom Theme Ocean WP
Die wichtigsten Plugins und ihre Installation
Blogerstellung
Corporate Website und Landingpage
Konsequenzen der DSGVO für Websites
WordPress Backup Management einrichten
Grundlagen und Logik – Einführung in JavaScript
Objekte: Schlüssel-Wert-Paare, Zugriff, Methoden
Funktionen, Arrays & Objekte
DOM & Eventhandling
Datentypen: string, number, boolean, undefined, null, typeof, einfache Typumwandlung (z. B. parseInt)
Ajax, SVG, Animationen, Debugging
SVG: Pfade, einfache Animationen
Elementare Struktur einer Webseite
Grundlagen der HTML- und der CSS-Struktur
Textformatierung
Listen erstellen
Tabellen darstellen und strukturieren
Externe und eingebettete Stylesheets erstellen
Responsive Webseiten
Webseite debuggen und hochladen
Jetzt kostenfreies PDF anfordern
Hol dir alle wichtigen Infos zu dieser Weiterbildung kompakt in einem übersichtlichen PDF. Einfach jetzt kostenfrei herunterladen und in Ruhe durchlesen!
So geht Lernen bei karriere tutor®
Lerne uns kennen und erhalte erste Einblicke in unsere Lernwelt
Hier kannst du dich schon vor Beginn deiner Weiterbildung oder Umschulung mit deiner zukünftigen Lernumgebung vertraut machen. Du erhältst Einblicke in Aufbau und Funktionen unserer Lernwelt sowie nützliches Wissen zur Beantragung des Bildungsgutscheins, das Beratungsgespräch beim Bildungsträger und der Auswahl der Bildungsmaßnahme.
Wir begleiten dich auf deinem neuen Erfolgsweg
Mache den nächsten Schritt: Dein Beratungsgespräch
In nur 6 Minuten: Alles, was du über deine Weiterbildung wissen musst
FAQ – Weitere Fragen und Antworten
Zum Beispiel:
- durch die Agentur für Arbeit (SGB III),
- durch die Deutsche Rentenversicherung oder
- durch den Bildungsscheck.
Dein kostenfreier Beratungstermin
Arbeitslos oder von Kündigung bedroht?
Wir beraten dich unverbindlich und kostenfrei zu deiner geförderten Weiterbildung.
Beratung vereinbaren