Desarrollo de aplicaciones móviles

Curso de React Native intermedio

Aprende los conceptos más avanzados para sacar todo el partido al framework para crear aplicaciones móviles y tener aplicaciones profesionales en los diferentes dispositivos Android e iOS.

4.1 (85 valoraciones)
6 horas y 37 minutos · curso
React Native intermedio

Lo que aprenderás en este curso:

  • Aprenderás a estructurar tus proyectos en ReactNative para que sean reutilizables.
  • Configurar y ejecutar una aplicación sin usar Expo.
  • Integrar diferentes librerías con dependencias nativas en iOS y Android.
  • Conocerás las técnicas necesarias para ejecutar tus aplicaciones en modo offline.
  • Automatizar los procesos de empaquetado y despliegue de tus proyectos.
  • Aprenderás a crear animaciones en tus aplicaciones y detectar gestos.

Requisitos del curso

Se requiere que el alumno tenga un conocimiento básico de programación tanto en React como React Native. Para ello puede realizar previamente, en el caso de que sea necesario, tanto el curso de React, como el curso React Native Basico que tenemos en la plataforma.

Valoraciones de estudiantes:

  • 5
  • 4
  • 3
  • 2
  • 1
4.1
85 valoraciones

Contenido del curso:

    • 2 m
    • Repaso a los conceptos básicos de React Native
      4 m
    • Requisitos previos
      3 m
    • Preparación del entorno de trabajo
      3 m
    • Create React Native
      3 m
    • Probar una aplicación en simuladores de iOS y Android
      8 m
    • Probar una aplicación en dispositivos iOS y Android
      3 m
    • 2 m
    • Definir los componentes y pantallas necesarias
      7 m
    • Estructura básica de componentes y pantallas
      9 m
    • Configuración de React-Navigation
      5 m
    • Navegar entre pantallas
      9 m
    • Crear un panel lateral
      10 m
    • Configurar el encabezado de navegación
      14 m
    • Otros módulos de React-Navigation
      11 m
    • ¿Qué es un componente reutilizable?
      3 m
    • Crear un componente reutilizable
      9 m
    • Añadir variantes a un componente reutilizable
      9 m
    • Reutilizar un componente mediante HOC
      13 m
    • Configuración de Redux
      10 m
    • Usar Redux en los componentes de notas
      9 m
    • Usar Redux en los componentes de categorías
      13 m
    • Persistir Redux con AsyncStorage
      14 m
    • ¿Qué es Firebase?
      2 m
    • Configuración de Firebase en Android
      9 m
    • Configuración de Firebase en iOS
      6 m
    • Autenticación con email y password en Android
      20 m
    • Autenticación con email y password en iOS
      2 m
    • Uso de Firestore en Android (Parte I)
      16 m
    • Uso de Firestore en Android (Parte II)
      4 m
    • Uso de Firestore en iOS
      3 m
    • Usar Firestore sin conexión
      5 m
    • Definir estilos globales y locales de componentes
      10 m
    • Configurar diferentes temas visuales
      11 m
    • Aplicar el tema al resto de componentes
      15 m
    • 3 m
    • Crear una animación y probar configuraciones
      10 m
    • Composición de animaciones
      14 m
    • Layout Animation
      3 m
    • ¿Por qué usar FCM?
      2 m
    • Configuración de FCM en Android
      8 m
    • Configuración de FCM en iOS
      10 m
    • Notificaciones PUSH
      12 m
    • Crear y programar notificaciones locales
      8 m
    • ¿Qué es Fastlane?
      2 m
    • Configurar Fastlane
      3 m
    • Definir lane para Android
      14 m
    • Definir lane para iOS
      9 m
    • Conclusiones
      2 m
También te puede interesar

Te dejamos una selección de cursos, carreras y artículos

sin actividad · Carrera

Desarrollo Móvil

Herramientas de desarrollo para React Native

27 Junio 2019 Álvaro Jiménez Martín

Dudas frecuentes

1

¿Cuál es el precio?

En OpenWebinars no vendemos cursos, talleres o laboratorios unitarios.

Tenemos diferentes tipos de suscripciones, que te dará acceso completo a todos los cursos de la plataforma y a los nuevos que vamos lanzando, siempre y cuando tu suscripción esté activa (como Spotify con la música o Netflix con las películas y series).

¿Eres una empresa? Tenemos planes especiales para ti. Consúltanos aquí.

2

¿Cuándo comienza el curso?

En OpenWebinars los cursos no tienen fecha de inicio y de final.

Cada curso tiene una fecha de publicación y desde ese día estarán 100% disponible todos los contenidos del curso para los usuarios suscritos a alguno de nuestros planes.

3

¿Obtengo un diploma de certificación?

En todos los cursos existe un examen final para evaluar tus conocimientos adquiridos. Si superas este examen con más de un 80% de preguntas correctas obtendrás el diploma de certificación. Puedes realizar un intento cada 24 horas.

Este diploma es un certificado privado emitido por OpenWebinars, y valorado en el mundo empresarial, ya que tenemos grandes compañías clientes que se forman con nosotros y valoran nuestras certificaciones.

No olvides poner tu certificación en tu perfil Linkedin y en tu currículum.

