Aplicaciones Híbridas con Ionic 3 desde cero

Desarrollo de aplicaciones hibridas multiplataforma, utilizando tecnología web mediante el Framework Ionic 3, se realizará un proyecto empresarial práctico incluyendo la compilación y distribución del producto final.

  • Descripción
  • Sesiones

Descripción

CURSO

Aplicaciones Híbridas con Ionic 3 desde cero

RESUMEN

Desarrollo de aplicaciones híbridas multiplataforma, utilizando tecnología web mediante el Framework Ionic 3, 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 híbridas 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)
  • Cordova, Ionic 3 y SASS
  • Angular 6 y TypeScript
  • JSON, HTML y CSS
  • Postman
Sesión 01:

INTRODUCCIÓN A LAS APLICACIONES HIBRIDAS

  • Aplicaciones Hibridas(¿Qué son?, ¿Cómo funcionan?, pros y contras).
  • ¿Qué es Apache Córdova?
  • ¿Qué es Ionic?
  • Angular en Ionic.
  • SASS en Ionic.
  • Actualizaciones de Ionic.
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, DIRECTIVAS, PIPES

  • Estructura del proyecto
  • ¿Qué son los componentes? Catálogo de componentes (Ion-item, ion-list, ...)
  • ¿Qué son las directivas?
  • Directivas: ngIf, ngSwitch, ngFor, ngStyle, ngClass
  • Eventos y two-way data-binding
  • ¿Qué son los pipes? Pipes: Date, Decimal, TitleCase, etc.
Sesión 04:

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

  • Creación páginas con Ionic CLI
  • Carga de páginas - Lazy Loading
  • Navegar entre paginas (push, pop, setRoot)
  • Compartir datos entre paginas
  • Crear ventanas (modals)
  • Crear menú lateral y pestañas (drawer, tabs)
Sesión 05:

FORMULARIOS

  • Componentes prediseñados para formularios (ion-input, etc.).
  • Como cambiar el tipo de teclado.
  • Manejo de formularios con ngMode.
  • Manejo de formularios con FormBuilder.
  • Validación.
  • Evento onSubmit.
Sesión 06:

SERVICIOS Y HTTP

  • Firebase, uso y configuración
  • Probar con Postman
  • Creación de un servicio con Ionic 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:

COMPILACIÓN Y DISTRIBUCIÓN

  • Probar aplicación en Ionic DevApp
  • Compilar apk (Debug Mode)
  • Instalar en dispositivo real y probar funcionalidades
  • 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
  • Lecciones aprendidas
  • Recomendaciones y próximos temas a investigar
  • Cierre del curso