Dein Einstieg in React & Redux
4.5 (31 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
313 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Dein Einstieg in React & Redux to your Wishlist.

Add to Wishlist

Dein Einstieg in React & Redux

Verstehe die Grundlagen von React & Redux, und entwickle interaktive Anwendungen mit Webpack und ES6.
4.5 (31 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
313 students enrolled
Created by Jannis Seemann
Last updated 4/2017
German
Current price: $10 Original price: $100 Discount: 90% off
1 day left at this price!
30-Day Money-Back Guarantee
Includes:
  • 5.5 hours on-demand video
  • 1 Article
  • 45 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Du wirst lernen, wie du interaktive Webseiten mit React entwickeln kannst
  • Strukturiere deine Anwendung mit React und Redux
  • Behalten den Überblick über deinen Code, indem du deine Anwendung in wiederverwendbare Komponenten zerlegst
  • Verstehe, wie Tools wie npm, Babel, Webpack und ES6 zusammenspielen
  • Verstehe React und Redux so gut, dass du in der Lage bist, es z.B. deinen Kollegen zu erklären
View Curriculum
Requirements
  • Du benötigst einen Computer, mit Windows, Mac, oder Linux
  • Ein paar Grundkenntnisse in HTML, CSS und JavaScript sind empfehlenswert
Description

Aktuell ist die beste Zeit, um React zu lernen. React ist in den letzten paar Jahren zunehmend populärer geworden, und ist jetzt eine der Top Frameworks, um eine interaktive Webanwendung zu entwickeln. Zudem werden zunehmend Entwickler für React gesucht - jetzt ist also der perfekte Zeitpunkt für dich, in das Thema einzusteigen.

Nach Abschluss des Kurses...

  • hast du gelernt, wie du mit JSX und React coole JavaScript - Anwendungen entwickeln kannst
  • verstehst du die Unterschiede zwischen props und state
  • weißt du, wie du skalierbare Anwendungen in React entwickeln kannst
  • hast du eine gute Grundlage für deinen Job als Webentwickler gelegt
  • kannst du dein Wissen verwenden, um mit React Native sogar native Apps für iOS / Android zu entwickeln

Ich habe diesen Kurs entwickelt, damit du möglichst schnell fit mit React bist. Daher lernst du alles, was du für deinen Einstieg in React benötigst:

  • React: Ein modernes Framework von Facebook, welches z.B. für Instagram eingesetzt wird. 
  • JSX: Eine kompakte Schreibweise für React - Code, die dir sehr viel Arbeit ersparen wird
  • Redux: Redux bringt Struktur in deine App. Absolut notwendig, sobald du mehr als 2 oder 3 Buttons in deiner Anwendung hast. 
  • React-Router: Damit kannst du mehrere Unterseiten haben. Wird in praktisch jeder React - Anwendung benötigt.
  • Webpack, Babel, ES6: Der typische "Stack", der verwendet wird, um React auszuführen. Dank ES6 kannst du React in der neusten und komfortabelsten Schreibweise programmieren, Webpack und Babel sorgen dafür, dass jeder Browser den Code dann ausführen kann.
  • Abfragen einer API: Wenn du selbst eine Anwendung mit React entwickelst, wirst du höchstwahrscheinlich Daten von einem Server abfragen müssen. Und genau deswegen zeige dir am Beispiel der Wikipedia-API Schritt für Schritt, was du dabei alles beachten musst.

Konnte ich dich für meinen Kurs begeistern? Dann freue ich mich, dich in meinem Kurs begrüßen zu dürfen :)

Who is the target audience?
  • Du möchtest komplexe Webseiten entwickeln
  • Du möchtest deine Karriere voran bringen - React ist aktuell ein gefragter Skill
Students Who Viewed This Course Also Viewed
Curriculum For This Course
50 Lectures
05:37:14
+
Hier starten
1 Lecture 04:27
+
Erste Schritte
7 Lectures 35:23
Download der benötigten Tools
00:38




Refresher: ES6 - import / export
02:16

Refresher: ES6 - Objektorientierung (extends)
06:11

Einführung: jsx
05:05
+
Komponenten...
11 Lectures 54:37



Musterlösung: Panel erstellen
05:00

Elemente verschachteln
04:35

State in React
08:24

Die render() - Funktion
04:05

Auf Klicks reagieren (Events)
06:22

Exkurs: Warum benötigten wir .bind(this)?
12:05

Aufgabe: Schreibe einen Klickzähler
00:56

Musterlösung: Schreibe einen Klickzähler
03:21
+
Projekt: TODO - Liste
11 Lectures 01:23:06
Todo - Liste anlegen
10:57

Todo hinzufügen
04:03

Exkurs: Was ist die Virtual DOM?
10:50

Warum benötigen wir das key - Attribut bei der Todo - Liste?
08:31

Anwendung in Untercomponents zerlegen
07:23

Todo hinzufügen
06:45

Eingabe mit State verknüpfen
14:11

Validieren von Parametern (propTypes)
06:00

Lösung: Validieren von Parametern (propTypes)
04:21

CSS - Styles in React
03:58

Exkurs: Wie wird eine React - Anwendung überhaupt geladen?
06:07
+
Komplexere Anwendung programmieren: Redux
11 Lectures 01:25:52
Einführung: Warum Redux?
12:06

Klickzähler mit Redux
12:23

React-Redux und die connect() - Funktion
10:58

Klickzähler fertigstellen
04:29

Redux mit mehreren Bereichen
03:27

Todoliste hinzufügen
04:31

Mehrere Reducers kombinieren (combineReducers)
07:44

Mehrere Reducers kombinieren (2)
05:02

Todo hinzufügen (1)
16:40

Todo hinzufügen (2)
02:11

Redux und mehrere Components
06:21
+
Mehrere Seiten - React Router
3 Lectures 16:09
Einbau von React-Router
08:36

Navigation bauen
03:38

Redux & React Router: Die perfekte Kombination
03:55
+
Praxisprojekt: Daten von API abfragen
5 Lectures 50:30
Anwendung vorbereiten
05:37

Ergebnisseiten anlegen
09:52

Wikipedia - Api abfragen (1)
09:40

Wikipedia - Api abfragen (2)
14:05

Projekt fertigstellen
11:16
+
Schluss
1 Lecture 07:14
Schlussworte
07:14
About the Instructor
Jannis Seemann
4.6 Average rating
2,573 Reviews
15,646 Students
19 Courses
unterrichtet 19 Kurse auf Udemy

Online-Lehrer und erfahrener Webprogrammierer aus Überzeugung

Hi, ich bin Jannis! Mit 14 habe ich meine ersten Webseiten entwickelt. Programmierung ist seitdem meine absolute Leidenschaft.

Begeisterter Programmierer seit der Jugend
Nach dem Abitur und der Teilname an zwei Endrunden im Bundeswettbewerb Informatik habe ich als Volljähriger mein erstes Praktikum in einem großen IT-Konzern in den USA absolviert.

Eigene Firma für professionelle Webentwicklung
Als mittlerweile studierter Informatiker und selbstständiger Unternehmer setze ich erfolgreich Webprojekte für meinen Kunden um und teile mein Wissen und meine Erfahrung in aktuell zwölf Kursen.

Dozent mit breitem Verständnis
Ruhig, verständlich, gründlich und nachvollziehbar möchte ich erklären ich, was auf den ersten Blick sehr kompliziert erscheint. Ich lehre einsteigerfreundliche Sprachen wie Python, bekannte Frameworks wie jQuery und NodeJS für die Entwicklung komplexer, interaktiver Webseiten.

Tiefes Verständnis von Programmierkonzepten
Mir macht es Freude, euch Programmiersprachen beizubringen. Dabei ist mir wichtig, dass ihr die Konzepte dahinter versteht. Dann erklärt sich auch fast von selbst, warum an der einen oder anderen Stelle euer Programm so oder anders geschrieben wird.