[DAM-060] Ionic 8

Este curso enseña a desarrollar aplicaciones móviles modernas, abarcando desde la creación de componentes, integración con APIs, y navegación avanzada, hasta el uso de Ionic Native para acceder a la cámara y geolocalización. Incluye personalización con temas y SASS, almacenamiento, y despliegue en dispositivos reales.

Duración: 25 horas

Perfil: Avanzado

Dirigido a

Esta acción formativa está destinada a programadores y analistas de aplicaciones interesados en crear aplicaciones móviles híbridas, integrando APIs externas y funcionalidades nativas.

Requisitos previos

Los alumnos necesitarán tener conocimientos de HTML5, JavaScript y CSS para aprovechar el curso. Necesarios conocimientos consolidados de TypeScript y VUE para seguir el curso con fluidez.

Objetivos

Alcanzar la base de Vue 3 para construir componentes y manejar datos de forma eficiente.
Crear aplicaciones móviles híbridas con Ionic, listas para ejecutarse en dispositivos y navegadores.
Implementar navegación avanzada, almacenamiento local, e integrar APIs externas.
Utilizar Ionic Native para acceder a funcionalidades del dispositivo como la cámara y geolocalización.
Personalizar aplicaciones mediante temas y SASS, mejorando su diseño y usabilidad.

Contenido

Vue 3
1. Introducción a Vue 3 y su ecosistema
2. Creación y gestión de componentes
3. Sintaxis de plantillas y uso de directivas
4. Manejo de eventos y propiedades
5. Uso avanzado de la Composition API
6. Formularios reactivos y validación
7. Ciclo de vida de los componentes
Ionic Framework
1. Instalación y configuración de Ionic
2. Uso del generador de proyectos Ionic
3. Creación y configuración de un nuevo proyecto
4. Ejecución de la aplicación en navegador y emulador
5. Implementación en dispositivos móviles reales
6. Uso de plantillas Starter: Tabs, Side Menu y Blank
Componentes de Ionic
1. Gestión de layouts y estructuras
2. Uso de componentes de presentación visual
3. Implementación de componentes para formularios
4. Integración de componentes de espera y carga
Integración con APIs Externas
1. Consumo de APIs REST con Vue y Axios
2. Manejo de respuestas y errores
Routing en Ionic
1. Configuración de rutas y navegación entre pantallas
2. Implementación de navegación con Tabs
3. Creación de menús laterales para navegación
4. Uso de parámetros de navegación
5. Configuración del botón "Volver"
6. Almacenamiento en Ionic
1. Introducción al almacenamiento local
2. Uso de Storage y Capacitor para persistencia de datos
Ionic Native y Capacitor
1. Integración de funcionalidades nativas con Capacitor
2. Acceso y uso de la cámara del dispositivo
3. Implementación de geolocalización
4. Extensiones con plugins de la comunidad
Personalización de la Aplicación
1. Uso de temas para personalizar la apariencia
2. Estilización avanzada con CSS y SASS
3. Maquetación responsiva y diseño adaptativo

Pedir más Información

Volver a Pronoide