Curso Ionic en Madrid, Barcelona y Online

16 h
curso ionic
16 h
In Company
Streaming
Online
Ionic es un framework para el desarrollo de aplicaciones híbridas, es decir, aplicaciones multiplataforma a través de las tecnologías de programación estándar.

Características: Curso Ionic

¿Qué es Ionic?

Ionic es un framework de código abierto que tiene como objetivo el desarrollo de aplicaciones móviles híbridas a través de tecnologías como HTML, CSS y JavaScript. Esta herramienta permite a los desarrolladores la construcción de aplicaciones móviles para múltiples plataformas y sistemas operativos como iOS y Android, partiendo de una única base de código. Podemos destacar su integración con Angular y otros frameworks como React o Vue, facilitando el desarrollo de estas interfaces de usuario de una forma más actual.

Entre los beneficios del desarrollo con Ionic podemos destacar la gran variedad de componentes predefinidos, plugins y diferentes herramientas para facilitar y acelerar nuestro trabajo además de las funcionalidades de nuestras aplicaciones.  A través de Capacitor y Cordova accedemos a las características nativas del dispositivo, como la cámara y la geolocalización, para crear experiencias de usuario mucho mejores. 

Modalidades: Curso Ionic

Temario: Curso Ionic

  • ¿Qué es Ionic?
  • ¿Qué novedades ha traído Ionic 7 respecto a Ionic 6?
  • Instalación de Ionic
  • Compatibilidad de Ionic con distintas librerías y frameworks (Angular, React, Vue y Vanilla JS)
  • Introducción a Stencil
  • ¿Qué es Ionic Cli y cómo se estructuran sus comandos?
  • ¿Qué es Cordova y Capacitor?
  • Ionic Platforms
  • Configuración del equipo previa al desarrollo
  • Configuración del dispositivo móvil previa al desarrollo
  • Android Studio y Emuladores Android
  • XCode y Emuladores iOS (solo MacOS)
  • Creación de tu primera aplicación Ionic con plantillas
  • Análisis de la estructura y archivos de configuración de un proyecto Ionic
  • Creación de proyecto PWA y despliegue en el navegador
  • Creación de proyecto Android y despliegue en simulador/dispositivo
  • Creación de proyecto iOS y despliegue en simulador/dispositivo (solo MacOs)
  • Configuración del proyecto con Ionic CLI
  • Configuración de Proxy de Ionic CLI
  • Comandos destacables de Ionic Cli y buenas prácticas
  • ¿Qué estructura tienen las Pages de Ionic?
  • Los modos en Ionic
  • El Header en Ionic
  • El Toolbar en Ionic
  • El SearchBar de Ionic. Configuración y uso.
  • El Footer en Ionic
  • Buenas prácticas a la hora de estructurar las páginas de Ionic
  • 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
  • ¿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 7?
  • 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
  • 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
  • ¿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
  • Historial de Versionado de Capacitor
  • Permisos en Android
  • Permisos en iOS
  • Instalación, configuración y puesta en marcha de Capacitor en Ionic
  • 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
  • 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.)
  • Manejo de Ficheros y File Picker
  • Keep Awake
  • Keyboard
  • Haptics
  • Notificaciones Locales
  • Splash Screen y personalización
  • Motion
  • Otros sensores destacables
  • 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
  • ¿Qué es Firebase?
  • Acceso a panel de Firebase por primera vez
  • Creando tu primera aplicación con Ionic y Firebase
  • Instalaciones y configuraciones de Firebase e Ionic
  • Autenticación y autorización con servicios de terceros
  • Firebase y notificaciones push
  • Tema y Colores personalizados
  • Archivos SCSS del proyecto y creación de variables
  • Dark  Mode (Modo oscuro)
  • CSS Shadow Parts
  • Otros atributos esenciales
  • ¿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
  • Exportación a iOS
  • Exportación a Android
  • Exportación a Web
  • Proceso para aplicaciones Android
  • Proceso para aplicaciones iOS
  • Proceso para aplicaciones Web
  • Introducción a E2E testing con WebdriverIO

Si tienes alguna necesidad específica no te preocupes, en Formadores Freelance tienes la opción de personalizar el temario para que se ajuste a tus objetivos.

¡Consúltanos!

Cursos de Aplicaciones Móviles

curso xamarin

Curso Xamarin en Madrid, Barcelona y Online

curso flutter

Curso Flutter en Madrid, Barcelona y Online

curso kotlin

Curso Kotlin en Madrid, Barcelona y Online

curso ipad

Curso iPad para usuarios en Madrid, Barcelona y Online

Casos de Éxito

Más de 3.000 empresas confían en nosotros