1 00:00:02,380 --> 00:00:06,220 Was ist jetzt in diesem Kurs? Was wirst du in diesem Kurs lernen? 2 00:00:06,220 --> 00:00:12,520 Wir sind fast fertig mit den ersten Schritten und daher richten wir mit diesem Basismodul alles ein und Sie 3 00:00:12,520 --> 00:00:16,900 erhalten eine ungefähre Vorstellung davon, was React Native ist und wie es funktioniert. 4 00:00:16,900 --> 00:00:23,700 Danach haben wir natürlich ein sehr wichtiges Modul, in dem wir uns mit den Grundlagen von React Native befassen. In diesem Modul haben Sie alle grundlegenden Grundlagen kennengelernt, 5 00:00:23,710 --> 00:00:29,500 die Sie über React Native wissen müssen - wie diese Apps funktionieren, wie Sie mit React 6 00:00:29,500 --> 00:00:35,260 Native-Komponenten arbeiten, wie Sie Ihre eigenen Komponenten erstellen, wie Sie dafür sorgen, dass alles als native 7 00:00:35,260 --> 00:00:39,930 App funktioniert, was Sie können auf Ihren Emulatoren oder realen Geräten testen, all 8 00:00:40,090 --> 00:00:43,180 das ist in diesem super wichtigen Modul enthalten. 9 00:00:43,480 --> 00:00:49,390 Nach all diesen wichtigen Grundlagen werden wir uns nun auch mit dem Debuggen befassen. 10 00:00:49,390 --> 00:00:51,100 Wie können Sie Fehler aufspüren? 11 00:00:51,100 --> 00:00:53,530 Welche Tools helfen Ihnen beim Debuggen? 12 00:00:53,530 --> 00:00:57,070 Dies sind alles Fragen, die wir im Debugging-Modul behandeln werden. 13 00:00:57,260 --> 00:01:03,550 Danach werden wir uns wieder mit den Grundlagen befassen, aber mit den fortgeschrittenen Grundlagen, wenn 14 00:01:03,550 --> 00:01:08,500 Sie es so nennen möchten. Wir werden uns ansehen, wie Sie echte 15 00:01:08,500 --> 00:01:13,840 Apps erstellen, wie Sie Apps gestalten, welche verschiedenen Optionen Sie dort haben, wie Sie mit all diesen Komponenten 16 00:01:13,840 --> 00:01:18,300 arbeiten, die in React Native integriert sind, und mit Ihren eigenen Komponenten, die Sie basierend 17 00:01:18,310 --> 00:01:25,300 auf diesen erstellen können , wie Sie Ihre Apps gestalten, also werden wir hier wirklich viele Konzepte zusammenführen und diese in einer realistischeren 18 00:01:25,300 --> 00:01:31,660 App zusammenstellen, die nützlichere Dinge tut und in der wir bestimmte Probleme angehen müssen, die Sie in echten Apps angehen müssen. 19 00:01:31,720 --> 00:01:37,600 Dies ist ein weiteres Kernmodul, mit dem Sie lernen können, wie React Native funktioniert und wie React 20 00:01:37,600 --> 00:01:39,050 Native-Apps erstellt werden. 21 00:01:39,070 --> 00:01:43,900 Sobald wir dieses Modul abgeschlossen haben, haben wir ein solides Verständnis für all diese Grundlagen, aber es 22 00:01:43,900 --> 00:01:46,530 wird ein Problem geben. Bis zu diesem 23 00:01:46,630 --> 00:01:49,990 Punkt sind die Apps, die wir bisher erstellt 24 00:01:49,990 --> 00:01:56,050 haben, nicht wirklich flexibel, sie passen sich nicht wirklich an unterschiedliche Bildschirmgrößen an und 25 00:01:56,050 --> 00:01:56,880 es 26 00:01:56,950 --> 00:02:03,910 kann Unterschiede zwischen iOS oder Android hinsichtlich des Aussehens von Apps oder des Verhaltens bestimmter Dinge geben, 27 00:02:03,910 --> 00:02:10,300 die wir nicht verwenden nicht wirklich sorgen. Daher haben wir dann ein Modul, in dem wir 28 00:02:10,300 --> 00:02:15,970 uns mit dem Erstellen von reaktionsschnellen und anpassungsfähigen Apps befassen. So stellen Sie sicher, dass Ihre Apps gut 29 00:02:15,970 --> 00:02:19,690 aussehen und so funktionieren, wie sie auf verschiedenen Geräten, verschiedenen Gerätegrößen 30 00:02:19,690 --> 00:02:27,530 und auch auf verschiedenen Plattformen funktionieren sollten. So unter Android und iOS und wie Sie ein Projekt und eine Codebasis verwenden können, um Ihre 31 00:02:27,550 --> 00:02:30,970 App in bestimmten Bereichen immer noch auf verschiedene Plattformen abzustimmen. 32 00:02:30,970 --> 00:02:36,970 Nach all dem haben Sie sehr solide Grundlagen, aber wir haben auch nur an Apps gearbeitet, 33 00:02:36,970 --> 00:02:39,260 die meistens einen Bildschirm haben. 34 00:02:39,580 --> 00:02:45,640 Jetzt haben Sie in den meisten Apps Registerkarten, eine Seitenschublade, können zwischen verschiedenen Seiten hin und 35 00:02:45,640 --> 00:02:52,180 her navigieren und Sie haben schöne Übergänge und Animationen für diese Navigationsaktionen. Daher haben wir ein ganzes 36 00:02:52,180 --> 00:02:59,080 Modul, das der Navigation und der Vorgehensweise gewidmet ist Sie können die Navigation in Ihre App integrieren, wie Sie 37 00:02:59,290 --> 00:03:05,500 schöne Übergänge bereitstellen, wie Sie Ihrer Anwendung Registerkarten, verschiedene Arten von Registerkarten und all diese Kerntechniken und 38 00:03:05,500 --> 00:03:10,980 Dinge hinzufügen, die Sie in den meisten Anwendungen benötigen, die Sie erstellen möchten. 39 00:03:11,050 --> 00:03:17,920 Bis dahin haben wir auch das Gefühl, dass das Verwalten des Status und das Verwalten von Daten in unserer Anwendung schwierig 40 00:03:17,920 --> 00:03:23,040 sein kann, wenn unsere Anwendung wächst. Daher haben wir dann ein ganzes Modul, in 41 00:03:23,040 --> 00:03:30,280 dem wir uns mit dem Verwalten des Status befassen mit Hilfe von Redux und wie Sie Daten in Ihrer Anwendung weitergeben können. 42 00:03:30,280 --> 00:03:35,470 Nach all dem ist es wirklich Zeit zu üben und daher werden wir ein ganzes Modul haben, in 43 00:03:35,470 --> 00:03:41,260 dem wir eine brandneue Anwendung von Grund auf neu erstellen, in die wir alle Dinge integrieren, die wir bisher gelernt haben. 44 00:03:41,620 --> 00:03:47,710 Das ist ein Modul, in dem Sie dies selbst üben können oder einfach mir folgen oder Sie üben zuerst 45 00:03:47,710 --> 00:03:50,000 und vergleichen dann Ihre Lösung mit meiner. Es 46 00:03:50,050 --> 00:03:56,350 ist also ein großes Übungsmodul, in dem all diese zentralen Dinge, die wir gelernt haben, zusammenkommen und gesehen werden können 47 00:03:56,350 --> 00:03:57,590 in der Praxis. 48 00:03:57,660 --> 00:04:02,830 Danach nehmen wir dieselbe App und verbessern sie, indem wir beispielsweise Benutzereingaben besser 49 00:04:02,830 --> 00:04:10,720 verarbeiten, validieren, Fehlermeldungen anzeigen und sicherstellen, dass unsere App bestimmte Datenkriterien aufweist, die erfüllt werden müssen bevor wir weitermachen 50 00:04:10,810 --> 00:04:14,670 können und so weiter. Das ist also 51 00:04:14,740 --> 00:04:20,840 ein weiteres Kernmodul, da Sie in vielen Anwendungen natürlich Benutzereingaben sammeln müssen. 52 00:04:20,840 --> 00:04:27,790 Danach verlassen wir unsere Anwendung in gewissem Sinne auch, da wir lernen, wie Daten an einen Server gesendet 53 00:04:27,790 --> 00:04:31,760 und auf diesem Server in einer Datenbank gespeichert werden. 54 00:04:31,780 --> 00:04:36,130 Dies ist natürlich eine weitere wichtige Aufgabe, da nicht alle Daten auf Ihrem Gerät 55 00:04:36,130 --> 00:04:41,770 gespeichert sind. Stattdessen müssen einige Daten beispielsweise für andere Benutzer freigegeben werden oder sie sollten gesichert werden oder 56 00:04:41,770 --> 00:04:48,400 verfügbar sein, selbst wenn Benutzer Ihre App neu installieren und für All das, diese Daten müssen außerhalb Ihrer App gespeichert werden, 57 00:04:48,400 --> 00:04:50,000 sie müssen auf einem 58 00:04:50,050 --> 00:04:54,340 Server gespeichert werden, sie müssen in einer Datenbank gespeichert sein und genau das werden 59 00:04:54,340 --> 00:04:58,200 wir uns in diesem HTTP-Anforderungsmodul ansehen. In Bezug auf 60 00:04:58,230 --> 00:05:05,790 Server usw. benötigen viele Anwendungen auch eine Benutzerauthentifizierung. Sie müssen in der Lage sein, Benutzer anzumelden und sich 61 00:05:05,790 --> 00:05:08,900 anzumelden, sie abzumelden, ihre Sitzung zu verwalten, und 62 00:05:09,000 --> 00:05:14,250 genau das werden wir uns im Abschnitt zur Benutzerauthentifizierung, einem weiteren Kernabschnitt mit einer 63 00:05:14,250 --> 00:05:19,800 weiteren Kernfunktion, die Sie benötigen, genauer ansehen viele Anwendungen und wir werden uns all das 64 00:05:19,800 --> 00:05:21,950 in diesem Modul genauer ansehen. 65 00:05:22,170 --> 00:05:27,320 Nach diesem Modul verfügen Sie über viele Kernbausteine, die Sie für Apps benötigen, die 66 00:05:27,510 --> 00:05:32,730 Sie normalerweise erstellen. Eines fehlt jedoch. Auf diese Weise können Sie native Gerätefunktionen nutzen, 67 00:05:32,730 --> 00:05:38,730 die Gerätekamera verwenden und den Benutzer erreichen Standort oder wie Sie Google Maps verwenden können. Dies wird 68 00:05:38,730 --> 00:05:44,280 in diesem Modul für native Gerätefunktionen erläutert. Sie werden lernen, wie Sie den Benutzerstandort ermitteln, 69 00:05:44,310 --> 00:05:51,360 wie Sie ihn verwenden können, wie Sie ihn in einer SQLite-Datenbank auf dem Gerät speichern können, all diese lustigen Dinge sind 70 00:05:51,360 --> 00:06:00,140 in diesem Modul enthalten, und daher ist dies natürlich ein weiteres wichtiges Modul. Danach werde ich mich mit verschiedenen Möglichkeiten zum Erstellen Ihrer React Native-App befassen, 71 00:06:00,140 --> 00:06:06,050 da wir für den Großteil dieses Kurses tatsächlich die Expo verwenden, das Tool, mit dem wir in 72 00:06:06,050 --> 00:06:11,750 diesem ersten Kursmodul begonnen haben, da das Erstellen von React Native-Apps so einfach ist Es macht so 73 00:06:11,750 --> 00:06:17,070 viel Spaß, es ist einfacher und daher definitiv mein empfohlener Ansatz, aber Sie möchten ihn 74 00:06:17,240 --> 00:06:19,910 möglicherweise nicht immer verwenden. In diesem Modul 75 00:06:19,910 --> 00:06:26,840 habe ich erklärt, wann Sie ihn möglicherweise nicht verwenden möchten und wie Sie dann Apps ohne ihn erstellen, obwohl ich dies 76 00:06:26,840 --> 00:06:33,920 bereits kann Haben Sie an dieser Stelle einen kleinen Spoiler, für die meisten Anwendungen ist die überwiegende Mehrheit, Expo ist ein 77 00:06:34,100 --> 00:06:39,740 erstaunliches Werkzeug und auch wichtig, wirklich wichtig. Alles, was Sie in diesem Kurs gelernt haben, kann 78 00:06:39,950 --> 00:06:46,160 auf Expo- und Nicht-Expo-Apps angewendet werden, und ich mache das klar Auch in diesem Modul für verschiedene Workflows 79 00:06:46,160 --> 00:06:52,440 und ich zeige, wie Nicht-Expo funktioniert und wie Sie Code für sie schreiben und überraschen, es ist genau 80 00:06:52,520 --> 00:06:56,130 das gleiche, was Sie im Rest des Kurses gelernt haben. 81 00:06:56,540 --> 00:07:02,060 Danach sind wir natürlich nicht wirklich da, um nur eine App zu erstellen und sie dann wegzuwerfen. 82 00:07:02,090 --> 00:07:04,280 Stattdessen möchten Sie sie normalerweise veröffentlichen. 83 00:07:04,400 --> 00:07:09,350 Ich werde also ein ganzes Modul haben, das sich darauf konzentriert, wie Sie Apps veröffentlichen, und wir 84 00:07:09,350 --> 00:07:12,100 werden nicht nur einen Blick darauf werfen, wie Sie 85 00:07:12,110 --> 00:07:18,320 es erstellen und wie Sie es dann in den App Store bringen, sondern auch einen Überblick über die drahtlosen Updates Zum Beispiel, 86 00:07:18,320 --> 00:07:24,140 wie Sie die installierten Apps automatisch aktualisieren können, ohne Ihre Benutzer zum erneuten Herunterladen einer aktualisierten Version zu zwingen, was 87 00:07:24,140 --> 00:07:27,160 wirklich erstaunlich ist. Dies wird auch in diesem Modul behandelt. 88 00:07:27,180 --> 00:07:31,860 Viele Inhalte, all diese Module sind natürlich sehr detailliert, Sie erhalten 89 00:07:32,040 --> 00:07:37,230 jede Menge Wissen über React Native und am Ende des Kurses können Sie 90 00:07:37,230 --> 00:07:39,120 erstaunliche React Native-Anwendungen erstellen.