Moderne Webentwicklung mit React

59,50 €

% 119,00 €* (50% gespart)

Lieferzeit Sofort lieferbar

Lernen Sie, wie Sie mit React eine vollwertige Single-Page-Applikation entwickeln. IT-Experte Sebastian Springer zeigt Ihnen in seinem Videokurs Schritt für Schritt, wie Sie mit React Backend- und Frontend-Funktionen entwickeln können. Sie können direkt mitmachen und Ihr erlerntes Wissen anhand von Übungsaufgaben und Quizzes überprüfen.


  • React anschaulich erklärt in 80 Lektionen
  • Prüfen Sie das Gelernte in Wissenstests
  • Stellen Sie den Experten Fragen über das Q&A-Modul
  • Machen Sie mit bei praktischen Übungen
  • Inkl. aller Quelldateien auf GitHub 
Anzahl:
Artikel-Beschreibung

React hat sich als eine der drei großen Single-Page-Lösungen im Frontend über Jahre hinweg etabliert. Die Bibliothek setzt auf einen leichtgewichtigen komponentenbasierten Ansatz und konzentriert sich auf die Erzeugung von Benutzerschnittstellen. Sie bietet eine hohe Entwicklungsgeschwindigkeit und gewährleistet eine gute Performance für Anwendungen – nicht anders als von einem Projekt aus dem Hause Facebook zu erwarten.

Dieser Kurs erleichtert Ihnen den Einstieg in die Entwicklung mit React und hilft Ihnen, die Konzepte und Architekturmuster einer React-Applikation kennenzulernen. Sie lernen React von Grund auf kennen und werden alle wichtigen Aspekte der Bibliothek praxisnah einsetzen können. Angefangen bei Komponenten, über Hooks, Styling und Formulare entwickeln Sie eine voll funktionsfähige Kochbuch-Applikation, die Sie natürlich auch testen und debuggen werden.

Am Ende des Kurses verfügen Sie über eine lauffähige Single-Page-Applikation, wissen genau, wie sie funktioniert und wie Sie sie anpassen und erweitern können. Sie werden in der Lage sein, eigene Anwendungen zu entwickeln, die auch den Anforderungen an komplexe Unternehmensapplikationen standhalten können.


Länge:  491 Minuten





Alle Video-Lektionen im Überblick:


  • Einführung und Einrichtung
    • Herzlich willkommen zu diesem Kurs
    • Intro
    • Die Grundlagen von React
    • Werkzeuge für den Umgang mit React
    • Applikationen mit Create React App initialisieren
    • Weitere Optionen von Create React App kennenlernen
    • Struktur der Applikation
    • Start der Applikation
    • Quiz: Erste Schritte
  • Komponenten-Lifecycle
    • Intro
    • Aufbau des Effect Hooks
    • Einhängen von Komponenten
    • Aktualisierung von Komponenten
    • Entfernen von Komponenten
    • Mit einem Webserver kommunizieren
    • Lesend auf APIs zugreifen
    • Schreibend auf APIs zugreifen
    • Quiz: Komponenten-Lifecycle
  • Komponenten
    • Intro
    • Die Komponentenarchitektur von React
    • Funktionskomponenten als Bausteine einer Applikation
    • Thinking in React
    • React-Komponenten erstellen
    • Mehr Dynamik in Komponenten dank JSX
    • Den State einer Komponente richtig typisieren
    • Die State-Definition einer Komponente
    • Informationen mit Props an Komponenten übergeben
    • Umgang mit User-Events
    • Kommunikation zwischen Kind- und Elternkomponente
    • Quiz: Komponenten
  • Styling
    • Intro
    • Styling mit dem Style-Attribut und Klassen
    • Mehrere CSS-Klassen in einem Element
    • Mehr Flexiblität beim Stylen von Komponenten mit der Classnames Bibliothek
    • Styling mit SCSS und CSS Modules
    • Styled Components verwenden
    • Material UI einbinden
    • Quiz: Styling
  • Context
    • Intro
    • Zentrale Informationen im Context vorhalten
    • Zugriff auf den Context
    • Quiz: Context
  • Custom Hooks
    • Intro
    • Funktionalität in Custom Hooks auslagern
    • Quiz: Custom Hooks
  • Formulare
    • Intro
    • Grundlegender Aufbau eines Formulars
    • Formularelemente mit dem State synchronisieren
    • Ein umfangreicheres Formular aufbauen
    • Das Formular absenden
    • Formulardaten zum Server senden
    • Grundlagen der Formularvalidierung
    • Formularbehandlung mit Formik
    • Formularvalidierung mit Formik und Yup
    • Validierungsschema definieren
    • Quiz: Formulare
  • Refs
    • Intro
    • Refs
    • Dateien in React hochladen
    • Die übrigen Hooks
    • Quiz: Refs
  • Routing
    • Intro
    • Einführung in den React Router
    • Routen mit Variablen umsetzen
    • Direkte Steuerung des Routers
    • UI-Elemente mit dem Router steuern
    • Quiz: Routing
  • Testing
    • Intro
    • Unittests mit Jest
    • Tests organisieren
    • Weiterführende Test-Themen
    • React-Komponenten testen
    • Events testen
    • Abhängigkeiten mocken
    • Snapshot-Tests mit Jest
    • Quiz: Testing
  • Debugging und Tools
    • Intro
    • Die Applikation mit den Browser-Dev-Tools analysieren
    • Ein Blick in den Komponentenbaum mit den React-Dev-Tools
    • React-Applikationen profilen
    • Quiz: Debugging und Tools
  • Build
    • Intro
    • Build und Deployment einer React-Applikation
    • Die Konfiguration mit Umgebungsvariablen beeinflussen
    • Quiz: Build
  • Klassenkomponenten
    • Intro
    • Einführung in die Klassenkomponenten von React
    • Zustand und Props bei Klassenkomponenten
    • Der Lifecycle einer Klassenkomponente
    • Refactoring der Klassenkomponenten
    • Unterschiede zwischen Klassen- und Funktionskomponenten
    • Quiz: Klassenkomponenten
    • Fazit und Kursabschluss


