Weiterbildung zum Web-Frontend-Entwickler (m/w/d) inkl. Projekt

Weiterbildung zum Web-Frontend-Entwickler (m/w/d) inkl. Projekt

Gestalte das Gesicht des Internets – Frontend-Entwickler werden.

Kreative IT-Karriere starten – ohne Vorkenntnisse und mit Bildungsgutschein.

Du hast ein Auge für Design und möchtest moderne Webseiten gestalten? Diese AZAV-zertifizierte Weiterbildung macht dich in 16 Wochen zum Frontend-Entwickler – von den Grundlagen bis zu React und Co.

Das erwartet dich:

• Modernste Technologien: HTML5, CSS3, JavaScript und moderne Frameworks wie React – alles, was du für beeindruckende Benutzeroberflächen brauchst.
• Praxisprojekt: Du entwickelst deine eigene Webseite oder Anwendung und hast direkt etwas für dein Portfolio.
• Für Kreative: Keine Vorkenntnisse nötig – wir zeigen dir, wie du deine Ideen mit Code umsetzt.
• 100 % förderbar: Diese AZAV-zertifizierte Weiterbildung wird mit einem Bildungsgutschein komplett von der Agentur für Arbeit oder dem Jobcenter übernommen.

Deine Perspektive: Frontend-Entwickler sind in Agenturen, Start-ups und Unternehmen gefragt. Einstiegsgehälter: 40.000 € bis 52.000 € brutto/Jahr.

Zeig, was du kannst – starte deine Karriere!

Vorteile

• Kostenlos für dich: Diese AZAV-zertifizierte Weiterbildung wird zu 100 % von der Agentur für Arbeit oder deinem Jobcenter übernommen. Wir helfen dir bei der Beantragung deines Bildungsgutscheins!
• Keine Vorkenntnisse nötig: Wir starten bei den Grundlagen. Wenn du motiviert bist, Neues zu lernen, bist du hier genau richtig.
• Unterstützung nach dem Kurs: Wir begleiten dich bei der Jobsuche, helfen dir bei deinen Bewerbungsunterlagen und vermitteln Kontakte zu Partnerunternehmen.

Zielgruppe

Diese Weiterbildung richtet sich an:

• Quereinsteiger, die Frontend-Entwickler werden möchten
• Arbeitsuchende, die eine kreative IT-Perspektive suchen
• Berufsumsteiger, die das Gesicht des Internets gestalten wollen
• Arbeitslose, die mit einem Bildungsgutschein kostenlos qualifiziert werden
• Kreative, die moderne Benutzeroberflächen entwickeln lernen wollen

Du bist genau richtig, wenn du...

• ... kreativ bist und ein Auge für Design hast
• ... Interesse an Webtechnologien und Benutzererfahrung hast
• ... Lust auf einen kreativen IT-Job hast
• ... einen Bildungsgutschein von der Agentur für Arbeit oder dem Jobcenter hast (wir helfen dir bei der Beantragung)

Durchführung

Die Weiterbildung Web-Frontend-Entwickler (m/w/d) inkl. Projekt wird zu 100 % online durchgeführt – du nimmst ortsunabhängig von zu Hause aus teil. Während der Kurszeiten ist dein Dozent durchgehend per Chat und Video-Call erreichbar.

Zusätzliche Informationen:

• Teilnahmebescheinigung + optionales Zertifikat
• Teilnahme von zu Hause aus (Handy / PC) – 100 % ortsunabhängig
• Schneller und unkomplizierter Kurseinstieg möglich
• Vollzeit/Teilzeit zu 100% online
• On-Demand-Video's (mit Dozent)
• 100% Kostenübernahme durch Förderung möglich
• geförderte Weiterbildung durch Bildungsgutschein
• Kostenloser Lebenslauf Check
• Headhunter Service über HR Rocket
• Kursdauer: ca. 15 Wochen und 4 Tage in Vollzeit / 31 Wochen und 3 Tage in Teilzeit (626 UE)

Info-Flyer

Flyer anfordern

Schulungsunterlagen

Lektionen

