Envíanos tu consulta
Términos y condiciones *
logoImagina
Formación
Modalidades
Próximas Convocatorias
Temario
FAQ
Solicitar información
iconoCurso

Curso de Ionic 8

DISPONIBLE EN MODALIDAD:
aMedidaIcon
Aula Virtual Personalizada
arrowRightDark

Actualmente, Ionic 8 es un Framework que permite la creación de Aplicaciones Multiplataforma (PWA, Android e iOS), desvinculado de un framework concreto. Permite el desarrollo de diferentes tipos de proyecto, incluyendo proyectos con frameworks como Angular, React o Vue. Destacando Angular por ser el más utilizado y con el lenguaje Typescript.

El curso de Ionic 8 es una oportunidad excepcional para dominar el desarrollo de aplicaciones móviles híbridas de forma eficiente y efectiva. Aprenderás a crear aplicaciones móviles y aprovecharás al máximo las capacidades multiplataforma de Ionic para desarrollar aplicaciones para iOS y Android con un solo código base.

iconClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClient

Formación en Ionic 8 bonificable para empresas

A quién va dirigido nuestro curso de Ionic 8

A programadores, diseñadores y a todas aquellas personas que quieran aprender a desarrollar aplicaciones móviles para los sistemas operativos Android e iOS.

Objetivos de nuestro curso de Ionic 8

  • Desarrollar aplicaciones multiplataforma con Ionic 8 con Angular, React y Vue.
  • Conocer las librerías disponibles y desarrollar de forma nativa.
  • Manejarse con la geolocalización y la cámara del dispositivo móvil.
  • Publicar aplicaciones en mercados de aplicaciones Android e iOS
  • Publicar aplicaciones PWA

Qué vas a aprender en nuestro curso de Ionic 8

Actualmente, Ionic 8 es un Framework que permite la creación de Aplicaciones Multiplataforma (PWA, Android e iOS), desvinculado de un framework concreto. Permite el desarrollo de diferentes tipos de proyecto, incluyendo proyectos con frameworks como Angular, React o Vue. Destacando Angular por ser el más utilizado y con el lenguaje Typescript.

El curso de Ionic 8 es una oportunidad excepcional para dominar el desarrollo de aplicaciones móviles híbridas de forma eficiente y efectiva. Aprenderás a crear aplicaciones móviles y aprovecharás al máximo las capacidades multiplataforma de Ionic para desarrollar aplicaciones para iOS y Android con un solo código base.

Requisitos de nuestro curso de Ionic 8

  • Son necesarios conocimientos básicos de JavaScript y TypeScript
  • Son necesarios conocimientos de desarrollo de aplicaciones Angular, React o Vue
  • Se recomienda tener Node LTS, NPM, Visual Studio Code y Android Studio instalados previamente
  • Si dispones de un Mac, se recomienda tener instalado XCode previamente
  • Tener un equipo con acceso a un usuario con permisos para realizar instalaciones con conexión estable a internet

Temario del curso de Ionic 8

tema 1

Introducción y configuración

  • ¿Qué es Ionic y por qué usarlo en proyectos móviles y web?
  • Novedades en Ionic 8 respecto a Ionic 8 (incorporación de nuevo sistema de rendering, mejora en el soporte para Capacitor)
  • Instalación de Ionic y creación de proyectos
  • Compatibilidad de Ionic con Angular, React, Vue y Vanilla JS
  • Introducción a Stencil y su importancia en el ecosistema de Ionic
  • Ionic CLI: estructura de comandos y nuevos comandos en Ionic 8
  • Capacitor vs Cordova: qué utilizar y por qué Capacitor es el preferido en Ionic 8
  • Configuración inicial del equipo y del dispositivo móvil para desarrollo
  • Android Studio y Emuladores Android y las optimizaciones para Ionic 8
  • XCode y Emuladores iOS (solo MacOS)
  • Creación de tu primera aplicación con Ionic aprovechando las plantillas de Ionic 8
  • Estructura del proyecto Ionic 8 y nuevos archivos de configuración
  • Creación de proyectos PWA y despliegue en el navegador
  • Despliegue en simuladores/dispositivos Android e iOS
  • Configuración avanzada con Ionic CLI (proxy, debugging y nuevos atajos)
  • Optimización de proyectos para Web, Android e iOS desde las nuevas capacidades de la CLI en Ionic 8
iconArrowDown
tema 2