Über den Trainer:

Sebastian Springer arbeitet bei MaibornWolff in München und beschäftigt sich vor allem mit den verschiedenen Aspekten von client- und serverseitigem JavaScript. Sein Fokus liegt auf der Fragestellung wie man die Welt mit Webtechnologien verbessern kann. Von JavaScript in Fahrzeugen und anderen Alltagsgegenständen bis hin zur Umsetzung von umfangreichen Enterprise Plattformen findet sich die Scriptsprache mittlerweile in allen Lebensbereichen wieder. Dadurch stellt sich die Frage wie sich die Architekturen, Codequalität und auch die Entwicklungswerkzeuge weiterentwickeln, um mit diesen Anforderungen standhalten zu können. Sebastian geht diesen Fragestellungen auf den Grund und vermittelt sein Wissen als Berater, Trainer und Autor an Webentwickler weiter.


So lernen Sie mit diesem Videokurs:

In den Videokursen von heise Academy lernen Sie IT-Themen anschaulich und verständlich. In den Videos schauen Sie den Experten bei der praktischen Arbeit zu und lassen Sie sich dabei alles genau erklären. Das Wissen ist in viele kleine Lernschritte und Aufgaben unterteilt – Sie können den Kurs Lektion für Lektion durcharbeiten oder gezielt zu Themen springen, die Sie interessieren.  Die persönliche Lernumgebung der heise Academy hält viele Funktionen für Sie bereit, die Ihnen beim Lernen helfen können:


  • Flexibler Videoplayer mit vielen Steuerungsmöglichkeiten
  • Wissensquizzes zur Lernkontrolle
  • Lernhistorie und Lernfortschritt
  • Lesezeichen und Notizen 
  • Volltextsuche in den Videos
  • Frage-den-Experten-Modul
  • Übungsmaterial zum Mitmachen
  • Responsive Web-App und Videostreaming für alle Endgeräte


Technische Voraussetzungen:

Für diesen Videokurs wird lediglich ein Browser (mit eingeschalteter JavaScript-Funktionalität) und eine Internetverbindung benötigt.

Artikel-Details
Anbieter:
Heise Medien GmbH & Co. KG
Artikelnummer:
react-webentwicklung-springer-01
Veröffentlicht:
25.11.2021

0 von 0 Bewertungen

Geben Sie eine Bewertung ab!

Teilen Sie Ihre Erfahrungen mit dem Produkt mit anderen Kunden.