Desarrollo móvil con React Native, Expo y Firebase
4.0 (312 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,270 students enrolled

Desarrollo móvil con React Native, Expo y Firebase

Aplicaciones nativas en tiempo real con React Native, ¡actualizado a React Navigation 3!
4.0 (312 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,270 students enrolled
Created by Israel Parra
Last updated 12/2018
Spanish
Current price: $9.99 Original price: $199.99 Discount: 95% off
30-Day Money-Back Guarantee
This course includes
  • 8 hours on-demand video
  • 13 articles
  • 20 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to Udemy's top 3,000+ courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Al final del curso, los estudiantes serán capaces de desarrollar aplicaciones móviles nativas para Android y iOS evitando complejas configuraciones
  • Al final del curso, los estudiantes serán capaces de configurar y trabajar con firebase utilizando React Native

  • Al final del curso, los estudiantes serán capaces de desarrollar distintos tipos de navegación, entre ellas una navegación con Sidemenu

  • Al final del curso, los estudiantes serán capaces de manejar distintos tipos de autenticación en tiempo real con firebase
  • Instalar y configurar MobX para manejar tus datos de forma centralizada haciendo uso de Tiendas de datos
  • Conectar tu dispositivo Android a las aplicaciones que desarrolles para hacer debug
  • Desacoplar Expo de nuestros proyectos para utilizar módulos nativos de React Native
  • Autenticación telefónica utilizando códigos de acceso a través de Firebase
Course content
Expand all 99 lectures 08:08:56
+ Soluciones a posibles errores con Expo
1 lecture 00:26
ADB server didn't ACK * failed to start daemon * error: cannot connect to daemon
00:26
+ Empezando el proyecto con React Native y Expo
10 lectures 47:23
Archivos del curso (aplicación Móvil React Native Expo)
00:08
Acerca de Expo XDE (Actualización página Expo)
00:47
Snack Expo
00:05
Configurar entorno, Android SDK y primer proyecto
17:35

Si tienes problemas para configurar Genymotion o simplemente quieres lanzar las aplicaciones que estemos desarrollando en tu dispositivo Android 5, 6, 7 u 8, simplemente revisa este vídeo, ¡gracias por la sugerencia a nuestro compañero Johan!

¡Recuerda estar conectado a la misma red Wifi, utilizar LAN dentro de Expo y ejecutar el comando adb reverse tcp:8081 tcp:8081!

Utilizando nuestro dispositivo Android para hacer debug
03:35
Instalar dependencias de la aplicación móvil con Yarn
09:04
Recomendaciones
00:28
Desarrollar nuestra aplicación en Firebase
04:34
Cambiar el Icono y el Splash Screen de nuestra app
05:28
+ Componentes y funcionalidades de uso global
4 lectures 20:02
Desarrollar un botón reutilizable para toda la APP
07:44
Desarrollar un componente para mostrar un preloader mientras cargan las zonas
05:38
Desarrollar un componente para utilizar una imagen de fondo en cada pantalla
03:49
Validación de formulario para el formulario de login
02:51
+ Desarrollando la zona pública de la APP
11 lectures 55:04
Iniciar la página principal para mostrar los botones de login y registro
08:22
Iniciar la navegación para usuarios invitados
05:01
Iniciar la pantalla para mostrar el formulario de login
07:33
Desarrollar lógica para poder navegar a la pantalla de login
02:27
Procesar el formulario de login contra firebase
04:22
Iniciar la pantalla de registro con firebase con confirmación de passwords
09:49
Detectar si el usuario está identificado para mostrar zona pública o privada
03:32
Procesar el formulario de registro utilizando email y password con firebase
03:05
Crear una App con Facebook y obtener las claves
02:22
Android key hashes not configured?
00:21
Lógica para identificar usuarios con Facebook y configuración en firebase
08:10
+ Desarrollando la zona privada de la APP
22 lectures 02:36:04
Añadir un botón al final de la pantalla para añadir restaurantes
02:48
Componente para informar al usuario cuando no exista ningún restaurante
03:25
Inicializar listado restaurantes, definir estado y obtener datos de firebase
08:02
Renderizar todos los restaurantes de nuestra App o un mensaje si no hay ninguno
07:13
Inicializar navegación para usuarios identificados con Stack y Drawer navigator
10:58
Cerrar sesión con Firebase
05:09
Generando nuevos campos de formulario desde 0 (ejemplo de Slider)
05:12
Programar reglas y opciones para el formulario de alta y edición de restaurantes
04:55
Inicializar la pantalla para dar de alta nuevos restaurantes en firebase
10:00
Programar la lógica para guardar restaurantes en firebase
05:41
Lógica del formulario de comentarios para los restaurantes (valoraciones)
02:45
Inicializar pantalla para mostrar el detalle de un restaurante
06:54
Componente Rating para mostrar una media utilizando las valoraciones de firebase
08:03
Componente Restaurant para representar la información de cada restaurante
05:45
Componente CommentForm para añadir valoraciones a los restaurantes
13:12
Componente CommentList, mostrando todas las valoraciones del restaurante
10:57
Componente CommentEmpty, mostrando un mensaje si no hay valoraciones
02:57
Componente Comment, representando cada comentario desde un componente
04:00
Pantalla para la edición de restaurantes pasando datos utilizando navegación
10:23
Perfil de usuario utilizando datos en local con AsyncStorage
13:30
Optimizando listados (restaurantes y comentarios) con FlatList
01:49
Generar archivos para las stores, Android y iOS, explicación paso a paso
12:26
+ Actualizando a Expo 28 y React Navigation 2
6 lectures 16:02
Archivos con el proyecto finalizado y actualizado
00:04
Actualizar todas las dependencias
04:16
Actualizar navegación de invitados con React Navigation 2
01:16
Actualizar AppButton para que coja el 100% de su contenedor correctamente
02:49
Actualizar navegación de usuarios identificados con React Navigation 2
06:13
Actualizar listado de restaurantes para que aparezca de nuevo la imagen
01:24
+ Añadir un buscador a nuestro listado de restaurantes
6 lectures 15:18
Archivos con la sección del buscador finalizado
00:04
Añadir el componente SearchBar a nuestro listado de restaurantes
02:59
Refactorizar componente Restaurants y crear referencias Firebase para búsquedas
04:12
Método para buscar restaurantes con Firebase
03:23
Resetear el buscador de restaurantes y volver a mostrarlos todos
03:53
+ Primera aplicación con MobX
9 lectures 36:03
Archivos contador con MobX finalizado
00:03
Entendiendo MobX
03:33
Crear proyecto, configurar .babelrc e instalar dependencias
05:31
Nuestra primera tienda de datos, CounterStore
02:58
Archivo de configuración para exportar todas nuestras tiendas en una
03:08
Configurar el Provider de MobX para poder acceder a la Store
02:59
Desarrollar una navegación utilizando TABS
05:38
Desarrollar una pantalla para utilizar nuestro CounterStore
10:45
Requirements
  • Conocimientos de Html
  • Conocimientos de Javascript, ES6 || >
  • Recomendable haber tenido contacto con Nodejs
  • Es un plus haber trabajado previamente con React, aunque no necesario
Description

React Native nos ofrece la posibilidad de desarrollar aplicaciones móviles nativas utilizando ReactJS.

En este curso aprenderás todo lo que necesitas para desarrollar tu primera app paso a paso, poco a poco irás conociendo los distintos componentes que nos ofrece React Native y React Native Elements, botones, tarjetas, iconos y mucho más.

Aunque React Native es poderoso, también puede ser complejo a la hora de manejar entre otras cosas plugins, cámara, gps, notificaciones etc, por ese motivo, este curso utilizará la plataforma Expo, la cual ofrece todo con 0 configuración.

Gracias a Expo podremos generar los archivos .apk (Play Store) y .ipa (App Store) simplemente por ejecutar un único comando desde la terminal.

Para desarrollar nuestra aplicación móvil vamos a utilizar una herramienta multiplataforma llamada Genymotion que nos permite emular aplicaciones para Android utilizando distintos emuladores y configuraciones de forma sencilla, esta herramienta tiene una versión gratuita de 30 días con lo cual podrás desarrollar el curso sin problemas, si te vas a dedicar de forma profesional al desarrollo móvil te la recomiendo al 100%.

Además del trabajo con Firebase, también aprenderás a configurar y utilizar MobX dentro de React Native a través de varios ejemplos, MobX es una librería similar a Redux que nos permite manejar el estado de nuestros datos de forma centralizada a través de Stores, si no lo entiendes no te preocupes, dentro del curso te lo explicaré de forma detallada.

A continuación tienes el detalle de lo que desarrollaremos en el curso.

  • En la primera sección aprenderás a desarrollar tu primera aplicación web con ReactJS para familiarizarte con esta librería, si ya tienes conocimientos de ReactJ puedes saltar esta sección

  • Preparar el entorno para Windows y Mac

  • Desarrollar tu primer proyecto con React Native + Expo y conocer la estructura para saber qué hace cada archivo

  • Dar de alta y configurar una aplicación con Firebase en React Native

  • Formularios y validaciones

  • Uso de componentes con React Native Elements

  • Inicio de sesión y registro de usuarios con email y password utilizando Firebase

  • Dar de alta una app en Facebook para iniciar sesión a través de Firebase

  • Cerrar sesión para volver a la pantalla inicial

  • Desarrollar distintos tipos de navegación utilizando React Navigation, Stack y Drawer

  • Navegación dinámica dependiendo de si el usuario está o no identificado

  • Mostrar un preloader para hacer transiciones entre distintas Screens

  • Uso de AsyncStorage para almacenar datos en el dispositivo del usuario

  • Explicación paso a paso para generar los archivos para las Stores, .apk y .ipa

  • Explicar cómo actualizar las apps una vez publicadas utilizando Expo, "Over the Air" (OTA)

  • Desarrollar un buscador utilizando las bases de datos de Firebase

  • Desacoplar Expo de nuestros proyectos para utilizar módulos nativos de React Native

  • Autenticación telefónica utilizando códigos de acceso a través de Firebase


Una vez hayas finalizado el curso tendrás la posibilidad de desarrollar y publicar tus primeras APPS utilizando React Native y Expo.


Who this course is for:
  • Desarrolladores, principalmente web, que deseen aprender a desarrollar aplicaciones móviles nativas