![iconoCurso](data:image/svg+xml;utf8, <svg width="920" height="920" viewBox="0 0 920 920" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M759.496 315.411L762.205 321.918C781.981 365.079 792.146 412.02 791.998 459.495C791.998 642.039 643.08 791 460.499 791C277.919 791 129 642.079 129 459.495C129 276.912 277.959 128 460.499 128C513.215 127.918 565.197 140.356 612.166 164.291L618.663 167.54L613.246 171.827C599.886 182.518 589.297 196.269 582.373 211.916L580.744 216.254L576.956 214.625C540.126 197.334 501.127 188.119 460.499 188.119C311.001 188.119 189.647 309.454 189.647 458.975C189.647 608.496 310.981 729.832 460.499 729.832C610.018 729.832 731.352 607.957 731.352 458.975C731.352 423.224 724.845 388.013 710.763 355.52L709.144 351.182L713.471 349.563C729.374 343.539 743.654 333.892 755.179 321.388L759.516 315.391L759.496 315.411ZM677.701 321.408C691.306 321.41 704.606 317.378 715.919 309.821C727.233 302.265 736.052 291.523 741.261 278.955C746.47 266.386 747.836 252.555 745.185 239.211C742.534 225.866 735.986 213.607 726.368 203.984C716.751 194.361 704.496 187.806 691.154 185.147C677.811 182.489 663.979 183.846 651.408 189.048C638.837 194.25 628.09 203.063 620.527 214.372C612.964 225.681 608.924 238.979 608.918 252.585C608.419 290.495 639.252 321.368 677.701 321.368V321.408ZM460.499 307.835C430.609 307.835 401.389 316.699 376.536 333.306C351.683 349.913 332.313 373.517 320.875 401.133C309.436 428.749 306.444 459.137 312.276 488.453C318.108 517.77 332.503 544.699 353.639 565.834C374.776 586.97 401.705 601.363 431.022 607.193C460.338 613.023 490.725 610.029 518.34 598.589C545.955 587.148 569.557 567.776 586.162 542.922C602.767 518.067 611.629 488.847 611.627 458.956C611.608 418.88 595.68 380.451 567.341 352.114C539.003 323.778 500.574 307.851 460.499 307.835Z" fill="%234F8DF9"/>
</svg>)
Curso completo de Ionic 7
Actualmente, Ionic 7 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 7 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.
¿A quién va dirigido?
Objetivos
- Desarrollar aplicaciones multiplataforma con Ionic 7 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?
Actualmente, Ionic 7 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 7 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
- 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
Nuestras modalidades de formación
Bonificable hasta el 100% por FUNDAE
Acceso multiplataforma, desde PC y móviles
Planificación a medida
A continuación te mostramos las próximas convocatorias disponibles de nuestras formaciones online. Si te interesa realizar una formación a medida, para un grupo de trabajadores, puedes realizar un Aula Virtual Personalizada.
Temario del curso
Introducción y configuración
- ¿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
La estructura de las pages
- ¿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 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
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 7?
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
Conectividad con API Rest
- 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
Ionic Native
- ¿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
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
Camara y video
- 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.)
Otras APIs de interes de Ionic Native
- Manejo de Ficheros y File Picker
- Keep Awake
- Keyboard
- Haptics
- Notificaciones Locales
- Splash Screen y personalización
- Motion
- Otros sensores destacables
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
Firebase como BAAS
- ¿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
Apariencia de la aplicación
- Tema y Colores personalizados
- Archivos SCSS del proyecto y creación de variables
- Dark Mode (Modo oscuro)
- CSS Shadow Parts
- Otros atributos esenciales
Bridging y conexión con la 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
Exportando a iOS, Android y Web
- Exportación a iOS
- Exportación a Android
- Exportación a Web
Subiendo aplicaciones al mercado
- Proceso para aplicaciones Android
- Proceso para aplicaciones iOS
- Proceso para aplicaciones Web
- Introducción a E2E testing con WebdriverIO
Testimonios de nuestros clientes
Curso de Ionic 7 bonificado para Empresas a través de FUNDAE
Somos entidad organizadora de FUNDAE, todas nuestras formaciones se pueden bonificar hasta el 100%, sujeto a vuestro crédito disponible y a cumplir con todos los requisitos de realización establecidos por la Fundación Estatal para el Empleo.
Si desconoces el funcionamiento de las bonificaciones, ofrecemos el servicio de gestión en FUNDAE, consúltanos cualquier duda que te surja.
¡Me interesa!