Si ya realizaste nuestro curso de React Native para principiantes, podrás seguir con tu formación como desarrollador de aplicaciones con este potente framework realizando el nuevo curso que te proponemos, el curso de React Native intermedio.

Completar el mismo te permitirá profundizar en tus conocimientos sobre React Native, aprendiendo más sobre su funcionamiento interno, como por ejemplo cómo aplicar permisos, cómo reutilizar componentes o cómo integrarlo con Redux, entre muchas otras cosas.

Aprenderás a crear una aplicación completa utilizando React Native CLI, lo que complementará y supondrá un paso más sobre lo que ya se trató en el curso básico sobre la creación de una aplicación utilizando Expo.

También serás capaz de integrar librerías de terceros con código nativo, integrar el ecosistema Firebase y animar de forma básica componentes y transiciones de pantalla. Y al finalizar tendrás una aplicación totalmente funcional tanto en un dispositivo Android como iOS.

Si estás interesado en comenzar ya esta formación, debes poseer una serie de conocimientos previos para poder seguirlo y comprender todo lo que en el mismo se expone. Estos requisitos previos son conocer de forma básica tanto ReactJS como React Native, además de conocer las tecnologías JavaScript y ES6 o superiores. Finalmente también es recomendable tener algunas nociones sobre CSS y Flexbox.

A modo de recordatorio y para refrescar los conocimientos previos de RN, este curso comienza con un bloque introductorio en el que se repasarán algunos conceptos básicos sobre el framework. También verás los requisitos de hardware y software que se necesitan para poder seguir el curso en casa, y la preparación del entorno de trabajo, para tener todo lo necesario instalado y configurado.

A continuación entrarías ya en lo que sería el curso intermedio de React Native propiamente dicho, comenzando por el bloque centrado en React Native CLI. En esta sección verás en diferentes lecciones cómo utilizarlo para crear un proyecto además de probar una aplicación tanto en simuladores iOS y Android como en terminales reales.

Pasando ya a un nuevo bloque, vas a aprender a estructurar una aplicación paso a paso y de forma organizada, comenzando por la definición de la estructura de ficheros base. Después continuarás realizando la definición de los componentes y pantallas necesarias y su posterior estructuración.

Una vez finalizada la estructuración y definición de todo lo anterior, continuamos realizando la creación y configuración de la navegación entre las diferentes pantallas de la aplicación y la utilización de otros componentes de navegación.

Para ello aprenderás a utilizar la librería React Navigation, partiendo de la configuración previa de sus ajustes, y continuando con la explicación teórica y práctica para crear la navegación entre pantallas, crear un panel lateral y configurar el encabezado de navegación, además del explicar cómo utilizar otros módulos de React Navigation de interés.

En la siguiente sección se entrará en el tema de los componentes reutilizables, dónde aprenderás qué son y cuáles son sus características, los tipos que existen y las ventajas de su uso. Después aprenderás a crearlos desde cero, añadirles variantes y a reutilizarlos mediante HOC (Higher-Order Components), primero de forma teórica y después de forma práctica.

En el sexto apartado del curso el tutor va a explicar todo lo relacionado con el de Redux conjuntamente con React Native, como la configuración inicial de Redux y el uso del mismo en los componentes de notas y en los componentes de categoría y cómo persistir Redux con AsyncStorage.

Seguidamente aprenderás a integar Firebase con RN, desde qué librerías utilizar para configurar Firebase en Android y en iOS y cómo utilizar la autenticación con email y password, hasta cómo usar Cloud Firestore en ambos sistemas y cómo configurar la sincronización sin conexión.

El curso sigue con el desarrollo de las lecciones enfocadas al desarrollo de temas visuales, tres lecciones en las que aprenderás a definir estilos globales y locales de los componentes, configurar los diferentes temas visuales y a aplicar el tema elegido al resto de componentes.

Después pasaremos a explicar cómo crear animaciones utilizando API Animated de React Native, y posteriormente probarlas y realizar composiciones de animaciones. También hablaremos sobre otra API de React Native llamada Layout Animation, que nos ayudará a crear y mejorar animaciones.

En la penúltima sección entraremos a desarrollar la creación de notificaciones push en nuestras aplicaciones, tanto en Android como en iOS, utilizando para ello FCM (Firebase Cloud Messaging). Te mostraremos cómo configurar este servicio, cómo crear las notificaciones en remoto y en local y cómo programarlas.

Como broche a este curso React Native intermedio aprenderás a automatizar todo el proceso de nuestro bundle final, es decir, la creación de los archivos para Android e iOS y la posterior subida de los mismos a las tiendas de aplicaciones.

Para hacer estos procesos, que son bastante largos y un tanto complejos, utilizaremos el framework Fastlane, que nos permite automatizar estos procesos. Te mostraremos cómo configurar el mismo para ambas plataformas y cómo usarlo para realizar los pasos finales en el proceso de creación de nuestras aplicaciones.

De esta forma acabaría el curso, que podrás comprobar que es muy completo en cuanto a la parte teórica, y que además se acompaña en todo momento por la ejecución práctica de todo lo que se explica previamente. Esto facilita la comprensión de todos los procesos y completar la formación de una forma más satisfactoria.

Las cookies nos permiten ofrecer nuestros servicios. Al utilizar nuestros servicios, aceptas el uso que hacemos de las cookies. Más Información.