Estructura de las pages

  • Estructura moderna de las Pages en Ionic 8 (manejo de hooks y lifecycle)
  • Modo oscuro y responsividad
  • El Header en Ionic
  • El Toolbar en Ionic
  • El SearchBar de Ionic. Configuración y uso.
  • El Footer en Ionic
  • Buenas prácticas para estructurar páginas en Ionic 8
iconArrowDown
tema 3

Componentes

  • Los botones en Ionic
  • El Grid de Ionic
  • Los Cards en Ionic
  • Lists en Ionic
  • Componentes para formularios (inputs, checkbox, selects, radios, toggle, etc.)
  • Avatares e Iconos en Ionic
  • Indicadores de progreso
  • Creando segmentos en Ionic
  • Organizando componentes con slot
  • Refresher de Ionic
  • Scroll infinito de Ionic
  • Captura de gestos más destacables
  • Nuevos componentes de Ionic 8: Expansión de la biblioteca de UI y manejo de temas
  • Componentes reutilizables y dinámicos: Mejores prácticas para el desarrollo escalable
  • Componentes personalizados usando Stencil
  • Captura de gestos mejorada y scroll infinito en Ionic 8
  • Uso avanzado de Slots y organización del DOM
  • Nuevos componentes nativos integrados con Capacitor
iconArrowDown
tema 4

La navegación

  • ¿Como generar Pages en Ionic?
  • ¿Como generar Componentes en Ionic?
  • La navegación en Ionic
  • ¿Cómo navegar desde código?
  • ¿Cómo navegar desde el template?
  • Lifecycle de las Paginas en Ionic
  • ¿Qué es un Guard y cómo generarlo?
  • ¿Qué es un Tab y cómo crearlo?
  • ¿Cómo crear un menú en Ionic?
  • Creación, configuración y uso de la navegación Modal en Ionic
  • Creación, configuración y uso de los Popovers en Ionic
  • Creación, configuración y uso de los ActionSheets en Ionic
  • Creación, configuración y uso de Alertas en Ionic
  • Creación, configuración y uso de Toasts en Ionic
  • ¿Cómo gestionar Slides en Ionic 8?
  • Mejoras en la navegación. Aprovechando la mejor performance y nuevas capacidades en Ionic 8
  • Navegación modal, popovers, action sheets, y alerts optimizadas para Ionic 8
  • Tabs dinámicos y lazy-loading en Ionic 8
  • Configuración avanzada de Guards y Menús en Ionic 8
  • Lifecycle actualizado y gestión de la memoria en Ionic 8
iconArrowDown
tema 5

Formularios

  • Creación de formularios
  • Reactive Forms con Ionic
  • Valores por defecto
  • Validación de campos de texto
  • Validación de campos numéricos
  • Validación y formato de campos de fecha y hora
  • Validación de campos booleanos
  • Validación de expresiones regulares
  • Validación entre campos
  • Eventos de envío y reseteo del formulario
  • Acceder a errores de validación
  • Mostrar errores de validación al usuario
  • Nuevas herramientas para manejo de errores y mensajes en Ionic 8
iconArrowDown
tema 6

Conectividad con API REST y autenticación

  • Conexión a API Rest
  • Carga de datos
  • Carga de detalles
  • Envío de formularios
  • Validación asíncrona de campos en un formulario
  • Actualización de datos
  • Optimización de carga de datos en Ionic 8: mejores patrones para el manejo de estado
  • Autenticación en Ionic 8: nuevas integraciones con servicios OAuth2 y JWT
iconArrowDown
tema 7

Ionic Native y Capacitor

  • ¿Qué es Ionic Native y por qué es necesario?
  • Análisis de las APIs de Ionic Native
  • Apis destacadas de Ionic Native
  • Comparativa entre Cordova y Capacitor
  • Uso de Capacitor en la actualidad y ventajas principales
  • Permisos en Android
  • Permisos en iOS
  • Plugins recomendados en Ionic 8 (incluyendo novedades de la comunidad)
iconArrowDown
tema 8

Geolocalización y mapas

  • Instalaciones y configuración
  • Permisos para Android e iOS
  • Geolocalización del usuario
  • Geolocalización en segundo plano
  • Geofence
  • Google Maps
  • Marcadores
  • Marcadores personalizados
  • Clusters de marcadores
  • Obteniendo y mostrando el camino entre dos puntos
  • Nuevas mejoras en geolocalización y soporte de mapas en segundo plano con Capacitor
  • Integración con Mapas 3D y rutas mejoradas