Einführungsveranstaltung
Offizielle Begrüßung Vorstellung von der DBE Academy GmbH Einrichtung des eigenen Computers/Systems Erklärung des Kursablaufs Einführung in den DBE-Digicampus Erfolgreich Lernen: Hilfsmittel, Tipps und Tricks Erfolgreicher Umgang mit Künstlicher Intelligenz (KI) in der Weiterbildung
Grundlagen der Webentwicklung
Historie des Internets, der Webentwicklung und des W3C Webanwendungen, Webservices oder anderer komplexer Websites Clientseitige Techniken: HTML, CSS, JS Node.js Server Side Scripting (PHP, Perl) Bedeutungslos gewordene Technologien wie Adobe Flash und Java-Applets Frameworks Verschiedene Software (CMS, E-Commerce) XHTML, XML, CSS Grafikformate JPG, PNG, SVG APIs mit SOAP, REST WebAssembly (WASM) Web Services  Document Object Model (DOM) Web Content Accessibility Guidelines (WCAG)
HTML5
Syntax, Versionen HTML-Struktur (Tags und Attribute) Head und Body Attribute Seitenstrukturierung Textformatierung und Strukturierung Tabellen Hyperlinks und Bilder Multimedia Formularelemente Suchmaschinenoptimierung (SEO), E-Mail-Templates, Werbebanner Barrierefreies Internet
Cascading Style Sheets (CSS3)
Syntax, Versionen CSS-Anweisungen, Selektoren Layouts CSS Modules Medienspezifische Stylesheets Custom Properties, CSS-Nesting Eigenschaftsspezifische Stylesheets Modernes CSS vs. Präprozessor Less (Stylesheet-Sprache), Sass/SCSS Druck-CSS Barrierefreiheit und komponentenbasierte Styles
JavaScript
Grundlagen JavaScript (solides modernes JavaScript ohne Bibliothek) Wichtige Sicherheitsthemen Datentypen, Variablen und Konstante Kontrollstrukturen Funktionen und Objekte Fehlerbehandlung Cookies und Web Storage DOM-Elemente manipulieren (anlegen, kopieren, verschieben, löschen) Frameworks und Eigene Bibliothek erstellen Ajax (Konzept der asynchronen Datenübertragung) Suchmaschinenoptimierung (SEO) Single Page Applikation
Frontend-CSS-Framework
Eigenschaften, Aufbau und Funktionsweise Design-Systeme: wiederverwendbare Komponenten, Variablen und Gestaltungsregeln Elemente für grafische Benutzeroberflächen Grid-System und Responsive Webdesign JavaScript-Plugins UI-Komponentenbibliotheken, Utility-Framework, moderne komponentenbasierte Entwicklung
JS-Bibliothek jQuery
Elementselektion im Document Object Model Document-Object-Model-Manipulation Erweitertes Event-System Hilfsfunktionen Animationen und Effekte Ajax-Funktionalitäten Erweiterbarkeit durch zahlreiche freie Plug-ins jQuery UI
React - JavaScript-basierte UI-Entwicklungsbibliothek
Grundlagen TypeScript React: JSX, Komponenten, Props und der virtuelle DOM. State & Hooks: Datenverwaltung mit useState, useEffect und eigenen Hooks. Erweiterte Themen: Routing, State-Management (z. B. Redux), Testing und TypeScript. Praxis-Projekte: Entwicklung interaktiver Single-Page-Applications (SPAs) und kleinerer Projekte
Versionsverwaltung und Git
Grundlagen Versionsverwaltung und Git Git vs. SVN verteiltes Versionsverwaltungssystem GUI / Kommandozeile Begriffe erklärt Lokales Projekt anlegen und damit Arbeiten Repository anschauen Mit Branches arbeiten Änderungen tätigen Synchronisieren Stash Mergen und Konflikte lösen Einführung in GitHub und GitLab
Virtualisierung mit Docker
Einführung in Container-Technologie und Unterschiede zu virtuellen Maschinen Installation und Einrichtung von Docker auf verschiedenen Systemen Grundlegende Docker-Kommandos und Arbeiten mit Containern Erstellung und Verwendung von Dockerfiles Aufbau und Nutzung von Docker Images Arbeiten mit Docker Volumes und persistenten Daten Netzwerke in Docker und Container-Kommunikation Docker Compose: Multi-Container-Anwendungen definieren und starten
Moderne Webentwicklung: Grundlagen und Werkzeuge
Grundlagen der modernen Webentwicklung Web 3.0 und Blockchain modernes Projektmanagement (Scrum, Lastenheft, Pflichtenheft) SSH, SFTP, FileZilla, IDE, MySQL Workbench Umgang mit den Tools moderner Browser Chrome und Firefox API entwickeln mit REST und JSON Automatisierung / Testing mit Selenium IDE Versionsverwaltung mit Git und CI/CD (Continuous Integration, Continuous Delivery und Continuous Deployment) Docker für Web Developers GUI-Oberfläche Template-Systeme KI-generierte Bilder ChatGPT von OpenAI und Claude von Anthropic
Moderne Web-Anwendungen
Moderne Weblog-Software/Web-CMS kennen lernen, unter anderem WordPress Themes und Plugins in WordPress kennen lernen E-Commerce Systeme WooCommerce kennen lernen Content-Management-Systeme (CMS) kennen lernen, Typo3 und Contao verschiedene Web-Baukasten kennen lernen
Webhosting
Verschiedene (Shared, Dedicated, Cloud)-Hosting-Angebote kennen lernen Bestellung und Umgang mit Domains und DNS/IP-Adressen Verfügbarkeit von Hosting-Anbietern IT-Sicherheit von Hosting-Anbietern Backup und Sicherungsmaßnahmen
Grundlagen Datenschutz
Grundlagen zum Datenschutz Grundwissen zur Datenschutz-Grundverordnung (DSGVO) Was man zu technischen und organisatorischen Maßnahmen (TOM) und Auftragsverarbeitung (AVV) wissen muss Was ist in der Cloud zu beachten
Grundlagen Projektmanagement
Lasten- und Pflichtenheft Vorgehensmodell des Projekt- und Produktmanagements (Scrum) Requirements Projektmanagement Ressourcen- und Zeitmanagement Risikomanagement Projekt umsetzen Präsentation
Projekt
Projektauswahl Umsetzung des Projekts Präsentation
Job-Finden
Unterstützung beim Lebenslauf schreiben Unterstützung beim Anschreiben verfassen Unterstützung bei der Jobsuche
Prüfungsvorbereitung
Prüfungsvorbereitung Abschlussprüfung mit Zertifikat (im Preis enthalten)

