Envíanos tu consulta
Términos y condiciones *
logoImagina
Actualmente, Ionic 5 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. En este curso se hará uso de VueJS.
iconClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClient
Aprende Ionic VueJS: Curso completo
¿A quién va dirigido?
A programadores, diseñadores y a todas aquellas personas que quieran aprender a desarrollar aplicaciones multiplataforma para Android, iOS y Web con Ionic y VueJS.
Objetivos
  • Desarrollar aplicaciones movil usando Ionic VueJS.
  • 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 en Heroku
¿Qué vas a aprender?

Actualmente, Ionic 5 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. En este curso se hará uso de VueJS.

Requisitos
  • Se requieren conocimientos de JavaScript y se recomienda tener experiencia en desarrollo de aplicaciones con VueJS.
  • Se recomienda tener NodeJS y NPM instalados en su última versión.
  • Se recomienda tener instalado Visual Studio Code.
  • Se recomienda tener instalado Android Studio.
  • Si dispones de un Mac, se recomienda tener instalado XCode.
  • Tener acceso a un equipo con permisos para realizar instalaciones.
  • Tener acceso a un dispositivo móvil Android o iOS donde realizar pruebas
Temario del curso
tema 1Introducción y Configuración
  • ¿Qué es Ionic?
  • Últimas novedades en Ionic
  • Instalación de Ionic
  • Configuraciones del IDE para desarrollar con Ionic
  • ¿Qué es Ionic Cli y cómo se estructuran sus comandos?
  • ¿Qué es Cordova?
  • ¿Qué es Capacitor?
  • Cordova vs Capacitor en la actualidad
  • Ionic Platforms
  • Configuración de la máquina previa al desarrollo
  • Configuración del dispositivo móvil previa al desarrollo
  • Android Studio y Emuladores
  • XCode y Emuladores
  • Creación de tu primera aplicación Ionic con plantillas
  • Análisis de la estructura de un proyecto Ionic
  • Despliegue de la aplicación en el navegador
  • 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
tema 2Ionic CLI
  • Configuración del proyecto
  • Configuración de Proxy
  • Comandos de Ionic Cli y buenas prácticas
tema 3La Navegación
  • ¿Qué es una Page en Ionic y cómo generarlas?
  • ¿Qué es un Component en Ionic y cómo generarlo?
  • La navegación en Ionic y el módulo de navegación
  • ¿Cómo navegar desde código?
  • ¿Cómo navegar desde el template?
  • ¿Qué es una redirección de rutas y cómo generarlas?
  • Configuración de redirección y asignación de rutas
  • ¿Qué es un Tab y cómo crearlo?
  • Configuración y uso de Tabs en Ionic
  • ¿Cómo crear un menú en Ionic?
  • Configuración de menús 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 Slides en Ionic
  • Creación, configuración y uso de Toasts en Ionic
  • Particularidades para el desarrollo para iOS y Android
tema 4La estructura de las Pages
  • ¿Qué estructura tienen las Pages de Ionic?
  • El Header en Ionic
  • El Toolbar en Ionic
  • El NavBar en Ionic
  • El SearchBar de Ionic. Configuración y uso.
  • El Footer en Ionic
tema 5Los 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.)
  • Creación de formularios reactivos
  • Avatares e Iconos en Ionic
  • Indicadores de progreso
  • Creando segmentos en Ionic
  • El componente Typography de Ionic
  • Organizando componentes con slot
  • Refresher y el Infinite Scroll de Ionic
tema 6Ionic Native
  • ¿Qué es Ionic Native y por qué es necesario?
  • Análisis de las APIs de Ionic Native
  • Apis destacadas de Ionic Native
tema 7Geolocalización y Mapas
  • Instalaciones y configuración
  • Permisos para Android e iOS
  • Geolocation
  • Geolocation en segundo plano
  • Geofence
  • Google Maps
  • Marcadores
  • Clusters
tema 8Conectividad con API Rest
  • Conexión a API Rest
  • Carga de datos
  • Carga de detalles
  • Envío de formularios
  • Actualización de datos
tema 9Cámara y Vídeo
  • Instalaciones y configuración
  • Permisos para Android e iOS
  • Cámara
  • Almacenamiento de fotografía y vídeo
  • Acceso a la galería
  • Reproductor de Vídeo
  • Reproduciendo vídeos de Youtube
tema 10Otras APIs de interés de Ionic Native
  • Date Picker
  • Manejo de Ficheros y Chooser
  • Insomnia
  • Keyboard
  • Vibration
  • Notificaciones Locales
  • OneSignal y notificaciones push
  • QR Scanner
  • Splash Screen
  • Secure Storage y Native Storage
  • Pedometer
tema 11Firebase
  • ¿Qué es Firebase?
  • Instalación y configuración
  • Creando tu primera aplicación con Ionic y Firebase
  • Autenticación
  • Envío de mensajes
tema 12Redes Sociales
  • Social Sharing
  • Facebook
  • Instagram
  • Twitter Connect
tema 13Apariencia de la Aplicación
  • Tema y Colores personalizados
  • Archivos SCSS del proyecto y creación de variables
  • Padding
  • Margin
  • Otros atributos esenciales
tema 14Exportando a iOS, Android y Web
  • Exportación a iOS
  • Exportación a Android
  • Exportación a Web
tema 15Subiendo aplicaciones al mercado
  • Proceso para aplicaciones Android
  • Proceso para aplicaciones iOS
  • Proceso para aplicaciones Web
  • Subiendo un proyecto a Heroku

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