Conocimientos antecedentes

​

Para obtener el mejor aprovechamiento de los participantes en este curso es necesario que tengan conocimientos previos sobre:

 

• JavaScript

• HTML

• React

• Diseño, desarrollo y uso de aplicaciones WEB

​

 

Objetivo general

 

Al finalizar el curso el alumno:

 

Será capaz de desarrollar aplicaciones React Native para múltiples plataformas.

​

​

Objetivos particulares

​

Al finalizar el curso el alumno podrá:

 

·       Crear interfaces de usuario robustas para dispositivos móviles y aplicaciones de escritorio.

·       Crear componentes compartidos para Android y iOS.

·       Simplificar el diseño de layout usando NativeBase.

·       Crear esquemas en GraphQL en aplicaciones Web y móviles.

·       Implementar componentes Web y Móviles controlados por Apollo.

​

​

Habilidades antecedentes

Para la realización de las prácticas del presente curso el alumno debe ser capaz de:

• Crear páginas WEB Interactivas usando React

​

​

​

Temario​

​

1.     Introducción

1.1.   Requerimientos

1.2.   ¿Qué es React Native?

1.3.   React y JSX

1.4.   Experiencia en navegador móvil

1.5.   Android vs iOS

1.6.   El caso de aplicaciones de Web Móvil

​

2.     Inicio de un proyecto

2.1.   Instalación y uso de CLI de Expo

2.2.   Ver la app en un dispositivo móvil

2.3.   Ver la app en Expo Snack

​

3.     Creación de Layout responsivo con Flexbox

3.1.   Flexbox

3.2.   Estilos en React Native

3.3.   Construcción de layouts con Flexbox

​

4.     Navegación entre pantallas

4.1.   Fundamentos de navegación

4.2.   Parámetros de rutas

4.3.   Encabezado de navegación

4.4.   navegación por Tab o por dibujo

4.5.   Manejo de estados

​

5.     Listas

5.1.   Colecciones de datos

5.2.   Orden y filtro de listas

5.3.   Datos

5.4.   Carga de listas con Lazy

​

6.     Progreso

6.1.   Progreso y usabilidad

6.2.   Indices de progreso

6.3.   Medida del progreso

6.4.   Indicadores de navegación

6.5.   Avances

​

7.     Geolocalización y mapas

​

8.     Colecta de entradas de usuario

8.1.   Entrada de texto

8.2.   Selección de listas

8.3.   Conmutación de estados

8.4.   Fechas y horas

​

9.     Pantallas modales

9.1.   Información importante

9.2.   Confirmación de usuario

9.3.   Notificaciones pasivas

9.4.   Actividad modal

​

10.  Respuesta a gestos de usuario

10.1.                Scroll

10.2.                Retroalimentación del touchscreen

10.3.                Swipe y cancel

​

11.  Control de display

11.1.                Carga de imágenes

11.2.                Escala de imágenes

11.3.                Carga de imágenes Lazy

11.4.                Iconos

​

12.  Apps offline

12.1.                Detección del estado de la red

12.2.                Almacén de datos

12.3.                Sincronización de datos

​

13.  Componentes nativos de la interfaz de usuario usando NativeBase

13.1.                Contenedores

13.2.                Headers, footers y navegación

13.3.                Uso de componentes de layout

13.4.                Recolección de entrada por componentes

13.5.                Despliegue de listas

13.6.                Notificaciones de usuario

​

​

14.  Gestión del estado de la aplicación

14.1.                Arquitectura y flujo

14.2.                Implementación Redux

14.3.                Escala de arquitectura

​

15.  Apollo

15.1.                Nuevas aproximaciones

15.2.                Declaración y acceso a datos

15.3.                Mutaciones en ele estado de las aplicaciones

​

16.  Creación de un app con Apollo React