Gracias por enviar su consulta! Uno de los miembros de nuestro equipo se pondrá en contacto con usted en breve.
Gracias por enviar su reserva! Uno de los miembros de nuestro equipo se pondrá en contacto con usted en breve.
Temario del curso
Introducción a Ionic y el Entorno Multiplataforma
- ¿Qué es Ionic y cuándo elegirlo frente a tecnologías nativas o Flutter?
- Arquitectura de Web Components que impulsa la interfaz de usuario de Ionic
- Soporte de frameworks en los ecosistemas de Angular, React y Vue
- Casos de uso reales para aplicaciones PWA y móviles
Configuración del Entorno de Desarrollo
- Instalación y configuración de Node.js y npm
- Instalación de la CLI de Ionic
- Creación y estructura de un nuevo proyecto de Ionic
- Ejecución de aplicaciones en el navegador y modo dispositivo conectado
Análisis Profundo de la Estructura y Arquitectura del Proyecto
- Páginas, módulos y componentes reutilizables
- Comprensión y configuración del sistema de enrutamiento
- Patrones de servicios e inyección de dependencias
- Directorios de activos y configuración de entornos
Componentes UI Principales y Diseño
- Uso de ion-header, ion-toolbar e ion-content para la estructura de la página
- Controles de entrada: ion-input, ion-select, ion-checkbox
- Botones, FAB (Floating Action Button), tarjetas, listas y el sistema de cuadrícula
- Convenciones modernas de controles de formulario en Ionic
- Práctica: construcción de una página de inicio de sesión y diseño del panel principal
Estrategias de Navegación y Enrutamiento
- Integración de Angular Router y React Router
- Patrones de navegación entre páginas y enlaces profundos (deep linking)
- Carga diferida para optimizar el rendimiento
- Patrones de navegación por pestañas y menú lateral
Estilismo y Temas
- Variables CSS y el sistema de colores de Ionic
- Implementación del soporte para modo oscuro
- Fuentes dinámicas y personalización de la paleta en Ionic 8
- Estilismo adaptable a través de puntos de interrupción entre dispositivos
Formularios y Validación
- Marco de formularios reactivos para Angular
- Ganchos personalizados y patrones de validación para React
- Gestión de errores y retroalimentación de la interfaz de usuario en validaciones
- Construcción y validación de formularios complejos en múltiples pasos
Servicios e Integración de APIs
- Configuración del cliente HTTP e interceptores
- Ejecución de llamadas a APIs RESTful y manejo de respuestas
- Mejores prácticas para la gestión de estado
- Barreras de error y recuperación ante fallos de red
Capacitor y Funciones Nativas del Dispositivo
- Comprensión del puente de Capacitor y el ecosistema de complementos
- Instalación y configuración de Capacitor en un proyecto existente
- Acceso a la cámara y al selector de imágenes
- Geolocalización e integración de mapas
- Almacenamiento nativo y preferencias
- Práctica: captura de imágenes y almacenamiento de datos en el dispositivo
Componentes UI Avanzados
- Moderales, popups emergentes y alertas en Ionic moderno
- Notificaciones toast y superposiciones de carga
- Mejoras en Ionic 8 para eventos y arquitectura de superposiciones
- Consideraciones de rendimiento para superposiciones UI complejas
Técnicas de Optimización del Rendimiento
- División de código y mejores prácticas de carga diferida
- Reducción del tamaño del paquete y evitación de errores comunes
- Optimización de renderizado para listas y grandes conjuntos de datos
Aplicaciones Web Progresivas (PWA) y Pipeline de Construcción
- Conversión de la aplicación a una PWA
- Configuración de service workers y capacidades sin conexión
- Manifiesto de la aplicación y solicitudes de instalación de PWA
Procesos de Construcción y Despliegue
- Construcción y empaquetado para Android e iOS de producción
- Configuración de los requisitos de envío a la tienda de aplicaciones y metadatos
- Gestión de la configuración de entornos entre staging y producción
Proyecto Final: Construcción de una Mini Aplicación Completa
- Diseño de la arquitectura de la aplicación y flujo de navegación
- Implementación de una página de inicio de sesión con autenticación
- Construcción de un panel principal con integración de datos en tiempo real
- Añadido de una función de cámara nativa mediante Capacitor
- Revisión del código, pruebas y preparación para el despliegue
Requerimientos
- Conocimiento práctico de HTML, CSS y JavaScript/TypeScript
- Familiaridad con al menos un framework moderno (Angular, React o Vue)
- Experiencia básica en la línea de comandos con Node.js y npm
Público Objetivo
- Desarrolladores front-end que se mudan al desarrollo móvil multiplataforma
- Desarrolladores full-stack que construyen aplicaciones móviles híbridas
- Desarrolladores móviles que buscan una base de código unificada para iOS, Android y PWA
14 Horas
Formación Corporativa a Medida
Soluciones de formación diseñadas exclusivamente para empresas.
- Contenido personalizado: Adaptamos el temario y los ejercicios prácticos a los objetivos y necesidades reales del proyecto.
- Calendario flexible: Fechas y horarios adaptados a la agenda de su equipo.
- Modalidad: Online (en directo), In-company (en sus oficinas) o Híbrida.
Precio por grupo privado (formación online) desde 2900 € + IVA*
Contáctenos para obtener un presupuesto exacto y conocer nuestras promociones actuales
