4.7
Sterne
35 Bewertungen

Taught by Meta Staff

4.359 bereits angemeldet

von

Über diesen Kurs

102.823 kürzliche Aufrufe

React Native is an open-source framework for building cross-platform applications (apps) using React and the platform’s native capabilities. In this course, you will move from the basics of React to a more advanced implementation using React Native. You’ll review a wide range of different React components and ways of styling them. And you’ll get to practice using different mobile methods of interactivity with React Native.
Some of the basics skills you will learn include:
•	Building a single-page React Native app and styling it using basic components
•	Building large lists and configuring user inputs within a React Native app
•	Using the Pressable component to build buttons and other clickable areas
•	Setting up an app with React Navigation and moving between screens

You’ll gain experience with the following tools and software: 
•	React
•	React Native
•	Front End development languages (HTML, CSS and JavaScript)
•	JSX
•	Code editing programs, such as Expo and Visual Studio Code

This course is for learners who would like to prepare themselves for a career in mobile development. To succeed in this course, you will need foundational knowledge of React basics, internet navigation skills and an eagerness to code.

Flexible Fristen

Setzen Sie Fristen gemäß Ihrem Zeitplan zurück.

Zertifikat zur Vorlage

Erhalten Sie nach Abschluss ein Zertifikat

100 % online

Beginnen Sie sofort und lernen Sie in Ihrem eigenen Tempo.

Stufe „Mittel“

Learners need foundational knowledge of React basics, internet navigation skills and an eagerness to code.

Ca. 38 Stunden zum Abschließen

Englisch

Könnte Ihr Unternehmen von Mitarbeiterweiterbildungen für gefragte Kompetenzen profitieren?

Probieren Sie Coursera for Business aus

Kompetenzen, die Sie erwerben

React (Javascript Library)
React
Application development
Mobile Development

Flexible Fristen

Setzen Sie Fristen gemäß Ihrem Zeitplan zurück.

Zertifikat zur Vorlage

Erhalten Sie nach Abschluss ein Zertifikat

100 % online

Beginnen Sie sofort und lernen Sie in Ihrem eigenen Tempo.

Stufe „Mittel“

Learners need foundational knowledge of React basics, internet navigation skills and an eagerness to code.

Ca. 38 Stunden zum Abschließen

Englisch

Könnte Ihr Unternehmen von Mitarbeiterweiterbildungen für gefragte Kompetenzen profitieren?

Probieren Sie Coursera for Business aus

Dozent

Dozentenbewertung

4,85/5 (8 Bewertungen)

Taught by Meta Staff

236.819 Lernende

49 Kurse

von

Lehrplan - Was Sie in diesem Kurs lernen werden

Woche

Woche 1

9 Stunden zum Abschließen

Introduction to React Native

9 Stunden zum Abschließen

18 Videos (Gesamt 75 min), 21 Lektüren, 8 Quiz

18 Videos

Introduction to the course3m

What is React Native?6m

Native, cross-platform & hybrid developer roles4m

Meet a cross-platform developer3m

React Native Development Environment Overview2m

React Native with Expo4m

How is React Native used in the real world?3m

React Native Code2m

What is Expo?4m

What are React Native Components?5m

Building a component4m

What are View and Text Components?3m

Using the View and Text Components5m

What is the ScrollView Component?4m

Using the ScrollView Component5m

Styling Components using StyleSheet3m

Practical Styling5m

Module summary: Introduction to React Native2m

21 Lektüren

Course syllabus15m

How to be successful in this course10m

Additional resources5m

Benefits of React Native6m

Building React Native apps with Expo5m

Additional resources3m

Exploring building a component10m

Exercise: Your first React Native component30m

Solution: Your first React Native component30m

Additional resources5m

Explore the View and Text Components10m

Exercise: Build a React Native screen30m

Solution: Build a React Native screen30m

Explore the ScrollView Component15m

Exercise: Build a scrollable component30m

Solution: Build a scrollable component30m

Additional resources5m

Styling using StyleSheet15m

Exercise: Style a component30m

Solution: Style a component30m

Additional resources5m

8 praktische Übungen

Knowledge check: Introduction to React Native15m

Self review: Your first React Native component9m

Knowledge check: React Native Components15m

Self review: Build a React Native screen9m

Self review: Build a scrollable component9m

Knowledge check: Views, Text and Scrollable components15m

Self review: Style a component9m

Module quiz: Introduction to React Native30m

Woche

Woche 2

