Dieses Modul führt Sie in React ein, eine beliebte JavaScript-Bibliothek zur Erstellung von Benutzeroberflächen. Zu Beginn lernen Sie die JSX-Syntax kennen und verwenden Vite, um Ihre erste React-App einzurichten. AS erforscht, wie React mit Ereignissen umgeht und den Zustand von Komponenten verwaltet, und gewinnt ein tieferes Verständnis für den State-Rendering-Zyklus. Anhand praktischer Demos, wie z.B. dem Bau eines Stein-Papier-Schere-Spiels, werden Sie Ihr Wissen festigen. Am Ende dieses Moduls werden Sie in der Lage sein, dynamische, interaktive Anwendungen mit den zentralen Merkmalen von React zu erstellen.

Diese Woche tauchen Sie in die Erstellung von Single Page Applications (SPAs) mit React ein und konzentrieren sich auf die Verwaltung von "Seiten" innerhalb einer React-App. Sie werden lernen, wie man Formulare in React erstellt und handhabt. Dabei werden Schlüsselkonzepte wie kontrollierte vs. unkontrollierte Komponenten, Ereignisbehandlung und Formularvalidierung behandelt. Darüber hinaus werden Sie die Verwendung des Children-Prop, Wrapper-Komponenten und die Erstellung von wiederverwendbaren Schaltflächen und Karten kennenlernen. Außerdem wird der useRef-Hook zur Verwaltung von Referenzen in React vorgestellt. Am Ende dieser Woche werden Sie diese Konzepte anhand einer Aufgabe mit Modals und Kartenkomponenten in einem React-Projekt anwenden.

Diese Woche werden wir uns auf die Verwendung des `useEffect`-Hooks in React konzentrieren, mit dem Sie Seiteneffekte wie Datenabrufe oder DOM-Manipulationen verwalten können. Wir werden praktische Anwendungen von `useEffect` durch Lesungen und Demos erkunden, einschließlich der Erstellung einer Zählerkomponente. Darüber hinaus werden wir in das Konzept des Deeplinkings innerhalb von Single Page Applications (SPA) eintauchen und seine Bedeutung für die Navigation, die Browser History API und verschiedene Routing-Methoden wie pfadbasiertes und hashbasiertes Routing behandeln. Sie werden erfahren, warum das Verständnis dieser Konzepte entscheidend ist, auch ohne direkte Implementierung. Am Ende dieser Woche werden Sie diese Techniken in einer Aufgabe anwenden, in der Sie eine React SPA mit Deeplinks erstellen werden.

In dieser Woche werden wir wesentliche UI-Designkonzepte wie Wireframes, Mockups, Redlines und Prototypen erkunden. Sie werden lernen, wie diese Elemente in den Designprozess passen, mit visuellen Beispielen und einer Demo zur Bewertung von Projektvorschlägen. Wir werden auch die Dynamik der Arbeit mit funktionsübergreifenden Teams behandeln und uns dabei auf Rollen wie PMs, Entwickler, Designer und QA konzentrieren. Darüber hinaus werden wir uns mit Progressive Verbesserung und Graduelle Fehlertoleranz befassen, den wichtigsten Ansätzen für die Entwicklung stabiler Web-Erlebnisse. Schließlich werden wir Agile-Methoden vorstellen, einschließlich der Funktionsweise von Sprints in realen Projekten. Am Ende des Moduls werden Sie eine Aufgabe bearbeiten, in der Sie Schlüsselfragen identifizieren, die bei der Überprüfung eines Mockups für eine UI-Aufgabe auftreten.

Diese Woche konzentrieren wir uns auf die letzten Schritte der Webentwicklung und der Berufsvorbereitung. Sie werden lernen, wie man Webseiten auf einem Host bereitstellt und die Grundlagen der Einrichtung und Verwaltung einer Live-Website kennenlernen. Wir werden auch in den Prozess der Stellensuche eintauchen, mit Lesungen und einer Demo über die Dekonstruktion von Stellenausschreibungen, um Ihre Bewerbungen besser anzupassen. Darüber hinaus werden wir Strategien für Vorstellungsgespräche, das Aushandeln von Stellenangeboten und das Management Ihrer beruflichen Entwicklung behandeln.

Herzlichen Glückwunsch, dass Sie das Ende erreicht haben! In der letzten Woche des Kurses werden wir den Kurs mit einem umfassenden Quiz abschließen. Wir hoffen, dass Ihnen dieser Kurs gefallen hat!