Weiterbildung zum React-Entwickler (m/w/d) inkl. Projekt
Die Weiterbildung in React richtet sich an Menschen, die moderne Webseiten und Webanwendungen entwickeln möchten. React ist eine JavaScript-Bibliothek, mit der interaktive Benutzeroberflächen erstellt werden. Sie wird beispielsweise für Online-Shops, Buchungsplattformen, soziale Netzwerke und Unternehmenssoftware eingesetzt.
Gerade für Quereinsteiger ist eine React-Weiterbildung interessant, weil sie einen praxisnahen Einstieg in die Webentwicklung ermöglicht. Wichtig ist jedoch, nicht nur React selbst zu lernen, sondern auch die Grundlagen zu verstehen, auf denen React aufbaut.
Was lernt man in React?
In React werden Benutzeroberflächen in einzelne Bausteine aufgeteilt. Diese Bausteine nennt man Komponenten. Eine Komponente kann beispielsweise ein Button, eine Navigation, ein Produkt, ein Formular oder ein kompletter Seitenbereich sein.
Während der Weiterbildung lernt man unter anderem:
- wie React-Projekte aufgebaut werden,
wie Komponenten erstellt und wiederverwendet werden,
wie Daten an Komponenten übergeben werden,
wie Benutzereingaben verarbeitet werden,
wie sich Inhalte automatisch verändern,
wie Formulare entwickelt werden,
wie mehrere Seiten innerhalb einer Anwendung aufgebaut werden,
wie Daten von externen Schnittstellen geladen werden,
wie Fehler gefunden und behoben werden,
wie eine Anwendung veröffentlicht wird.
Ein wichtiger Bestandteil ist der Umgang mit sogenannten States. Ein State speichert Informationen, die sich während der Nutzung verändern können. Das kann zum Beispiel ein Warenkorb, ein angemeldeter Benutzer, ein Suchbegriff oder der Inhalt eines Formulars sein. Außerdem lernt man den Umgang mit Hooks wie useState und useEffect. Diese Funktionen helfen dabei, Daten zu speichern, Inhalte zu aktualisieren oder Informationen von einem Server abzurufen.
Vorteile
Durch unseren Kurs erlangst du das tiefgehende Fachwissen im Bereich Webentwicklung und profitierst dadurch auf dem Arbeitsmarkt. Das Einstiegsgehalt Jahresgehalt eines React-Entwickler liegt bei ca. 40.000€ - 45.000€ Brutto. Mit einigen Jahren Berufserfahrung liegen das Jahresgehalt bei ca. 46.000€ - 53.000€ Brutto.
Zielgruppe
- IT-interessierte
- Quereinsteiger/-innen
- Arbeitsuchende
- Berufseinsteiger
Durchführung
Die Weiterbildung React-Entwickler (m/w/d) inkl. Projekt wird zu 100% digital durchgeführt.
Zusätzliche Informationen:
- Teilnahmebescheinigung + optionales Zertifikat
- Teilnahme von zu Hause ist möglich ( Handy / PC)
- Schneller und unkomplizierter Kurseinstieg möglich
- Dozentengeleitet Vollzeit/Teilzeit: wahlweise Präsenz oder online (100% ortsunabhängig)
- 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. 25 Wochen in Vollzeit / 50 Wochen in Teilzeit (999 UE)
Info-Flyer
Flyer anfordern
Schulungsunterlagen
- Online Videos für Theorie und Praxis
- Übungen, Quiz
- Link-Listen zu Fachliteratur und Dokumentationen
Lektionen
| Einführungsveranstaltung |
|
- Offizielle Begrüßung
- Vorstellung von der DBE Academy GmbH
- Einrichtung des eigenen Computers/Systems
- Erklärung des Kursablauf
- Einführung in den DBE-Digicampus
- Erfolgreich Lernen: Hilfsmittel, Tipps und Tricks
- Bücher Vorstellung
- Vorstellung des Teilnehmers
|
| 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
- Medienspezifische Stylesheets
- Eigenschaftsspezifische Stylesheets
- CSS-Präprozessor Less (Stylesheet-Sprache)
- Druck-CSS
|
| JavaScript |
- Grundlagen JavaScript
- Wichtige Sicherheit-Themen
- 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
|
| React |
- React Einführung (Vorteile, Alternativen)
- Einführung node.js und npm
- JavaScript und JSX Grundlagen (JavaScript XML oder JavaScript Syntax Extension)
- Grundlagen TypeScript
- "Create React App"-CLI
- React-Templatesprache JSX
- React-Komponenten
- Styling von React-Komponenten
- React-Frameworks
- AJAX und APIs, REST-APIs nutzen
- Authentifizierung
- Hooks
- Testing
|
| React |
|
- React Einführung (Vorteile, Alternativen)
- Einführung node.js und npm
- JavaScript und JSX Grundlagen (JavaScript XML oder JavaScript Syntax Extension)
- Grundlagen TypeScript
- "Create React App"-CLI
- React-Templatesprache JSX
- React-Komponenten
- Styling von React-Komponenten
- React-Frameworks
- AJAX und APIs, REST-APIs nutzen
- Authentifizierung
- Hooks
- Testing
|
| 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
- Syncronisieren
- 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)
- Eigene Web-Entwickler-Umgebung mit Apache, MySQL, PHP einrichten und testen
- 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
|
| 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 Technische und organisatorische Maßnahmen (TOM) und ADV wissen muss
- Was ist in der Cloud zu beachten
|
| Grundlagen Projektmanagement |
|
- Lasten und Pflichtenheft
- Vorgehensmodell des Projekt- und Produktmanagements (Scrum)
- Requirements
- Projektmanagement
- Ressourcen und Zeit Management
- 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.
berufliche Aussichten
Das Einstiegsgehalt Jahresgehalt eines Frontend-Entwickler liegt bei ca. 40.000€ - 45.000€ Brutto. Mit einigen Jahren Berufserfahrung liegen das Jahresgehalt bei ca 46.000€ - 53.000€ Brutto.
- Frontend Web Developer (inkl. Projekt) (m/w/d)
- Frontend-Web-Entwickler/in
- Frontend-Web-Entwickler für Data-Apps (m/w/d)
- Frontend-Webentwickler
- Software Developer* mit Schwerpunkt Frontend-Web
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.
- Es sind keine weiteren Voraussetzungen notwendig, der Wille zu lernen reicht.
- Alles was an Software benötigt wird, wird im Kurs installiert
Standorte
Die Weiterbildung React-Entwickler (m/w/d) inkl. Projekt findet an einem unserer Standorte statt oder komplett online.
Bei Teilnahme von Zuhause wird das nötige IT-Equipment 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 React-Entwickler (m/w/d) inkl. Projekt ist nach AZAV zugelassen und kann mit einem
Bildungsgutschein bezahlt werden.
Eine Förderung ist über einen Bildungsgutschein durch die Agentur für Arbeit,
durch den Rentenversicherungsträger,
durch den Europäischen Sozialfonds (ESF) oder nach dem Soldatenversorgungsgesetz (SVG).
Mögliche Förderungen im Überblick:
✅ Bildungsgutschein (Agentur für Arbeit)
✅ Förderung durch die Deutsche Rentenversicherung (DRV)
✅ Europäischer Sozialfonds (ESF)
✅ Soldatenversorgungsgesetz (SVG)
✅ Aufstiegs-BAföG (AFBG)
✅ Bildungsprämie & Weiterbildungsbonus
✅ WeGebAU & Qualifizierungschancengesetz (QCG)
Nähere Auskünfte bekommst du von deinem zuständigen Ansprechpartner bei deiner Agenturen für Arbeit bzw. JobCenter, deinem Rentenversicherungsträger, etc.
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.
Zudem ist eine Förderung von bis zu 100% der Gehaltskosten und/oder bis zu 100% der Weiterbildungskosten gefördert werden
nach dem Qualifizierungschancengesetz für Arbeitnehmer.
-
✅ Weiterbildung für Beschäftigte (WbB / §82 SGB III)
-
✅ Qualifizierungschancengesetz (QCG / §81 SGB III)
-
✅ Förderung durch die Europäische Union (ESF+)
Förderung anfragen