10 Stunden zum Abschließen

Lists and Text Input in React Native

10 Stunden zum Abschließen

12 Videos (Gesamt 57 min), 18 Lektüren, 9 Quiz

12 Videos

Rendering large lists using FlatList component3m

Using the FlatList component4m

FlatList Methods5m

Render large lists by sections using SectionList4m

Using the SectionList component5m

What is the TextInput component?4m

Configure the TextInput Component4m

Virtual Keyboard on Mobile Apps4m

Handling the Virtual Keyboard5m

Passing props to TextInput Component5m

Using TextInput Methods5m

Module summary: Lists and Text Input in React Native3m

18 Lektüren

Explore the FlatList Component15m

Exercise: Render a large list using FlatList30m

Solution: Render a large list using FlatList30m

Additional resources5m

Explore the SectionList Component20m

Exercise: Render a large list using SectionList30m

Solution: Render a large list using SectionList30m

Additional resources10m

TextInput Component and its Features20m

Exercise: Create a TextInput Component30m

Solution: Create a TextInput Component30m

Tips and Tricks to handle the virtual keyboard20m

Additional resources15m

Common props of TextInput component30m

Exercise: Create a login page30m

Solution: Create a login page30m

TextInput Methods15m

Additional resources5m

9 praktische Übungen

Self Review – Render a large list using FlatList9m

Knowledge check: Render large lists with FlatList15m

Self review: Render a large list using SectionList9m

Knowledge check: Render large lists with SectionList15m

Self review: Create a TextInput Component9m

Knowledge check: Accept user input15m

Self review: Create a login page9m

Knowledge check: Props and methods in TextInput15m

Module quiz: Lists and Text Input in React Native30m

Woche

Woche 3

8 Stunden zum Abschließen

Pressable, Images and Hooks in React Native

8 Stunden zum Abschließen

12 Videos (Gesamt 45 min), 15 Lektüren, 7 Quiz

12 Videos

What is the Pressable Component?5m

Using Pressable Component5m

Displaying Images in React Native4m

Using Image Component2m

Styling an Image within the app3m

Passing props to the Image Component5m

Setting Background Images3m

What are hooks ?2m

Using useColorScheme hook3m

Using useWindowDimensions hook2m

Using other community hooks3m

Module summary: Pressable, Images and Hooks in React Native1m

15 Lektüren

Exploring Pressable20m

Exercise: Create a clickable text area with Pressable30m

Solution: Create a clickable text area with Pressable30m

Additional resources25m

Exploring the Image Component15m

Exploring props to the Image Component30m

Exercise: Displaying Images in your app30m

Solution: Displaying Images in your app30m

Additional resources5m

Exploring the useColorScheme hook20m

Explore the useWindowDimensions hook15m

Exploring other community hooks10m

Exercise: Hooks in React Native30m

Solution: Hooks in React Native30m

Additional resources5m

7 praktische Übungen

Self review: Create a clickable text area with Pressable9m

Knowledge check: Pressable Component15m

Self review: Displaying Images in your app9m

Knowledge check: Images in React Native15m

Self review: Hooks in React Native15m

Knowledge check: Hooks in React Native15m

Module quiz: Pressable, Images and Hooks in React Native30m

Woche

Woche 4

9 Stunden zum Abschließen

React Navigation

9 Stunden zum Abschließen

14 Videos (Gesamt 52 min), 18 Lektüren, 9 Quiz

14 Videos

What is React Navigation?5m

Setting up React Navigation2m

Using the Stack.Navigator4m

Approaches to Passing Props to Screen2m

Moving to a New Screen4m

Moving Between Screens2m

Going Back to Previous Screen3m

Configuring a Header Bar5m

What is Tab Navigation?4m

Tab Navigation Example3m

Customizing your tab navigator3m

What is Drawer Navigation?3m

Drawer Navigation Example4m

Module summary: React Navigation2m

18 Lektüren

Installation and Setup of React Navigation20m

Creating and Configuring Native Stack Navigator15m

Passing props to Screen10m

Exercise: Set up Routes30m

Solution: Set up Routes30m

Additional resources5m

Navigating to a Screen15m

Exercise: Moving between screens30m

Solution: Moving between screens30m

Additional resources5m

Exploring Tab Navigation6m

Exercise: Configure Tab Navigation30m

Solution: Configure Tab Navigation30m

Additional resources5m

Exploring Drawer Navigation10m

Exercise: Configure Drawer Navigation30m

