Förderung
Dieser Kurs ist förderfähig:
- Bildungsgutschein – Bis zu 100 % Kostenübernahme durch Agentur für Arbeit oder Jobcenter. Die Bewilligung ist eine Ermessensentscheidung der Behörde (AZAV-Voraussetzung).
Über den Kurs
Webentwicklung: Entwicklung von Webkomponenten Grundlagen von Webkomponenten und moderner Entwicklung Verwenden Sie GitHub und Markdown zur Nachverfolgung und Dokumentation komponentenbasierter Projekte Arbeiten Sie mit Shell-Grundlagen, um effizient in Projek…
Lerninhalte
<p>Webentwicklung: Entwicklung von Webkomponenten<br/></p>Grundlagen von Webkomponenten und moderner Entwicklung<ul><li>Verwenden Sie GitHub und Markdown zur Nachverfolgung und Dokumentation komponentenbasierter Projekte</li><li>Arbeiten Sie mit Shell-Grundlagen, um effizient in Projektstrukturen zu navigieren und diese zu verwalten</li><li>Verstehen Sie HTML-Grundlagen für die Strukturierung wiederverwendbarer Webkomponenten</li></ul>Versionskontrolle und kollaborative Entwicklung<ul><li>Wenden Sie Git-Grundlagen an, um Änderungen in der komponentenbasierten Entwicklung zu verfolgen und zu verwalten</li><li>Arbeiten Sie mit Git CLI & Remote für eine nahtlose Integration in Teamumgebungen</li><li>Implementieren Sie Git-Branches und -PRs, um ein modulares und skalierbares Komponentendesign zu erhalten</li></ul>CSS für die Gestaltung von Webkomponenten<ul><li>Erkunden Sie die Grundlagen von CSS, um das Erscheinungsbild von Webkomponenten zu definieren</li><li>Verwenden Sie CSS Flexbox und CSS Grid, um strukturierte und reaktionsfähige Layouts zu erstellen</li><li>Implementieren Sie CSS-Positionierung + Barrierefreiheit für ein integratives und anpassungsfähiges Design</li></ul>Verbesserung von Webkomponenten mit JavaScript<ul><li>Verwenden Sie JS-Funktionen, um interaktive und dynamische Komponenten zu erstellen</li><li>Arbeiten Sie mit JS-Variablen und -Zahlen, um das Verhalten der Benutzeroberfläche zu verwalten</li><li>Implementieren Sie JS-Bedingungen und -Boolesche Werte, um die Sichtbarkeit und Interaktion von Komponenten zu steuern</li></ul>Datenverarbeitung und Komponentenintegration<ul><li>Strukturieren Sie Komponentendaten mithilfe von JS-Objekten und -Arrays</li><li>Verarbeiten Sie JS-Eingaben und -Zeichenfolgen für Echtzeit-Benutzerinteraktionen</li><li>Implementieren Sie JS-Schleifen und JS-Array-Methoden, um Komponenten dynamisch darzustellen</li></ul>Erstellung formularbasierter Webkomponenten<ul><li>Entwickeln Sie interaktive HTML-Formulare mit komponentenbasierten Strukturen</li><li>Verwenden Sie CSS-Responsive-Techniken, um Formularkomponenten für Mobilgeräte anzupassen</li><li>Verbessern Sie die Formularvalidierung mit JavaScript für eine nahtlose Benutzererfahrung</li></ul>Abrufen und Verwalten von Komponentendaten<ul><li>Verwenden Sie JS Fetch, um dynamische Daten aus externen Quellen abzurufen</li><li>Implementieren Sie JS Error Handling, um Laufzeitfehler bei Komponenteninteraktionen zu verhindern</li><li>Optimieren Sie JS Structure, um sauberen und effizienten Komponentencode zu erhalten</li></ul>React und Next.js für die komponentenbasierte Entwicklung<ul><li>Verstehen Sie die Grundlagen von React für die Erstellung wiederverwendbarer UI-Komponenten</li><li>Arbeiten Sie mit React Props, React Nesting und React State, um die Komponentenlogik zu strukturieren</li><li>Nutzen Sie Next.js Basics und Routing, um eine skalierbare komponentengesteuerte Webanwendung zu erstellen</li></ul>Zustandsverwaltung und Komponentenoptimierung<ul><li>Implementieren Sie React Global State für die Verwaltung von Daten über Komponenten hinweg</li><li>Verwenden Sie React Styled Components, um modulare Stile für Komponenten zu definieren</li><li>Optimieren Sie Zustandsaktualisierungen mit React Immutable State für eine bessere Leistung</li></ul>Testen, Debuggen und Leistungssteigerung<ul><li>Wenden Sie JS Unit Testing an, um die Funktionalität der Komponente sicherzustellen</li><li>Führen Sie React Component Testing durch, um das Verhalten der Benutzeroberfläche zu validieren</li><li>Verwenden Sie React mit Local Storage, um den Zustand der Komponente beizubehalten</li></ul>Backend-Integration für Webkomponenten<ul><li>Lernen Sie die Grundlagen des Backends mit Express.js für die Verwaltung von API-Aufrufen in Webkomponenten</li><li>Implementieren Sie Backend-API-Routen, um Daten dynamisch an UI-Komponenten zu senden</li><li>Arbeiten Sie mit Backend MongoDB, um komponentenbezogene Daten zu speichern und abzurufen</li></ul>Capstone-Projekt und fortgeschrittene Webkomponentenentwicklung<ul><li>Nehmen Sie an einem Design-Workshop teil, um bewährte UI/UX-Verfahren zu verbessern</li><li>Arbeiten Sie mit agilen Workflows und User Stories, um den Entwicklungsprozess zu strukturieren</li><li>Schließen Sie die Capstone-Gruppierung und -Einrichtung für die Umsetzung eines realen Projekts ab</li></ul>Fortgeschrittene Webkomponententechniken und Next.js-Optimierung<ul><li>Zusammenfassung von Next.js und TypeScript für die moderne Webkomponentenentwicklung</li><li>Arbeiten mit dem Next.js App Router und Serverkomponenten für Leistungseffizienz</li><li>Lösen von Problemen aus der Praxis in einer Coding Challenge mit Schwerpunkt auf skalierbaren Webkomponenten</li></ul>
Bewertungen (0)
Häufige Fragen zu „Web Component-Entwicklung“
Ist „Web Component-Entwicklung“ förderfähig?
Ja. Für diesen Kurs kommen folgende Förderungen in Betracht: Bildungsgutschein. Die konkrete Bewilligung klärst du mit der jeweiligen Förderstelle (z. B. Agentur für Arbeit oder Jobcenter).
Wie lange dauert „Web Component-Entwicklung“?
Die Weiterbildung dauert 3 Monate.
Was kostet „Web Component-Entwicklung“?
Die Kosten können über einen Bildungsgutschein der Agentur für Arbeit oder des Jobcenters bis zu 100 % gefördert werden. Die genauen Konditionen nennt dir der Anbieter.
Welchen Abschluss erhalte ich bei „Web Component-Entwicklung“?
Nach erfolgreichem Abschluss erhältst du: Zertifikat.
In welcher Lernform findet „Web Component-Entwicklung“ statt?
Die Weiterbildung wird in folgender Lernform angeboten: Hybrid.
Ähnliche Kurse
Umschulung Fachinformatiker:in Anwendungsentwicklung
WBS TRAINING · Berlin · 24 Monate
Programmierung: Mobile Web Development (Dozentengeleitete Teilzeit in Präsenz oder Telelearning)
COMCAVE.COLLEGE GmbH · Dortmund