Envíanos tu consulta

Buscar cursos

Catálogo 2024-25

Cursos ¡Últimas plazas!Servicios FUNDAE Tutoriales Plataforma LMS

Solicitar información

Buscar cursos

Solicitar información

Formación

Modalidades

Próximas Convocatorias

Temario

FAQ

Solicitar información

Cursos de Desarrollo/Cursos de Desarrollo Móvil/Curso Ionic con VueJS

Curso de Ionic con VueJS

DISPONIBLE EN MODALIDAD:

Aula Virtual Personalizada

Durante este curso, aprenderás a crear aplicaciones móviles rápidas y robustas haciendo uso de las últimas versiones del framework Ionic y Vue.

Durante este curso, aprenderás a crear aplicaciones móviles rápidas y robustas haciendo uso de las últimas versiones del framework Ionic y Vue. Aprende paso a paso el proceso completo de creación de una app, desde los primeros pasos a dar hasta la publicación en el mercado de aplicaciones.

Formación en Ionic con VueJS bonificable para empresas

A quién va dirigido nuestro curso de Ionic con VueJS

A todos los profesionales que quieran aprender a crear aplicaciones móviles haciendo uso de Ionic y Vue.

Objetivos de nuestro curso de Ionic con VueJS

Aprender a usar Vue junto con Ionic en sus últimas versiones para crear potentes aplicaciones en android
Asimilar y entender todas las fases del desarrollo de una aplicación
Conseguir una base tanto de conocimientos como buenas prácticas para futuros proyectos

Qué vas a aprender en nuestro curso de Ionic con VueJS

Requisitos de nuestro curso de Ionic con VueJS

Es recomendable tener una base de conocimientos en TypeScript.
Es recomendable disponer de un dispositivo Android para realizar pruebas de software.
Es necesario disponer de permisos de instalación en tu equipo.

Temario del curso de Ionic con VueJS

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

Preguntas Frecuentes de Ionic con VueJS

¿Cuáles son los beneficios del curso Ionic con VueJS?

El curso está diseñado para que los participantes adquieran habilidades en la creación de aplicaciones híbridas, aprovechando la potencia de Ionic y VueJS. Además, mejorarás la eficiencia en el desarrollo de aplicaciones y reducirás los costos de desarrollo a largo plazo.

¿Puedo bonificar el curso Ionic con VueJS al 100% por FUNDAE?

Sí, las empresas pueden bonificar este curso al 100% a través de FUNDAE, lo que permite recuperar la inversión realizada en capacitación.

¿Cómo se imparten las clases del curso Ionic con VueJS?

Las clases se imparten de manera online y en tiempo real, lo que permite una interacción directa con el instructor y otros participantes. También tendrás acceso a materiales adicionales y recursos exclusivos para facilitar el aprendizaje.

¿Qué habilidades desarrollarán mis empleados con el curso Ionic con VueJS?

Al finalizar el curso, tus empleados podrán desarrollar aplicaciones híbridas de alta calidad utilizando Ionic y VueJS, desde el diseño de la interfaz hasta la funcionalidad interna. Además, ganarán experiencia práctica con proyectos reales.

¿Cómo puedo inscribirme en el curso Ionic con VueJS para mis empleados?

Para inscribirte, simplemente ponte en contacto con el equipo de formación a través del formulario de inscripción que encontrarás en nuestra web. Te asesoraremos en todo el proceso y resolveremos cualquier duda que puedas tener.