In diesem Modul gehen wir Schritt für Schritt durch den Aufbau Ihrer ersten Website von Grund auf, beginnend mit der Einrichtung wichtiger Tools wie Visual Studio Code. Sie lernen, wie Sie eine einfache Website mit HTML und JavaScript erstellen, das DOM für dynamische Interaktionen bearbeiten und verschiedene Programmierparadigmen kennenlernen. Am Ende dieses Moduls verfügen Sie über ein praxisorientiertes Verständnis für die Erstellung und Optimierung von Webseiten.

In diesem Modul werden wir Ihre einfache Website in eine voll funktionsfähige React-Anwendung umwandeln. Sie lernen, wie Sie herkömmlichen Webcode manuell konvertieren, das React-Projekt strukturieren und Quelldateien verknüpfen. Darüber hinaus werden wir uns mit den wichtigsten Tools wie Babel und JSX befassen, die den Entwicklungsprozess optimieren, indem sie Ihnen die Nutzung moderner JavaScript-Funktionen bei verbesserter Lesbarkeit ermöglichen.

In diesem Modul behandeln wir die CORE-JavaScript-Konzepte, die für das Beherrschen von React unerlässlich sind. Wir beginnen mit Node.js und der Einrichtung Ihrer Entwicklungsumgebung und beschäftigen uns anschließend mit grundlegenden Konzepten wie Funktionen, Gültigkeitsbereich und Closures. Außerdem beschäftigen Sie sich mit fortgeschrittenen JavaScript-Funktionen wie Pfeilfunktionen, Destrukturierung und Function Hoisting – Fähigkeiten, die für das Schreiben von sauberem und effizientem Code in React-Anwendungen entscheidend sind.

In diesem Modul führen wir Sie Schritt für Schritt durch die Entwicklung von React-Anwendungen. Sie lernen, wie man Komponenten schreibt, die Struktur des Komponentenbaums versteht und mit verschachtelten Komponenten arbeitet. Durch die Auseinandersetzung mit Props, Listen und React-Hooks erwerben Sie praktische Fähigkeiten zur Verwaltung des Zustands, zur Darstellung dynamischer Inhalte und zur Erstellung interaktiver, effizienter Anwendungen von Grund auf.

In diesem Modul führen wir Sie durch den Prozess der Migration Ihrer React-Projekte zu Next.js. Sie lernen die besonderen Vorteile von Next.js für die professionelle Entwicklung kennen, darunter verbesserte Skalierbarkeit und Leistung. Am Ende dieses Moduls sind Sie in der Lage, Ihre React-Anwendungen in vollständig optimierte Next.js-Projekte umzuwandeln.

In diesem Modul werden wir uns mit den fortgeschrittenen CORE-Konzepten von Next.js befassen, um Ihre Anwendungen für den Produktiveinsatz zu optimieren. Sie werden sich eingehend mit dem Next.js-Compiler, der Minifizierung und dem Bundling sowie mit fortgeschrittenen Rendering-Techniken wie CSR, SSR und SSG beschäftigen. Außerdem werden wir die entscheidende Rolle von CDNs und Edge-Computing bei der Verbesserung der Leistung und der Inhaltsbereitstellung für Next.js-Anwendungen untersuchen und Ihnen die Werkzeuge an die Hand geben, mit denen Sie hochleistungsfähige, skalierbare Webanwendungen erstellen können.

In diesem Modul werden wir in einem praxisorientierten Bootcamp mit gemeinsamen Programmierübungen Schritt für Schritt den Prozess der Erstellung einer Next.js-App von Grund auf durchgehen. Sie erhalten eine Einführung in das Abschlussprojekt und lernen, wie Sie eine Next.js-Vorlage lokal einrichten. Wir werden die Dateistruktur und Core-Konzepte wie Seiten erkunden und uns anschließend mit Optimierungstechniken wie Prefetching und Code-Splitting befassen, um die Leistung Ihrer App zu verbessern.

In diesem Modul werden wir uns damit befassen, wie Sie mit Metadaten und Assets in Next.js arbeiten können, um das Design und die Funktionalität Ihrer Anwendungen zu verbessern. Sie lernen, Bilder zu optimieren, Skripte und Header-Daten zu verarbeiten sowie CSS-Module für ein modulares Styling zu nutzen. Darüber hinaus werden Sie globale Stile implementieren und Utility-Stile anpassen, um mehr Flexibilität zu gewinnen. Wir werden uns außerdem mit der Bedeutung von Metadaten für die Verbesserung der Suchmaschinenoptimierung (SEO) und des Teilens in sozialen Medien befassen und mithilfe von Props und Children in React und Next.js dynamische Layouts und interaktive Komponenten erstellen.

In diesem Modul werden wir uns eingehend mit Pre-Rendering- und Datenabruftechniken in Next.js befassen. Sie werden die Unterschiede zwischen statischer Generierung und serverseitigem Rendering (SSR) erkunden und lernen, wie Sie den richtigen Ansatz für Ihr Projekt auswählen. Anhand praktischer Schritte implementieren Sie „GetStaticProps“ zur Generierung statischer Inhalte und optimieren dynamische Inhalte mithilfe des Datenabrufs. Außerdem behandeln wir, wann „GetServerSideProps“ für das serverseitige Rendering eingesetzt werden sollte, und üben wichtige Algorithmen für eine bessere Datenbearbeitung.

In diesem Modul beschäftigen wir uns mit dynamischen Routen in Next.js, damit Sie flexible, datengesteuerte Webanwendungen entwickeln können. Sie lernen, wie Sie `getStaticPaths` für das dynamische statische Rendering implementieren, dynamische Beitragsseiten optimieren und Ihre Komponenten mit Styling verfeinern. Das Modul behandelt außerdem fortgeschrittene Techniken wie Incremental Static Regeneration (ISR), das Abrufen von Daten, Datenbankabfragen und die Nutzung von API-Routen, um die Funktionalität und Interaktivität Ihrer App zu erweitern.

In diesem Modul führen wir Sie Schritt für Schritt durch den Prozess der Bereitstellung Ihrer Next.js-Anwendung. Zunächst lernen Sie GitHub kennen und erfahren, wie Sie Ihre App zur Versionskontrolle auf die Plattform hochladen. Anschließend widmen wir uns der Bereitstellung Ihrer App auf Vercel, der Verwaltung von Branches sowie dem Umgang mit Pull-Anfragen und Code-Reviews, um Ihren Entwicklungs- und Bereitstellungsprozess zu optimieren. Am Ende werden Sie die Bereitstellung und Verwaltung Ihrer Next.js-Projekte mit GitHub und Vercel sicher beherrschen.