Envíanos tu consulta
Términos y condiciones *
logoImagina

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.

iconClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClient
Aprende Ionic 7: Curso completo
¿A quién va dirigido?
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
  • 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

icon
Cursos Online
modalidadesImg
Formación a través de nuestro campus virtual
modalidadesImgBonificable hasta el 100% por FUNDAE
modalidadesImg
Horario Flexible de formación
modalidadesImg
Teoría, práctica y vídeos guiados
modalidadesImgAcceso multiplataforma, desde PC y móviles
modalidadesImg
100% tutorizado por un formador experto
modalidadesImg
Diploma de aprovechamiento
Me interesa
icon
Aula Virtual Personalizada
aulasModalidades
Videoconferencia en tiempo real, síncrono, a través de Zoom
aulasModalidades
Bonificable hasta el 100%, por FUNDAE.
aulasModalidadesPlanificación a medida
aulasModalidades
100% práctico con proyectos evolutivos
aulasModalidades
Temario adaptado a vuestras necesidades
aulasModalidades
100% tutorizado con feedback inmediato
aulasModalidades
Diploma de aprovechamiento
Me interesa
Ionic 7: Últimas plazas

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
tema 1Introducció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
tema 2La 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
tema 3Los 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
tema 4La 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?
tema 5Formularios
  • 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
tema 6Conectividad 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
tema 7Ionic 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
tema 8Geolocalizació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
tema 9Camara 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.)
tema 10Otras 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
tema 11Almacenamiento 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
tema 12Firebase 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
tema 13Apariencia 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
tema 14Bridging 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
tema 15Exportando a iOS, Android y Web
  • Exportación a iOS
  • Exportación a Android
  • Exportación a Web
tema 16Subiendo aplicaciones al mercado
  • Proceso para aplicaciones Android
  • Proceso para aplicaciones iOS
  • Proceso para aplicaciones Web
  • Introducción a E2E testing con WebdriverIO

Formación Bonificada 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.

Descargar Guía FUNDAE
imagenFundae
iconClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClient