Impulsa tus aplicaciones móviles con la potencia de Ionic y VueJS para obtener resultados asombrosos
Despliega en tu equipo Ionic con VueJS A Medida, formación práctica para crear apps móviles robustas, tutorizada y bonificable por FUNDAE. Pide información.
Aprende a configurar un entorno de trabajo óptimo con Visual Studio Code y tecnologías de vanguardia como TypeScript y VueJS, optimizando así la productividad de tu equipo de desarrollo.
1
Desarrolla aplicaciones móviles modernas y funcionales
Personaliza el temario al 100% para tu equipo
Diseñamos una formación a medida utilizando los documentos y flujos de trabajo reales de tu empresa.
Nueva Plataforma de E-learningFormación en directo con plataforma de apoyo para reforzar el aprendizaje
Acceso a las grabaciones
Los alumnos podrán revisar las sesiones grabadas para repasar conceptos clave, recuperar explicaciones concretas o reforzar aquellos contenidos que necesiten después de la clase en directo.
Recursos formativos
Materiales, sesiones grabadas y documentación de apoyo quedan centralizados en la plataforma para que el equipo pueda consultarlos durante y después de la formación.
Confirmación de asistencia
La plataforma permite registrar y confirmar la asistencia de los participantes, facilitando el seguimiento de la formación y la gestión documental necesaria para la bonificación FUNDAE.
Programa formativo
Temario del curso
Encuentra todo el temario del curso aquí.
Temario
Configurando Visual Studio Code para desarrollar con Typescript y Vue
¿Qué es Vue?
¿Qué es Vue CLI?
Comandos esenciales de Vue CLI
Opciones de creación de proyecto y guardado de plantillas
Creando el primer proyecto Vue y TypeScript
Configurando Visual Studio Code para desarrollar con Typescript y Vue
¿Qué es Vue?
¿Qué es Vue CLI?
Comandos esenciales de Vue CLI
Opciones de creación de proyecto y guardado de plantillas
Tema 1: Introducción al desarrollo con Vue en Typescript y puesta en marcha
Configurando Visual Studio Code para desarrollar con Typescript y Vue
¿Qué es Vue?
¿Qué es Vue CLI?
Comandos esenciales de Vue CLI
Opciones de creación de proyecto y guardado de plantillas
Creando el primer proyecto Vue y TypeScript
Tema 2: Interacción con el DOM
Las plantillas de Vue
Instancias y sintaxis de las plantillas de Vue
Gestión de datos y binding
¿Qué son las directivas y cómo se usan?
El Re-renderizado
Eventos: Objetos, datos y modificadores
Los eventos de teclado
Uso de código en las plantillas
El binding doble
Las propiedades y la reacción ante los cambios
La escucha activa ante cambios
Uso de clases CSS para dar estilos de manera dinámica
Tema 3: Componentes
¿Qué es un componente?
Almacenando datos en componentes
Registrando componentes
El componente raíz (root)
Creando componentes
Usando componentes
Buenas prácticas de estructuración del proyecto
Estructuras de carpetas alternativas
¿Cómo se nombran los componentes?
Dando estilos a los componentes
Tema 4: La comunicación entre componentes
El problema de la comunicación entre componentes
Las Props como método de comunicación vertical descendente
Nombrado de Props
Uso de Props en componentes hijo
Validando las Props de un componente
Los eventos como método de comunicación vertical ascendente
Comprendiendo el flujo unidireccional del flujo de datos
Funciones Callback como método de comunicación
Bus de eventos
Tema 5: Uso avanzado de componentes
El paso de contenido
Paso de contenido a través las funciones de composición
¿Qué son las funciones de composición?
La importancia de reutilizar código
Tema 6: Directivas
¿Qué son las directivas?
¿Cómo funcionan las directivas?
Introducción a funciones Hook
Creando una directiva
Pasando valores a directivas personalizadas
Pasando argumentos a directivas personalizadas
Modificando directivas personalizadas
Registrando directivas
Usando múltiples modificadores
Pasando valores complejos a directivas
Tema 7: Introducción a Ionic y primeros pasos
¿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
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
Tema 8: Ionic CLI
Configuración del proyecto
Configuración de Proxy
Comandos de Ionic Cli y buenas prácticas
Tema 9: 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.)
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 10: La 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 11: La 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 12: Ionic Native
¿Qué es Ionic Native y por qué es necesario?
Análisis de las APIs de Ionic Native
Apis destacadas de Ionic Native
Tema 13: Shared Preferences
¿Para que se utilizan?
Uso de Shared Preferences
fetch()
store()
remove()
clearAll()
show()
suite()
Tema 14: Conectividad con API Rest
Conexión a API Rest
Carga de datos
Carga de detalles
Envío de formularios
Actualización de datos
Tema 15: Modelos de datos
Creando modelos de datos
Obteniendo datos mediante una API
Obteniendo datos mediante un formulario
Trabajando con modelos de datos en la aplicación.
Tema 16: SQLite
¿Para qué sirve?
Instalación
Instance members
SQLite Objects
Configuración
Copiando bases de datos con Sqlite Db Copy
Importando y exportando con SQLite Porter
Tema 17: Cámara y Vídeo
Instalaciones y configuración
Permisos para Android
Cámara
Almacenamiento de fotografía y vídeo
Capturas de pantalla
Acceso a la galería
Reproductor de Vídeo
Reproduciendo vídeos de Youtube
Tema 18: Sensores
Encendiendo los sensores
Recibiendo datos de los sensores
Sensor de proximidad
Acelerómetro
Sensor de luz
Giroscópio
Contador de pasos
Tema 19: Brújula
Plugin device orientation
Obtener la orientación actual
Obtener a orientación del dispositivo en tiempo real
Configurando la brújula
Tema 20: Geolocalización y Mapas
Instalaciones y configuración
Permisos para Android
Geolocation
Geolocation en segundo plano
Geofence
Google Maps
Marcadores personalizados
Cálculo de distancias
Clusters
Creando un sistema de GPS con Ionic
Tema 21: Otras 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
Tema 22: Firebase
¿Qué es Firebase?
Instalación y configuración
Creando tu primera aplicación con Ionic y Firebase
Autenticación
Envío de mensajes
Tema 23: Apariencia de la Aplicación
Tema y Colores personalizados
Archivos SCSS del proyecto y creación de variables
Padding
Margin
Otros atributos esenciales
Tema 24: Exportando a Android y Web
Exportación a Android
Exportación a Web
Tema 25: Subiendo aplicaciones al mercado
Proceso para aplicaciones Android
Proceso para aplicaciones Web
Perfiles profesionales
Pensado para quienes deben dominar Ionic con VueJS en su día a día
Desarrolladores Frontend
Buscan mejorar sus habilidades en VueJS e Ionic para crear aplicaciones móviles efectivas y modernas.
Ingenieros de Software
Quieren integrar VueJS e Ionic en sus proyectos para optimizar el flujo de trabajo en el desarrollo móvil.
Equipos de Desarrollo TI
Necesitan formar a sus integrantes en VueJS y Ionic para innovar y mantener su competitividad en el desarrollo de apps.
Programadores Fullstack
Preguntas frecuentes
Resolvemos todas tus dudas sobre nuestra formación en Ionic con VueJS
Explora las respuestas a las preguntas que guian a nuestra comunidad. Aqui encontraras claridad sobre como funciona todo, desde el acceso hasta los detalles de los cursos. Si buscas respuestas, este es el lugar para comenzar.
Este curso ofrece formación detallada en Ionic y Vue, tecnologías líderes para desarrollo móvil. Esto permite a tu equipo crear apps robustas, optimizar procesos y reducir tiempos de lanzamiento. Mejora la capacidad interna para enfrentar nuevos retos tecnológicos y ofrecer soluciones innovadoras.
Sí, se imparte a través de nuestra Aula Virtual Personalizada, permitiendo adaptar contenidos y horarios según las necesidades específicas de tu empresa. Nuestros expertos diseñan material didáctico dirigido a tus áreas estratégicas, maximizando así el impacto y aplicabilidad de los conocimientos adquiridos.
El curso es 100% bonificable por FUNDAE, lo que significa que tu empresa puede recuperar la inversión total del curso. Si optas por que gestionemos la bonificación, se aplicará un cargo del 10% adicional + IVA sobre el coste total, también bonificable desde los créditos FUNDAE disponibles.
El curso se estructura de manera flexible adaptándose al ritmo de tus empleados. Por videoconferencia con proyectos personalizados para hasta 20 participantes, abarcamos desde los conceptos básicos hasta las aplicaciones avanzadas. La duración se ajusta a las necesidades sin restar calidad al contenido impartido.
Ofrecemos soporte técnico y pedagógico continuo a través de nuestra plataforma. Los participantes pueden acceder a sesiones de resolución de dudas con los instructores expertos y disponer de material complementario en línea para potenciar su proceso de aprendizaje.
Contacta con nuestra sección de ventas especializada para recibir un asesoramiento completo. Analizaremos las necesidades específicas de tu empresa y te guiaremos en el proceso de inscripción personalizado, asegurando una experiencia de onboarding fluida y efectiva.
Los participantes trabajarán en proyectos reales adaptados a sus contextos laborales. Diseñarán y desarrollarán aplicaciones personalizadas, una efectiva práctica para cimentar y aplicar los conocimientos adquiridos. Los proyectos fomentan la cohesión del equipo y el aprendizaje colaborativo.
Este curso ofrece formación detallada en Ionic y Vue, tecnologías líderes para desarrollo móvil. Esto permite a tu equipo crear apps robustas, optimizar procesos y reducir tiempos de lanzamiento. Mejora la capacidad interna para enfrentar nuevos retos tecnológicos y ofrecer soluciones innovadoras.
Sí, se imparte a través de nuestra Aula Virtual Personalizada, permitiendo adaptar contenidos y horarios según las necesidades específicas de tu empresa. Nuestros expertos diseñan material didáctico dirigido a tus áreas estratégicas, maximizando así el impacto y aplicabilidad de los conocimientos adquiridos.
El curso es 100% bonificable por FUNDAE, lo que significa que tu empresa puede recuperar la inversión total del curso. Si optas por que gestionemos la bonificación, se aplicará un cargo del 10% adicional + IVA sobre el coste total, también bonificable desde los créditos FUNDAE disponibles.
El curso se estructura de manera flexible adaptándose al ritmo de tus empleados. Por videoconferencia con proyectos personalizados para hasta 20 participantes, abarcamos desde los conceptos básicos hasta las aplicaciones avanzadas. La duración se ajusta a las necesidades sin restar calidad al contenido impartido.
Ofrecemos soporte técnico y pedagógico continuo a través de nuestra plataforma. Los participantes pueden acceder a sesiones de resolución de dudas con los instructores expertos y disponer de material complementario en línea para potenciar su proceso de aprendizaje.
Contacta con nuestra sección de ventas especializada para recibir un asesoramiento completo. Analizaremos las necesidades específicas de tu empresa y te guiaremos en el proceso de inscripción personalizado, asegurando una experiencia de onboarding fluida y efectiva.
Los participantes trabajarán en proyectos reales adaptados a sus contextos laborales. Diseñarán y desarrollarán aplicaciones personalizadas, una efectiva práctica para cimentar y aplicar los conocimientos adquiridos. Los proyectos fomentan la cohesión del equipo y el aprendizaje colaborativo.
Diseñemos hoy el curso que tu empresa necesita
Cuéntanos tus objetivos de negocio y prepararemos una propuesta formativa bonificable totalmente ad hoc
desde cero con Ionic, mejorando la eficiencia operativa y reduciendo los tiempos de entrega en tus proyectos actuales y futuros.
2
Fortalece la colaboración entre programadores al implementar una estructura de componentes bien definida y gestión de la comunicación eficaz, garantizando una fluida integración y mantenimiento del código.
3
Asegura que tus aplicaciones sean escalables y adaptables al aprovechar las capacidades avanzadas de Ionic y Vue para un despliegue exitoso en plataformas Android y PWA, mejorando la accesibilidad y visibilidad.
Después de la formación en directo, los alumnos podrán acceder a ejercicios prácticos para aplicar lo trabajado en clase y consolidar el aprendizaje con actividades guiadas.
Acceso a las grabaciones
Los alumnos podrán revisar las sesiones grabadas para repasar conceptos clave, recuperar explicaciones concretas o reforzar aquellos contenidos que necesiten después de la clase en directo.
Recursos formativos
Materiales, sesiones grabadas y documentación de apoyo quedan centralizados en la plataforma para que el equipo pueda consultarlos durante y después de la formación.
Confirmación de asistencia
La plataforma permite registrar y confirmar la asistencia de los participantes, facilitando el seguimiento de la formación y la gestión documental necesaria para la bonificación FUNDAE.
Ejercicios prácticos
Después de la formación en directo, los alumnos podrán acceder a ejercicios prácticos para aplicar lo trabajado en clase y consolidar el aprendizaje con actividades guiadas.
Practica y mejora con nuestra plataforma
Una plataforma practica, con IA integrada y pensada para que mejores desarrollando. Se adapta a tu ritmo, te corrige al instante y te muestra tu progreso real.
Correccion magica
Feedback inteligente
Aprende de cada acierto y fallo con explicaciones claras