JavaScript/TypeScript & React (Frontend)

Modulbeschreibung

Dieses Modul bietet eine umfassende Einführung in JavaScript und TypeScript, die Schlüsseltechnologien für dynamische und interaktive Webanwendungen. Sie beginnen mit den Grundlagen von JavaScript, darunter Variablen, Datentypen, Kontrollfluss, Funktionen und objektorientierte Programmierung. Dabei lernen Sie, wie Sie modernes JavaScript (ES6+) praktisch anwenden, um effiziente und wartbare Webanwendungen zu entwickeln.

Um die Qualität und Zuverlässigkeit Ihres Codes zu steigern, werden Sie Debugging-Techniken und Testmethoden, wie Unit- und Integrationstests, kennenlernen. Aufbauend auf Ihrem JavaScript-Wissen erweitern Sie Ihre Fähigkeiten mit TypeScript, einem statisch typisierten JavaScript-Superset, das dabei hilft, Fehler frühzeitig zu erkennen und die Code-Lesbarkeit zu verbessern.

Zusätzlich führt das Modul in React ein, eine leistungsstarke JavaScript-Bibliothek zur Erstellung von Benutzeroberflächen. Sie lernen, wiederverwendbare Komponenten zu erstellen, Zustände zu verwalten und Benutzerinteraktionen effektiv zu handhaben.

Ziel dieses Moduls ist es, Sie mit den notwendigen Fähigkeiten auszustatten, um moderne, effiziente und benutzerfreundliche Webanwendungen zu entwickeln. Durch die Kombination einer soliden Basis in JavaScript und TypeScript mit den Möglichkeiten von React sind Sie bestens für eine erfolgreiche Karriere in der Webentwicklung vorbereitet.

Nach Abschluss dieses Moduls können Sie:

• JavaScript-Grundlagen anwenden: Ein solides Verständnis der Kernkonzepte von JavaScript (Variablen, Datentypen, Kontrollfluss, Funktionen, objektorientierte Programmierung) erlangen.

• Dynamische Webanwendungen mit React erstellen: Interaktive und reaktionsschnelle Benutzeroberflächen mit der komponentenbasierten Architektur von React entwickeln.

• Sauberen und effizienten Code schreiben: Wartbaren und skalierbaren JavaScript-Code unter Anwendung von Best Practices und modernen Funktionen erstellen.

• TypeScript für bessere Codequalität nutzen: TypeScript einsetzen, um die Code-Zuverlässigkeit zu erhöhen, Fehler frühzeitig zu erkennen und die allgemeine Codequalität zu verbessern.

Modulinhalt

Das Modul JavaScript/TypeScript & React (Frontend) gliedert sich in folgende Kurseinheiten:

JavaScript Grundlagen

Als eine der populärsten Programmiersprachen ist JavaScript auf unzähligen Websites unverzichtbar. Es ermöglicht die Entwicklung dynamischer und interaktiver Webinhalte durch die Ergänzung von HTML und CSS. Dank seiner Zugänglichkeit und Vielseitigkeit finden sich Neulinge schnell zurecht und erzielen rasch Fortschritte, die zum Vertiefen des Wissens anregen. In diesem Kurs lernen Sie die Kernkonzepte der JavaScript-Programmierung kennen. Sie bauen ein starkes Fundament für die Erstellung dynamischer Webanwendungen, indem Sie Variablen, Datentypen, Operatoren, Kontrollfluss und Funktionen beherrschen.

JavaScript und das Document Object Model (DOM)

Dieser Kurs bietet einen umfassenden Einblick in die Manipulation des Document Object Model (DOM). Sie erwerben die nötigen Fähigkeiten, um dynamische und interaktive Webanwendungen zu erstellen. Behandelt werden dabei wichtige Konzepte und Methoden wie querySelector, innerHTML, Selektoren, Pseudoklassen, classList, DOMTokenList, defer, async, Events, Event-Handler, die Manipulation des style Objekts, sowie createElement, appendChild, siblings und insertBefore.

JavaScript für Fortgeschrittene

Aufbauend auf den Grundlagen werden in dieser Einheit komplexere JavaScript-Themen vertieft. Dazu gehören objektorientierte und asynchrone Programmierung sowie moderne JavaScript-Features wie ES6+. Sie lernen, effizienten und wartbaren JavaScript-Code zu schreiben, was Ihnen die besten Voraussetzungen für eine Karriere als Webentwickler:in bietet.

TypeScript-Grundlagen

TypeScript ist ein statisch typisiertes Superset von JavaScript. Diese Einheit behandelt die Grundlagen von TypeScript, inklusive Typ-Annotationen, Schnittstellen, Klassen und Module. Sie lernen, wie TypeScript die Codequalität, Lesbarkeit und Wartbarkeit verbessern kann.

Einführung in React

React ist eine weit verbreitete JavaScript-Bibliothek für die Erstellung von Benutzeroberflächen. In diesem Kurs lernen Sie, wiederverwendbare Komponenten zu erstellen, Zustände zu verwalten und Benutzerinteraktionen zu managen. Sie machen sich mit den Kernkonzepten von React vertraut, darunter JSX, Komponenten und Zustandsverwaltung.

JavaScript/TypeScript Debugging & Testing

Diese Einheit konzentriert sich auf Debugging-Techniken, Unit-Tests, Integrationstests und Tools für automatisiertes Testing. Sie lernen, Fehler effizient zu identifizieren, zu beheben und robusten Code zu schreiben.

Workload

Dieses Modul erfordert einen geschätzten Arbeitsaufwand von etwa 277 Stunden. Diese Zahl beinhaltet die gesamte Zeit, die Sie voraussichtlich für den erfolgreichen Abschluss des Moduls aufwenden werden.

Der angegebene Workload ist ein Durchschnittswert, der vom Web Professional Institute (WPI) ermittelt wurde. Bitte beachten Sie, dass der tatsächliche Zeitaufwand in einem Kurs davon abweichen kann. Dies liegt daran, dass die Lernumgebung und die Methoden unserer Trainingspartner variieren und jeder Mensch anders lernt.

Lernpfade

Dieses Modul ist eine Voraussetzung für die folgenden WPI-Zertifizierungen:

• Zertifizierte:r Web-Frontend-Entwickler:in

• Diploma in Webentwicklung

• Diploma in Web Engineering