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

​

​

​

​

​

​

​

ESTAS INTERESADO EN EL CURSO ?

Deja tus datos y a la brevedad nos comunicaremos contigo para proporcionarte más información

​

​

​

​