Aplicaciones Híbridas con Ionic 4 Desde Cero

Aplicaciones Híbridas con Ionic 4 Desde Cero

(Web API, REST, Postman, play store)

Desarrollo de aplicaciones híbridas multiplataforma, utilizando tecnología web mediante el Framework Ionic 4, se desarrollarán proyectos y casos prácticos, incluyendo la compilación y distribución del producto final.

Categoría:
  • Descripción
  • Sesiones

Descripción

CURSO

Aplicaciones Híbridas con Ionic 4 Desde Cero
(Web API, REST, Postman, play store)

RESUMEN

Desarrollo de aplicaciones híbridas multiplataforma, utilizando tecnología web mediante el Framework Ionic 4, se desarrollarán proyectos y casos prácticos, 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 híbridas utilizando Ionic 4 y 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 (RESTful).
  • Cordova, Ionic 4, SASS.
  • Angular 7, TypeScript.
  • JSON, HTML, CSS.
  • Postman y Play Store.
Sesión 01:

INTRODUCCIÓN A IONIC

  • ¿Qué es Ionic?, ¿Cómo funciona?, pros y contras.
  • Evolución de Ionic 2, 3 y 4, introducción a Ionic 4 CLI (principales comandos).
  • Estructura de un proyecto de Ionic 4.
  • Creación y ejecución del primer proyecto Ionic 4 (Ionic 4 - Lab).
  • Navegación entre páginas – NavController.
  • Enviar y recibir parámetros entre páginas - NavParams.
Sesión 02:

ESTRUCTURA: COMPONENTES, DIRECTIVAS, PIPES

  • ¿Qué son los componentes?, ¿Qué son las directivas?
  • Property binding.
  • Two way data binding.
  • Directivas: NgIf, ngIf Else, NgSwitchCase, NgFor, NgClass y ngStyle.
  • Event bindding (click, tap, etc).
  • ¿Que son Pipes? (Pipes: Date, Decimal, TitleCase, etc).
  • Ionic 4 DevApp (Aplicación para pre-visualizar nuestros proyectos).
Sesión 03:

ESTRUCTURA: PAGES, FORMS

  • Carga de páginas: ¿Que es el Lazy Loading?
  • Ciclo de vida de un page (Lifecycles).
  • Manejo de formularios con ngMode.
  • Manejo de formularios con Reactive Forms.
  • Validaciones.
  • Event bindding (onSubmit).
Sesión 04:

AUTENTICACIÓN, STORAGE Y NAVEGACIÓN

  • Implementando Ionic 4 Storage, ¿Cómo funciona?
  • Creando e implementado la autenticación. (Auth Guards).
  • Determinar página inicial y navegación entre paginas (setRoot, push, pop).
  • Navegación en modal - crear, enviar y recibir parámetros.
  • Navegación en menú lateral y pestañas (drawer, tabs).
Sesión 05:

PENSANDO EN MÓVIL, TEMATIZANDO EN IONIC 4

  • ¿Qué es Sass?
  • Variables Sass.
  • Tematizando tu aplicación y estilos por Plataforma.
  • Implementando Loadings, Toast y Alerts.
  • Listas y paginación en moviles (Infinite Scroll).
  • Implementando un buscador y Remover items (ion-swipes, ion-searcher).
Sesión 06:

SERVICIOS Y HTTP

  • ¿Qué es un Provider?
  • Firebase, uso y configuración y prueba con Postman.
  • Creación de un provider con Ionic 4 CLI.
  • Creación de un CRUD simple (get, post, put y delete).
  • Conexión del formulario con el servicio.
  • Gestión de errores y excepciones.
Sesión 07:

DEPURACIÓN, COMPILACIÓN Y DISTRIBUCIÓN

  • Depuración en Ionic 4.
  • Probar aplicación en Ionic 4 DevApp.
  • Compilar apk (Debug Mode).
  • Compilar apk (Production Mode).
  • Firmar apk.
  • 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.
  • Recomendaciones y próximos temas a investigar.
  • Cierre del curso.