¿Qué voy a aprender?
En el Curso de desarrollo móvil nativo con React Native aprenderás a crear una completa aplicación móvil desde 0 utilizando las últimas versiones de ReactJS (16), React Native con la plataforma Expo y React Navigation 3.Durante algo más de 8 horas aprenderás a desarrollar sistemas de navegación, autenticación y registro de usuarios con firebase, inicio de sesión con Facebook, control de acceso a zonas dependiendo si el usuario está o no identificado y muchas cosas más.
Además, 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.
Para inscribirte a este curso no necesitas haber trabajado previamente con ReactJS, ya que en la primera sección del curso desarrollaremos una aplicación web desde 0 para entender las partes más importantes de ReactJS y cómo funciona.
Te invito a ver el vídeo ¿Qué vamos a hacer? del curso donde explico todo detalladamente, espero que te guste, y, si es así, te invito a que te inscribas y empieces ya.
Requisitos recomendados para tomar el curso
- Conocimientos de HTML
- Conocimientos de Javascript, ES6 || >
- Recomendable haber trabajado con Nodejs
- Es un PLUS haber trabajado previamente con ReactJS, pero no necesario
¿Para quién es este curso?
- Para desarrolladores, principalmente pero no exclusivamente web, que quieran tener más posibilidades y adentrarse en el mundo del desarrollo móvil
¿Qué hago si tengo dudas a lo largo del curso?
El Curso de desarrollo móvil nativo con React Native cuenta con su propio foro para recibir ayuda en caso de que la necesites, una vez te hayas inscrito podrás acceder siempre que quieras. Las dudas planteadas en el foro normalmente son respondidas el mismo día para acelerar la fase de aprendizaje.Contenido del Curso
| Introducción | |||
| React Native: ¿Qué vamos a hacer? | GRATIS | 00:05:00 | |
| Desarrollar una aplicación con ReactJS | |||
| React Native: Archivos del curso (aplicación Web ReactJS) | 00:00:00 | ||
| React Native: Instalar dependencias y generar proyecto | GRATIS | 00:08:00 | |
| React Native: Componente para renderizar la cabecera de nuestra tabla | GRATIS | 00:05:00 | |
| React Native: Componente para añadir Todo haciendo uso de formularios | GRATIS | 00:10:00 | |
| React Native: Componente TodoItem para representar cada Todo de la aplicación | GRATIS | 00:13:00 | |
| React Native: Mezclando todos los componentes en uno, TodoList | GRATIS | 00:16:00 | |
| Configurar entorno Windows y Mac | |||
| React Native: Variables de entorno de Windows | 00:00:00 | ||
| React Native: Configurar entorno, Android SDK y primer proyecto | 00:18:00 | ||
| Empezando el proyecto con React Native y Expo | |||
| React Native: Archivos del curso (aplicación Móvil React Native Expo) | 00:00:00 | ||
| Curso React Native: Descargar Expo XDE (Actualización página Expo) | 00:00:00 | ||
| React Native: Instalar dependencias de la aplicación móvil con Yarn | 00:09:00 | ||
| React Native: Desarrollar nuestra aplicación en Firebase | 00:05:00 | ||
| React Native: Cambiar el Icono y el Splash Screen de nuestra app | 00:06:00 | ||
| React Native: Definir la estructura de nuestra aplicación | GRATIS | 00:06:00 | |
| Componentes y funcionalidades de uso global | |||
| React Native: Desarrollar un botón reutilizable para toda la APP | 00:08:00 | ||
| React Native: Desarrollar un componente para mostrar un preloader mientras cargan las zonas | 00:06:00 | ||
| React Native: Desarrollar un componente para utilizar una imagen de fondo en cada pantalla | 00:04:00 | ||
| React Native: Validación de formulario para el formulario de login | 00:03:00 | ||
| Desarrollando la zona pública de la APP | |||
| React Native: Iniciar la página principal para mostrar los botones de login y registro | 00:08:00 | ||
| React Native: Iniciar la navegación para usuarios invitados | 00:05:00 | ||
| React Native: Iniciar la pantalla para mostrar el formulario de login | 00:08:00 | ||
| React Native: Desarrollar lógica para poder navegar a la pantalla de login | 00:03:00 | ||
| React Native: Procesar el formulario de login contra firebase | 00:04:00 | ||
| React Native: Iniciar la pantalla de registro con firebase con confirmación de passwords | 00:10:00 | ||
| React Native: Detectar si el usuario está identificado para mostrar zona pública o privada | 00:04:00 | ||
| React Native: Procesar el formulario de registro utilizando email y password con firebase | 00:03:00 | ||
| React Native: Crear una App con Facebook y obtener las claves | 00:03:00 | ||
| React Native: Lógica para identificar usuarios con Facebook y configuración en firebase | 00:08:00 | ||
| Desarrollando la zona privada de la APP | |||
| React Native: Añadir un botón al final de la pantalla para añadir restaurantes | 00:03:00 | ||
| React Native: Componente para informar al usuario cuando no exista ningún restaurante | 00:04:00 | ||
| React Native: Inicializar listado restaurantes, definir estado y obtener datos de firebase | 00:08:00 | ||
| React Native: Renderizar todos los restaurantes de nuestra App o un mensaje si no hay ninguno | 00:07:00 | ||
| React Native: Inicializar navegación para usuarios identificados con Stack y Drawer navigator | 00:11:00 | ||
| React Native: Cerrar sesión con Firebase | 00:05:00 | ||
| React Native: Generando nuevos campos de formulario desde 0 (ejemplo de Slider) | 00:05:00 | ||
| React Native: Programar reglas y opciones para el formulario de alta y edición de restaurantes | 00:05:00 | ||
| React Native: Inicializar la pantalla para dar de alta nuevos restaurantes en firebase | 00:10:00 | ||
| React Native: Programar la lógica para guardar restaurantes en firebase | 00:06:00 | ||
| React Native: Lógica del formulario de comentarios para los restaurantes (valoraciones) | 00:03:00 | ||
| React Native: Inicializar pantalla para mostrar el detalle de un restaurante | 00:07:00 | ||
| React Native: Componente Rating para mostrar una media utilizando las valoraciones de firebase | 00:08:00 | ||
| React Native: Componente Restaurant para representar la información de cada restaurante | 00:06:00 | ||
| React Native: Componente CommentForm para añadir valoraciones a los restaurantes | 00:13:00 | ||
| React Native: Componente CommentList, mostrando todas las valoraciones del restaurante | 00:11:00 | ||
| React Native: Componente CommentEmpty, mostrando un mensaje si no hay valoraciones | 00:03:00 | ||
| React Native: Componente Comment, representando cada comentario desde un componente | 00:04:00 | ||
| React Native: Pantalla para la edición de restaurantes pasando datos utilizando navegación | 00:11:00 | ||
| React Native: Perfil de usuario utilizando datos en local con AsyncStorage | 00:14:00 | ||
| React Native: Optimizando listados (restaurantes y comentarios) con FlatList | 00:02:00 | ||
| React Native: Generar archivos para las stores, Android y iOS, explicación paso a paso | 00:13:00 | ||
| Actualizando a Expo 28 y React Navigation 2 | |||
| React Native: Archivos con el proyecto finalizado y actualizado | 00:00:00 | ||
| React Native: Actualizar todas las dependencias | 00:04:00 | ||
| React Native: Actualizar navegación de invitados con React Navigation 2 | 00:01:00 | ||
| React Native: Actualizar AppButton para que coja el 100% de su contenedor correctamente | 00:03:00 | ||
| React Native: Actualizar navegación de usuarios identificados con React Navigation 2 | 00:06:00 | ||
| React Native: Actualizar listado de restaurantes para que aparezca de nuevo la imagen | 00:02:00 | ||
| Añadir un buscador a nuestro listado de restaurantes | |||
| React Native: Archivos con la sección del buscador finalizado | 00:00:00 | ||
| React Native: ¿Qué vamos a hacer? | GRATIS | 00:01:00 | |
| React Native: Añadir el componente SearchBar a nuestro listado de restaurantes | 00:03:00 | ||
| React Native: Refactorizar componente Restaurants y crear referencias Firebase para búsquedas | 00:04:00 | ||
| React Native: Método para buscar restaurantes con Firebase | 00:04:00 | ||
| React Native: Resetear el buscador de restaurantes y volver a mostrarlos todos | 00:04:00 | ||
| Primera aplicación con MobX | |||
| React Native: ¿Qué vamos a hacer? | GRATIS | 00:02:00 | |
| React Native: Archivos contador con MobX finalizado | 00:00:00 | ||
| React Native: Entendiendo MobX | 00:04:00 | ||
| React Native: Crear proyecto, configurar .babelrc e instalar dependencias | 00:06:00 | ||
| React Native: Nuestra primera tienda de datos, CounterStore | 00:03:00 | ||
| React Native: Archivo de configuración para exportar todas nuestras tiendas en una | 00:03:00 | ||
| React Native: Configurar el Provider de MobX para poder acceder a la Store | 00:03:00 | ||
| React Native: Desarrollar una navegación utilizando TABS | 00:06:00 | ||
| React Native: Desarrollar una pantalla para utilizar nuestro CounterStore | 00:11:00 | ||
| Cargar las valoraciones de los restaurantes utilizando un DrodDownList | |||
| React Native: ¿Qué vamos a hacer? | GRATIS | 00:01:00 | |
| React Native: Archivos valoraciones de restaurantes | 00:00:00 | ||
| React Native: Actualizando a Expo 29, Firebase 5.3 y React Navigation 2.11 | 00:03:00 | ||
| React Native: Inicio Screen Reviews y actualizar navegación de usuarios identificados | 00:04:00 | ||
| React Native: Crear el componente DropDownList para cargar los restaurantes de nuestra app | 00:09:00 | ||
| React Native: Actualizar la screen de Reviews para mostrar el DropDownList y las valoraciones | 00:05:00 | ||
| React Native: Actualizar el componente CommentsList para hacer update al cambiar las props | 00:04:00 | ||
| Desacoplar Expo y añadir Autenticación Telefónica | |||
| React Native: ¿Qué vamos a hacer? | GRATIS | 00:03:00 | |
| React Native: Archivos Expo Detach Autenticación Telefónica | 00:00:00 | ||
| React Native: Desacoplar Expo de nuestro proyecto | 00:05:00 | ||
| React Native: Compilar app desacoplada con Android Studio | 00:03:00 | ||
| React Native: Crear túnel Exp Start y lanzar app desacoplada en Genymotion con Android Studio | 00:04:00 | ||
| React Native: Enlazar React Native Firebase y aplicar configuración | 00:12:00 | ||
| React Native: Añadir el módulo de autenticación de React Native Firebase a nuestro proyecto | 00:03:00 | ||
| React Native: Añadir Google Play Services a Genymotion e iniciar sesión con email y passsword | 00:07:00 | ||
| React Native: Añadir el módulo de bases de datos de React Native Firebase a nuestro proyecto | 00:03:00 | ||
| React Native: Registro de usuarios con React Native Firebase | 00:02:00 | ||
| React Native: Obtener el SHA1 de nuestro proyecto y aplicar en Firebase para acceder con móvil | 00:04:00 | ||
| React Native: Autenticación con número de teléfono utilizando React Native Firebase | 00:07:00 | ||
| Actualizando a React Navigation 3 | |||
| React Native: Archivos del curso (Update React Navigation 3) | 00:00:00 | ||
| React Native: Actualizar dependencias y utilizar createAppContainer en nuestras navegaciones | 00:06:00 | ||
| React Native: Actualizar navegación privada para mostrar de nuevo los estilos | 00:02:00 | ||
| React Native: Actualizar navegación invitados para mostrar de nuevo los estilos | 00:02:00 | ||
Cursos relacionados
App de Suscripciones con React Native para Android
24Precios variables +
Desarrollo de web components reutilizables con Stenciljs para Vuejs, Reactjs o Angular
22Precios variables +
Desarrollo de aplicaciones PWA con Vuejs y Quasar Framework
65Precios variables +
65 ALUMNOS MATRICULADOS
Gran curso
Muy bueno, cada vez mejor. Enhorabuena Israel.
Bastante Completo
Solo faltaria explicar en proximas actualizaciones como configurar push notifications
Buen curso
Un buen curso.