Solution: Configure Drawer Navigation30m

Additional resources5m

9 praktische Übungen

Self review: Set up Routes9m

Knowledge check: Introduction to React Navigation15m

Self review: Moving between screens9m

Knowledge check: Moving between screens15m

Self review: Configure Tab Navigation9m

Knowledge check: Tab Navigation15m

Self review: Configure Drawer Navigation9m

Knowledge check: Drawer Navigation15m

Module quiz: React Navigation30m

Bewertungen

4.7

9 Bewertungen

5 stars
72,22 %
4 stars
22,22 %
3 stars
2,77 %
2 stars
2,77 %

Top-Bewertungen von REACT NATIVE

von SA2. Jan. 2023

Excellent Course to get started with cross-platform mobile application development.

von SS25. Nov. 2022

its an excellent and in detail course if you are beginner in mobile app development highly recomended

von AF17. Dez. 2022

It was a little slow moving, but that actually turned out to make it much easier to absorb - it covered all of the key stuff to quickly start coding using React Native. I would recommend.

von B22. Dez. 2022

okay, this is my first class and I fully understand the introduction. Thank you 😊

Alle Bewertungen anzeigen

Häufig gestellte Fragen

Wann erhalte ich Zugang zu den Vorträgen und Aufgaben?
Der Zugang zu Vorlesungen und Aufgaben hängt von der Art Ihrer Anmeldung ab. Wenn Sie einen Kurs im Gastmodus belegen, können Sie die meisten Kursmaterialien kostenlos einsehen. Um auf benotete Aufgaben zuzugreifen und ein Zertifikat zu erhalten, müssen Sie während oder nach Ihrer Gastphase das Zertifikat erwerben. Wenn Sie die Gastoption nicht sehen:
Der Kurs bietet möglicherweise keine Gastoption an. Sie können stattdessen eine kostenlose Testversion ausprobieren oder finanzielle Unterstützung beantragen.
Der Kurs kann stattdessen "Vollständiger Kurs ohne Zertifikat" anbieten. Mit dieser Option können Sie alle Kursmaterialien einsehen, die erforderlichen Aufgaben einreichen und eine Endnote erhalten. Dies bedeutet auch, dass Sie kein Zertifikat erwerben können.
Was bekomme ich, wenn ich dieses Zertifikat abonniere?
Wenn Sie sich für den Kurs anmelden, erhalten Sie Zugriff auf alle Kurse des Zertifikats und Sie erhalten nach Abschluss aller Arbeiten ein Zertifikat. Ihr elektronisches Zertifikat wird zu Ihrer Seite „Errungenschaften“ hinzugefügt – von dort können Sie Ihr Zertifikat ausdrucken oder es zu Ihrem LinkedIn-Profil hinzufügen. Wenn Sie lediglich den Inhalt des Kurses lesen und anzeigen möchten, können Sie kostenlos als Gast an dem Kurs teilnehmen.

Haben Sie weitere Fragen? Besuchen Sie das Learner Help Center.

Fördern Sie Mitarbeiterkompetenzen für bessere Geschäftsergebnisse

Entdecken Sie Coursera für Unternehmen

React Native

Über diesen Kurs

Kompetenzen, die Sie erwerben

Dozent

Taught by Meta Staff

von

Meta

Lehrplan - Was Sie in diesem Kurs lernen werden

Introduction to React Native

Lists and Text Input in React Native

Pressable, Images and Hooks in React Native

React Navigation

Final project assessment

Bewertungen

Top-Bewertungen von REACT NATIVE

Häufig gestellte Fragen

Starten oder fördern Sie Ihre Karriere

Beliebte Kurse und Zertifizierungen

Beliebte Sammlungen und Artikel

Abschluss oder Zertifikat online erwerben

Coursera

Community

Mehr

React Native

Über diesen Kurs

Kompetenzen, die Sie erwerben

Dozent

Taught by Meta Staff

von

Meta

Lehrplan - Was Sie in diesem Kurs lernen werden

Introduction to React Native

Lists and Text Input in React Native

Pressable, Images and Hooks in React Native

React Navigation

Final project assessment

Bewertungen

Top-Bewertungen von REACT NATIVE

Häufig gestellte Fragen

Coursera Footer

Starten oder fördern Sie Ihre Karriere

Beliebte Kurse und Zertifizierungen

Beliebte Sammlungen und Artikel

Abschluss oder Zertifikat online erwerben

Coursera

Community

Mehr