Next.js - Das React Framework für moderne Webanwendungen

Dein Einstieg in die Entwicklung dynamischer Webanwendungen mit React und NextJS

Ratings: 4.43 / 5.00




Description

Du möchtest moderne, dynamische Full Stack Webanwendungen mit Frontend und Backend in Javascript entwickeln, die im Funktionsumfang keine Wünsche offen lassen?

Dann bist du in diesem Kurs genau richtig!

Herzlich Willkommen zum Next.js Kurs! Next.js ist genau das React Full Stack Framework das du brauchst, um alles zu entwickeln das du dir vorstellen kannst. Von einfachen Webseiten bis hin zu hochkomplexen Webanwendungen und Onlineshops die maximal Skalierbar sind, ist mit Next.js quasi alles möglich.

React Full Stack Framework bedeutet, dass Next.js auf React aufbaut und du damit sowohl das Frontend als auch das Backend erstellen kannst. React kümmert sich um das Frontend und Next.js ergänzt das Backend um zusätzliche nützliche Funktionen. In diesem Kurs lernst du somit also nicht nur ein, sondern gleich zwei Javascript Frameworks. Im Funktionsumfang für deine Webprojekte sind dir damit keine Grenzen gesetzt.

Zahlreiche große Firmen haben das Potential und die Möglichkeiten erkannt und ihre Webseiten auf Next.js umgestellt. Bekannte Beisiele sind Netflix, Nike, Ferrari, Twitch, TikTok, Github, Coinbase, Binance oder Uber. Und noch viele mehr.

Außerdem ist React allein nach wie vor das angesagteste Javascript Framework für für die Entwicklung von Frontend User Interfaces, für die es die meisten Stellenausschreibungen gibt. Sollte dein Ziel die berufliche Weiterbildung oder ein neuer Job in der Webentwicklung sein, dann ist React in jedem Fall eine gefragte Fähigkeit. Und zusätzlich lernst du hier natürlich hauptächlich noch die Backendentwicklung mit Next.js!

Dieser Kurs bietet dir in über 9 Stunden alles was du wissen musst, um deine eigenen React und Next.js Projekte einzurichten, umzusetzen und moderne Webanwendungen für jeden Einsatzzweck zu erstellen. Wir starten hier komplett bei 0, du solltest aber Grundkentnisse in Javascript und HTML mitbringen.


Folgende Inhalte werden wir besprechen und an konkreten Code-Beispielen bearbeiten:

  • Die React und Next.js Grundlagen

  • JSX Syntax für die kompakte Entwicklung von React Komponenten

  • CSS und SASS Styling für die Erstellung des Frontends

  • State Management und Redux zur Verwaltung von globalen Zustandsänderungen der Variablen

  • Routing und Navigation der Webanwendung

  • Verschiedene Render Arten um deine Anwendung zum Beispiel serverseitig Vor-rendern zu lassen und damit die Suchmaschinenoptimierung zu verbessern

  • Image Optimierung für Lazy Loading Geräte optimierter Ausgabe von Bildern

  • API Endpoint um deine eigene Programmierschnittstelle zu entwickeln und anderen Dienste oder Webseiten anzubinden

  • Implementierung von realen Zahlungsoptionen wie Kreditkarte, SEPA oder Paypal

  • Datenbank Integration für die dauerhafte Speicherung, sowohl lokal als auch in der Cloud

  • Deployment zur Veröffentlichen von statischen Exports oder hochdynamischen productions builds

  • Benutzerauthentifizierung und Login um einzelne Teile der Webanwendung vor Zugriff zu schützen

  • Wir entwickeln ein vollständiges Webprojekt, von der ersten Zeile bis zum veröffentlichten Projekt im Internet

  • ..und noch vieles mehr das ich dir im Lehrplan und in den Lektionen vorstelle


Zu jedem Beispiel bekommst du den kompletten Code im Anhang zur Lektion als Download!

Wenn du jetzt Lust bekommen hast mehr über React und Next.js zu erfahren, freue ich mich darauf dich im Kurs begrüßen zu dürfen. Dann lass uns direkt anfangen! :)

What You Will Learn!

  • ✨ Du lernst die kompletten Grundlagen von React und Nextjs
  • 🎉 Du lernst wie du eigene Projekte installierst und einrichtest
  • 🚀 Du wirst eine voll funktionsfähige, reale Webanwendung mit React und Nextjs entwickeln
  • 🔥 Du lernst das Routing und die Navigation deiner Webanwendung
  • 💥 Du lernst die Verwendung von zahlreichen weiteren Javascript Bibliotheken und NPM Paketen
  • 🌏 Du wirst in der Lage sein, deine eigenen Webanwendung zu kompilieren und im Web zu veröffentlichen
  • 💽 Du lernst die Nutzung von lokalen und Cloud Datenbanken
  • 📟 Du lernst den Einsatz von API Endpoints
  • 💳 Du wirst Paypal intrigieren um echte Zahlung abzuwickeln
  • 🎥 Du lernst die Transitions für Animationen kennen
  • 🧮 Du lernst die Grundlagen von States und Redux
  • 💈Du lernst dein Design mit CSS und SASS anzupassen

Who Should Attend!

  • Javascript Entwickler mit Grundlagenwissen die moderne Webanwendungen entwickeln wollen
  • Entwickler die React und Nextjs schnell und einfach lernen wollen
  • Programmierer Einsteiger mit keinem oder etwas Wissen über ein anderes Javascript Framework