iconArrowDown
tema 9

Cámara y vídeo

  • Instalaciones y configuración
  • Permisos para Android e iOS
  • Accediendo a la cámara
  • Captura de imágenes
  • Guardado de Imágenes
  • Acceso a galería de imágenes
  • Lectura de códigos de barras y Qrs
  • Captura de vídeo
  • Guardado de vídeos
  • Reproductor de vídeo
  • Reproduciendo vídeos de plataformas online (Vimeo, Youtube, etc.)
iconArrowDown
tema 10

Otras APIs nativas

  • Manejo de Ficheros y File Picker
  • Keep Awake
  • Keyboard
  • Haptics
  • Notificaciones Locales
  • Splash Screen y personalización
  • Motion
  • Otros sensores destacables
iconArrowDown
tema 11

Almacenamiento local

  • Trabajando con modelos de datos en la aplicación
  • Introducción a SQLLite
  • Instalación SQLLite
  • SQLite Objects
  • Configuración
  • Importando y exportando Dbs
  • Trabajando con datos offline
  • Capacitor Preferences
  • Secure Storage
iconArrowDown
tema 12

Firebase como Backend-as-a-Service (BaaS)

  • Nuevas opciones de autenticación, notificaciones push y almacenamiento en tiempo real con Ionic 8
  • Integración avanzada con Firebase y otros servicios en la nube
iconArrowDown
tema 13

Apariencia de la aplicación

  • Mejores prácticas para tema oscuro y responsividad en Ionic 8
  • Tema y Colores personalizados
  • Archivos SCSS del proyecto y creación de variables
  • Dark Mode (Modo oscuro)
  • CSS Shadow Parts
  • Otros atributos esenciales
iconArrowDown
tema 14

Bridging y conexión con capa nativa

  • ¿Qué es bridging y por qué es necesario?
  • ¿Cómo crear un plugin?
  • Conectándose con la capa nativa
  • Tipos de métodos
  • Trabajando con handlers en Android
  • Trabajando con handlers en iOS
  • Exportando y publicando
iconArrowDown
tema 15

Exportación y despliegue

  • Proceso optimizado para la exportación a iOS
  • Proceso optimizado para la exportación a Android
  • Proceso optimizado para la exportación a Web
  • Actualización del proceso de publicación en App Stores
iconArrowDown
tema 16

Testing y calidad

  • Introducción al testing con Ionic 8: unit testing, e2e testing con WebdriverIO y Cypress
  • Mejores prácticas de testing y debugging en proyectos Ionic 8
iconArrowDown

Preguntas Frecuentes de Ionic 8

¿Cuáles son los beneficios del curso Ionic 8?

accordionIcon
El curso de Ionic 8 proporciona a tu equipo las habilidades necesarias para desarrollar aplicaciones móviles híbridas de alta calidad. Este conocimiento puede mejorar significativamente la eficiencia y productividad de tu empresa en el desarrollo de aplicaciones móviles, facilitando el alcance a un mercado más amplio.

¿El curso Ionic 8 está 100% bonificado por FUNDAE?

accordionIcon
Sí, el curso de Ionic 8 es 100% bonificable a través de FUNDAE (Fundación Estatal para la Formación en el Empleo). Esto permite a tu empresa formar a tus empleados sin coste adicional, utilizando los créditos formativos de los que dispone tu organización.

¿Cómo se imparten las clases del curso Ionic 8?

accordionIcon
Las clases del curso de Ionic 8 se imparten en formato online, permitiendo flexibilidad en cuanto a horarios y evitando desplazamientos. Los instructores son expertos en la materia y proporcionan apoyo en tiempo real durante el aprendizaje.

¿Qué habilidades desarrollarán mis empleados con el curso Ionic 8?

accordionIcon
Tus empleados desarrollarán habilidades clave en el desarrollo de aplicaciones móviles híbridas utilizando Ionic 8, incluyendo el uso de componentes, integración con APIs, diseño responsivo y optimización del rendimiento. Además, aprenderán buenas prácticas de desarrollo y mantenimiento de aplicaciones.

¿Cómo me inscribo en el curso Ionic 8 para mis empleados?

accordionIcon
Para inscribirte en el curso de Ionic 8, puedes contactar con el equipo de Imagina Formación. Proporciona los datos de tu empresa y el número de empleados que deseas capacitar, y te guiarán en el proceso de inscripción y bonificación a través de FUNDAE.