Bei uns steht aktuelles Wissen im Mittelpunkt. Als moderner Bildungsanbieter prüfen wir regelmäßig, dass unsere Inhalte immer up-to-date, praxisnah und an den neuesten Entwicklungen orientiert sind. Ob digitale Transformation, KI, Nachhaltigkeit oder Future Skills – wir sorgen dafür, dass Sie mit der Zeit gehen und zukunftssicher lernen.

Sprache

Alle Schulungsunterlagen und Inhalte sind in der deutschen Sprache verfasst. Untertitel sind teilweise in englisch und russisch vorhanden.

Dozenten

• 
  David Schuchert
  Fachdozent Webentwicklung und Dozentenbetreuer
  
  
  
• 
  Daniel J. Drexlmaier
  Unternehmer und Gründer
  
  
  
• 
  Daria Schuchert
  Full-Stack Webentwicklerin
  
  
  

berufliche Aussichten

Deine berufliche Zukunft als Frontend-Entwickler:

Nach dieser Weiterbildung stehen dir viele Türen offen:

• Frontend-Entwickler (m/w/d) - Einstiegsgehalt: ca. 40.000 € - 52.000 € brutto/Jahr
• UI/UX Developer (m/w/d) - Einstiegsgehalt: ca. 42.000 € - 58.000 € brutto/Jahr
• React Developer (m/w/d) - Einstiegsgehalt: ca. 48.000 € - 65.000 € brutto/Jahr
• JavaScript Developer (m/w/d) - Einstiegsgehalt: ca. 45.000 € - 60.000 € brutto/Jahr

Frontend-Entwickler gestalten das Gesicht des Internets. Mit modernen Frameworks wie React bist du besonders gefragt!

zusätzliche Leistungen

Lebenslauf Check

Wir überprüfen kostenlos deinen Lebenslauf. Der Lebenslauf ist deine persönliche Visitenkarte und Herzstück deiner Bewerbung. Deshalb bieten wir dir am Ende deiner Weiterbildung an, dass du uns deinen Lebenslauf zusenden kannst und wir ihn überprüfen. Kostenlos!

Job-Vermittlung durch Headhunter

Bei uns hast du die Chance, dich über unser exklusives Jobnetzwerk „HR Rocket Headhunter“ vermitteln zu lassen! Wir listen dich in unserer Talentdatenbank auf und bringen dich direkt mit passenden Arbeitgebern zusammen – für mehr Sichtbarkeit und bessere Karrierechancen.

Voraussetzungen

Bei Teilnahme von Zuhause wird das nötige IT-Equipment von uns zur Verfügung gestellt.

Gute Nachricht: Du brauchst keine Vorkenntnisse!

