4.7
estrellas
33 calificaciones

Taught by Meta Staff

4210 ya inscrito

Ofrecido Por

Acerca de este Curso

100.485 vistas recientes

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.

Fechas límite flexibles

Restablece las fechas límite en función de tus horarios.

Certificado para compartir

Obtén un certificado al finalizar

100 % en línea

Comienza de inmediato y aprende a tu propio ritmo.

Nivel intermedio

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

Aprox. 38 horas para completar

Inglés (English)

¿Podría tu empresa beneficiarse de la capacitación de los empleados en las habilidades más demandadas?

Prueba Coursera para negocios

Habilidades que obtendrás

React (Javascript Library)
React
Application development
Mobile Development

Fechas límite flexibles

Restablece las fechas límite en función de tus horarios.

Certificado para compartir

Obtén un certificado al finalizar

100 % en línea

Comienza de inmediato y aprende a tu propio ritmo.

Nivel intermedio

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

Aprox. 38 horas para completar

Inglés (English)

¿Podría tu empresa beneficiarse de la capacitación de los empleados en las habilidades más demandadas?

Prueba Coursera para negocios

Instructor

Calificación del instructor

4,85/5 (8 calificaciones)

Taught by Meta Staff

232.235 alumnos

49 cursos

Ofrecido por

Programa - Qué aprenderás en este curso

Semana

Semana 1

9 horas para completar

Introduction to React Native

9 horas para completar

18 videos (Total 75 minutos), 21 lecturas, 8 cuestionarios

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 lecturas

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 ejercicios de práctica

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

Semana

Semana 2

10 horas para completar

Lists and Text Input in React Native

10 horas para completar

12 videos (Total 57 minutos), 18 lecturas, 9 cuestionarios

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 lecturas

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 ejercicios de práctica

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

Semana

Semana 3

8 horas para completar

Pressable, Images and Hooks in React Native

8 horas para completar

12 videos (Total 45 minutos), 15 lecturas, 7 cuestionarios

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 lecturas

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 ejercicios de práctica

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

Semana

Semana 4

9 horas para completar

React Navigation

9 horas para completar

14 videos (Total 52 minutos), 18 lecturas, 9 cuestionarios

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 lecturas

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 ejercicios de práctica

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

Reseñas

4.7

9 reseña

5 stars
73,52 %
4 stars
20,58 %
3 stars
2,94 %
2 stars
2,94 %

Principales reseñas sobre REACT NATIVE

por SS25 de nov. de 2022

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

por AF17 de dic. de 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.

por SA2 de ene. de 2023

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

por B22 de dic. de 2022

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

Ver todas las reseñas

Preguntas Frecuentes

¿Cuándo podré acceder a las lecciones y tareas?
El acceso a las clases y las asignaciones depende del tipo de inscripción que tengas. Si tomas un curso en modo de oyente, verás la mayoría de los materiales del curso en forma gratuita. Para acceder a asignaciones calificadas y obtener un certificado, deberás comprar la experiencia de Certificado, ya sea durante o después de participar como oyente. Si no ves la opción de oyente:
es posible que el curso no ofrezca la opción de participar como oyente. En cambio, puedes intentar con una Prueba gratis o postularte para recibir ayuda económica.
Es posible que el curso ofrezca la opción 'Curso completo, sin certificado'. Esta opción te permite ver todos los materiales del curso, enviar las evaluaciones requeridas y obtener una calificación final. También significa que no podrás comprar una experiencia de Certificado.
¿Qué recibiré si me suscribo a este Certificado?
Cuando te inscribes en un curso, obtienes acceso a todos los cursos del Certificado y te darán un certificado cuando completes el trabajo. Se añadirá tu Certificado electrónico a la página Logros. Desde allí, puedes imprimir tu Certificado o añadirlo a tu perfil de LinkedIn. Si solo quieres leer y visualizar el contenido del curso, puedes auditar el curso sin costo.

¿Tienes más preguntas? Visita el Centro de Ayuda al Estudiante.

Desarrolla habilidades para tus empleados e impulsa los resultados de la empresa

Descubre Coursera para Empresas

react native

Acerca de este Curso

Habilidades que obtendrás

Instructor

Taught by Meta Staff

Ofrecido por

Meta

Programa - Qué aprenderás en este curso

Introduction to React Native

Lists and Text Input in React Native

Pressable, Images and Hooks in React Native

React Navigation

Final project assessment

Reseñas

Principales reseñas sobre REACT NATIVE

Preguntas Frecuentes

Comienza o impulsa tu carrera profesional

Cursos y certificaciones populares

Colecciones y artículos populares

Obtén un título de grado o un certificado en línea

Coursera

Comunidad

Más

react native

Acerca de este Curso

Habilidades que obtendrás

Instructor

Taught by Meta Staff

Ofrecido por

Meta

Programa - Qué aprenderás en este curso

Introduction to React Native

Lists and Text Input in React Native

Pressable, Images and Hooks in React Native

React Navigation

Final project assessment

Reseñas

Principales reseñas sobre REACT NATIVE

Preguntas Frecuentes

Coursera Footer

Comienza o impulsa tu carrera profesional

Cursos y certificaciones populares

Colecciones y artículos populares

Obtén un título de grado o un certificado en línea

Coursera

Comunidad

Más