Aplicaciones Hibridas con React Native

(React, React Native, REST, JSX, Node.js, npm, Redux)

Al finalizar este curso el alumno contará con conocimientos teóricos y prácticos para elaborar aplicaciones nativas solo utilizando Javascript, JSX y React Native para iOS y Android consumiendo servicios REST.

  • Descripción
  • Sesiones

Descripción

CURSO

Aplicaciones Hibridas con React Native
(React, React Native, REST, JSX, Node.js, npm, Redux)

RESUMEN

Desarrollo de aplicaciones nativas multiplataforma utilizando React y React Native, se realizará un proyecto empresarial práctico incluyendo la compilación y distribución del producto final.

CAPACIDAD

Al finalizar este curso el alumno contará con conocimientos teóricos y prácticos para elaborar aplicaciones nativas solo utilizando Javascript, JSX y React Native para iOS y Android consumiendo servicios REST.

REQUISITOS
  • Conocimientos básicos de JavaScript.
  • Conocimientos básicos de HTML y CSS.
  • Conocimientos de servicios REST.
  • Conocimientos de arquitecturas (front-end).
METODOLOGÍA
  • Exposición de aspectos teóricos.
  • Desarrollo de casos prácticos.
  • Compartir experiencia de los participantes (instructor y alumnos).
  • Discusión de casos empresariales (casuísticas).
TECNOLOGÍAS Y RECURSOS
  • Servicios REST(RESTfull).
  • React y React Native.
  • React Navigation.
  • Firebase.
  • Postman.
  • WebStrom, Android Studio, Expo.
Sesión 01:

INTRODUCCIÓN A REACT NATIVE

  • ¿Qué es React?
  • ¿Qué es React Native?
  • ¿Aplicación Hibrida o Nativa?
  • Props y Cons.
  • Javascript y JSX.
  • ¿Qué pasa con HTML y CSS en React Native?
Sesión 02:

PREPARACIÓN DEL AMBIENTE DE DESARROLLO

  • Instalación de Node.js, gestor de paquetes npm y React Native.
  • Introducción al Terminal y los comandos de React Native (principales comandos).
  • IDE WebStorm.
  • Android Studio, Simulador y Expo.
  • Creación y ejecución del primer proyecto (Simulador y Dispositivo).
Sesión 03:

ESTRUCTURA: COMPONENTES, EVENTOS, ESTILOS

  • Estructura del proyecto.
  • ¿Qué son los componentes? Componentes básicos, de interfaz de usuario y
  • para una plataforma especifica (Android, iOS).
  • Componentes personalizados.
  • Escuchando eventos (Touch, Press).
  • Imágenes (Static, Network).
  • Introducción a los estilos.
Sesión 04:

REDUX EN REACT NATIVE

  • Recordando Redux.
  • Instalación.
  • Configurando Actions y Reducers.
  • Creando un Store.
  • Conectando React Native con Redux.
  • Conectando un componente con Store y Actions.
Sesión 05:

NAVEGACIÓN: PAGINAS, VENTANAS, MENÚ LATERAL, PESTAÑAS

  • Instalación de React Navigation (Librería externa).
  • Registrando Screens.
  • Navegar entre páginas (navigate, push, comeBack).
  • Compartir datos entre páginas.
  • Crear ventanas (Modals).
  • Crear menú lateral y pestañas (Drawer, Tabs).
Sesión 06:

FORMULARIOS Y HTTP REQUEST

  • Manejando Inputs y Control del State.
  • Agregando Validación personalizada.
  • Firebase, uso, configuración y Postman.
  • Uso de Fetch Api - Creación de un CRUD simple (get,post,put,delete).
  • Conexión con Redux.
  • Gestión de errores y excepciones.
Sesión 07:

COMPILACIÓN Y DISTRIBUCIÓN

  • Agregando Icono (Android).
  • Agregando Splash Screen (Android).
  • Configurar y Construir el apk.
  • Firmar apk.
  • Instalar en dispositivo real y probar funcionalidades.
  • Subir a la tienda de aplicaciones (Play Store).
Sesión 08:

REPASO Y EVALUACIÓN

  • Repaso general de un caso práctico de los temas desarrollados.
  • Evaluación teórica y solución por parte del instructor.
  • Evaluación práctica y solución por parte del instructor.
  • Lecciones aprendidas.
  • Recomendaciones y próximos temas a investigar.
  • Cierre del curso.