Du möchtest die sichtbare Seite des Internets gestalten? Diese Weiterbildung macht dich zum Frontend-Entwickler – ganz ohne Vorkenntnisse.

Das bringst du mit:

• Kreativität und Auge für Design
• Grundlegende Computerkenntnisse
• Interesse an modernen Webtechnologien
• Deutschkenntnisse (mindestens B2/B1-Niveau)
• Einen Bildungsgutschein der Agentur für Arbeit oder des Jobcenters (wir helfen dir bei der Beantragung)

Das brauchst du NICHT:

• Keine Vorkenntnisse in HTML, CSS oder JavaScript
• Kein Studium
• Kein eigenes Equipment – bei Bedarf stellen wir dir einen Laptop

Dein Vorteil: Mit einem Bildungsgutschein ist diese Weiterbildung für dich völlig kostenlos.

Ablauf

Die Weiterbildung Web-Frontend-Entwickler (m/w/d) inkl. Projekt findet zu 100 % online statt – du brauchst keinen Kursort aufzusuchen und nimmst von zu Hause aus teil. Das nötige IT-Equipment wird von uns zur Verfügung gestellt.

Unterrichtszeiten: Montag bis Freitag, jeweils von 08:30 bis 16:15 Uhr.

Förderungen für Berufstätige, Arbeitssuchende & Arbeitslose

Bei persönlicher Voraussetzung besteht die Möglichkeit einer Förderung von bis zu 100 %.
Die Weiterbildung Web-Frontend-Entwickler (m/w/d) inkl. Projekt ist nach AZAV zugelassen und kann mit einem Bildungsgutschein bezahlt werden. Neben der Agentur für Arbeit kommen auch der Rentenversicherungsträger, der Europäische Sozialfonds (ESF) und der Berufsförderungsdienst der Bundeswehr als Kostenträger in Frage.

Welche Förderwege infrage kommen

• Bildungsgutschein der Agentur für Arbeit oder des Jobcenters. Der häufigste Weg. Die Lehrgangskosten werden vollständig übernommen. Ausgestellt wird der Gutschein von deiner Vermittlungsfachkraft, und zwar bevor der Kurs beginnt.
• Deutsche Rentenversicherung. Ist die Weiterbildung Teil einer beruflichen Reha (Leistungen zur Teilhabe am Arbeitsleben), zahlt dein Rentenversicherungsträger statt der Agentur für Arbeit.
• Berufsförderungsdienst der Bundeswehr (SVG). Für Soldatinnen und Soldaten auf Zeit, die ihren Übergang ins zivile Berufsleben vorbereiten.
• ESF- und Landesprogramme. Ergänzende Töpfe für bestimmte Zielgruppen. Welche davon offen sind, unterscheidet sich von Bundesland zu Bundesland und ändert sich regelmäßig – frag im Zweifel kurz bei uns nach.
• Förderung über den Arbeitgeber (§ 82 SGB III). Für Beschäftigte, die im Job bleiben und sich parallel qualifizieren. Mehr dazu weiter unten.

Nähere Auskünfte bekommst du von deinem zuständigen Ansprechpartner bei deiner Agentur für Arbeit bzw. deinem JobCenter oder bei deinem Rentenversicherungsträger.

Mehr zum Bildungsgutschein

Förderungen für Unternehmen

Arbeitgebern werden ca. 50 Prozent der Sozialversicherungsbeiträge erstattet, wenn ihre Beschäftigten während der Kurzarbeit an einer geförderten beruflichen Weiterbildung nach § 106a SGB III teilnehmen. Auch können die Lehrgangskosten für diese Weiterbildungen abhängig von der Betriebsgröße ganz oder teilweise erstattet werden.

Unabhängig von Kurzarbeit lassen sich Beschäftigte nach dem Qualifizierungschancengesetz fördern (§ 82 SGB III). Wie hoch der Zuschuss ausfällt, hängt vor allem von der Betriebsgröße ab:

• Lehrgangskosten: je nach Größe des Betriebs 15 bis 100 Prozent – in kleinen Unternehmen also im Regelfall die kompletten Kosten.
• Arbeitsentgelt: dazu ein Zuschuss für die Zeit, in der du deine Mitarbeitenden für die Weiterbildung freistellst.
• ESF- und Landesprogramme: je nach Bundesland kommen weitere Zuschüsse dazu, etwa aus regionalen Fachkräfteprogrammen.

Welche Kombination für deinen Betrieb passt, klären wir am Telefon.

Förderung anfragen