Envíanos tu consulta
Términos y condiciones *
*Si no puedes asistir en directo de facilitaremos un enlace para verlo en diferido
logoImagina
iconoCurso

Curso de Ionic Native con Capacitor

DISPONIBLE EN MODALIDAD:
En este curso, los participantes aprenderán a utilizar Ionic Native y Capacitor para desarrollar aplicaciones móviles híbridas de alto rendimiento. Desde la configuración del entorno de desarrollo hasta la implementación de funcionalidades avanzadas, el curso abordará temas como el sistema de enrutado, las peticiones HTTP, el acceso a la cámara, el escaneo de códigos QR, la geolocalización, los calendarios y eventos, y el acceso a contactos. Además, se explorará la integración de Ionic Native con los frameworks React y Vue. Al finalizar el curso, los participantes estarán preparados para desarrollar aplicaciones móviles completas y publicarlas en las tiendas de aplicaciones.
iconClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClient
Aprende Ionic Native con Capacitor: Curso completo

¿A quién va dirigido?

Desarrolladores web con experiencia en Angular, React, Vue u otros frameworks, que deseen ampliar sus habilidades en el desarrollo de aplicaciones móviles híbridas utilizando Ionic Native y Capacitor.

Objetivos del curso de Ionic Native con Capacitor

  • Familiarizarse con los conceptos y ventajas de Ionic Native y Capacitor en el desarrollo de aplicaciones móviles híbridas.
  • Configurar y ajustar el entorno de desarrollo necesario para trabajar con Ionic Native y Capacitor.
  • Integrar Ionic Native con frameworks como React y Vue para desarrollar aplicaciones móviles.
  • Dominar el uso de funcionalidades clave de Ionic Native y Capacitor, como el sistema de enrutado, las peticiones HTTP, el acceso a la cámara, la geolocalización, calendarios, eventos, etc..
  • Aprender a generar builds y desplegar aplicaciones en dispositivos emulados y reales.

¿Qué vas a aprender en este curso de Ionic Native con Capacitor?

En este curso, los participantes aprenderán a utilizar Ionic Native y Capacitor para desarrollar aplicaciones móviles híbridas de alto rendimiento. Desde la configuración del entorno de desarrollo hasta la implementación de funcionalidades avanzadas, el curso abordará temas como el sistema de enrutado, las peticiones HTTP, el acceso a la cámara, el escaneo de códigos QR, la geolocalización, los calendarios y eventos, y el acceso a contactos. Además, se explorará la integración de Ionic Native con los frameworks React y Vue. Al finalizar el curso, los participantes estarán preparados para desarrollar aplicaciones móviles completas y publicarlas en las tiendas de aplicaciones.

Requisitos

  • Conocimientos previos de desarrollo web, incluyendo HTML, CSS, JavaScript y TypeScript y experiencia en el desarrollo de soluciones de Angular, React y Vue.
  • Tener Visual Studio Code, Git, Node LTS, NPM, Android SDK y emuladores Android e iOS previamente instalados en el equipo
  • Tener un equipo con acceso a un usuario con permisos de instalación, conexión estable a Internet y capacidad suficiente como para iniciar emuladores Android e iOS

Temario del curso de Ionic Native con Capacitor

tema 1

Introducción a Ionic Native con Capacitor y Typescript

  • Introducción a Ionic Native
  • ¿Qué es Ionic Native y por qué utilizarlo en aplicaciones móviles?
  • ¿Qué es Capacitor y cómo se compara con otras tecnologías de desarrollo móvil?
  • Ventajas de Ionic Native en el desarrollo de aplicaciones híbridas
  • Instalación y configuración de Ionic Native en un proyecto de Ionic con Capacitor
  • Ventajas de utilizar Capacitor en proyectos de Ionic
  • Configuración y ajustes iniciales de Capacitor en un proyecto de Ionic
tema 2

Configuración del entorno de desarrollo y puesta en marcha

  • Configuración del entorno de desarrollo
  • Instalación de Node.js y npm
  • Instalación de Ionic CLI y Capacitor CLI
  • Configuración de emuladores de dispositivos móviles Android e iOS
  • Configuración de un dispositivo físico para pruebas en tiempo real
  • Creación de un proyecto de Ionic con Capacitor y Angular
  • Inicialización de un proyecto de Ionic con Capacitor
  • Configuración y ajustes básicos del proyecto
  • Estructura de archivos y carpetas en un proyecto de Ionic con Capacitor
  • Plataformas nativas para las que podemos desarrollar con Ionic Native y Capacitor
tema 3

Builds y despliegues en dispositivos emulados

  • Configuración de emuladores de dispositivos móviles Android e iOS
  • Generación de builds para Android y iOS
  • Despliegue en emuladores de Android
  • Despliegue en emuladores de iOS
  • Depuración y pruebas en dispositivos emulados
  • Configuración de variables de entorno para diferentes entornos de compilación
tema 4

Despliegues en dispositivos reales

  • Configuración de un dispositivo físico para pruebas en tiempo real
  • Preparación de la aplicación para despliegue en dispositivos reales
  • Firma de la aplicación para distribución en Android e iOS
  • Despliegue en dispositivos Android
  • Despliegue en dispositivos iOS
  • Pruebas y depuración en dispositivos reales
tema 5

Integración de Ionic con React y Vue

  • Integración de Ionic Native con React
  • Configuración de Ionic Native en un proyecto de React
  • Uso de componentes y hooks de Ionic Native en React
  • Creación de componentes personalizados utilizando Ionic Native en React
  • Implementación de navegación y enrutamiento en una aplicación de React con Ionic Native
  • Implementación de funcionalidades avanzadas utilizando Ionic Native en React
tema 6

Integración de Ionic Native con Vue

  • Configuración de Ionic Native en un proyecto de Vue
  • Uso de componentes y mixins de Ionic Native en Vue
  • Creación de directivas personalizadas utilizando Ionic Native en Vue
  • Implementación de transiciones y animaciones con Ionic Native en Vue
  • Implementación de funcionalidades avanzadas utilizando Ionic Native en Vue
tema 7

Gestión de requisitos móviles con Ionic Native y Capacitor

  • Gestionando requisitos en proyectos Android con Ionic Native y Capacitor
  • Gestionando requisitos en proyectos iOS con Ionic Native y Capacitor
tema 8

Sistema de enrutado en Ionic Native

  • Configuración de rutas en Ionic Native
  • Navegación entre pantallas
  • Uso de parámetros en las rutas
  • Configuración de rutas protegidas
  • Animaciones de transición entre pantallas
tema 9

Peticiones HTTP en Ionic Native

  • Configuración del módulo HTTP
  • Realización de peticiones GET, POST, PUT y DELETE
  • Manejo de respuestas y errores
  • Envío de datos en formato JSON
  • Autenticación y autorización en las peticiones HTTP
tema 10

Acceso a la cámara

  • Captura de fotos y videos desde la cámara del dispositivo
  • Selección de imágenes de la galería
  • Configuración de opciones de la cámara (calidad, resolución, etc.)
  • Manipulación de imágenes capturadas o seleccionadas
  • Implementación de funcionalidades avanzadas de la cámara (zoom, enfoque, flash, etc.)
tema 11

Escaneo de códigos QR

  • Lectura de códigos QR utilizando la cámara del dispositivo
  • Decodificación de información contenida en códigos QR
  • Configuración de opciones de escaneo (tipo de códigos, tamaño, etc.)
  • Integración de bibliotecas de escaneo de códigos QR externas
  • Utilización de resultados de escaneo en la aplicación
tema 12

Geolocalización de usuarios y posicionamiento en mapas

  • Obtención de la ubicación actual del usuario utilizando el GPS del dispositivo
  • Visualización de la ubicación del usuario en un mapa interactivo
  • Configuración de opciones de geolocalización (precisión, intervalo de actualización, etc.)
  • Implementación de funciones de búsqueda de lugares y direcciones en el mapa
  • Integración de servicios de mapas externos (Google Maps, Mapbox, etc.)
tema 13

Calendarios y eventos

  • Creación de eventos en el calendario del dispositivo
  • Lectura y visualización de eventos existentes en el calendario
  • Configuración de opciones de eventos (título, fecha, hora, recordatorios, etc.)
  • Sincronización de eventos con servicios de calendario en la nube
  • Implementación de funcionalidades avanzadas de calendario (recurrencia, invitaciones, etc.)
tema 14

Acceso a contactos

  • Lectura de contactos almacenados en el dispositivo
  • Búsqueda y filtrado de contactos por nombre, número telefónico, etc.
  • Creación y edición de nuevos contactos en la libreta de direcciones
  • Integración con aplicaciones de correo electrónico y mensajería para compartir contactos
  • Implementación de funcionalidades adicionales de gestión de contactos (grupos, etiquetas, etc.)
tema 15

Buenas prácticas en el desarrollo de aplicaciones móviles

  • Diseño de interfaces de usuario
  • Particularidades de Android
  • Particularidades de iOS
  • Particularidades de otras plataformas
  • Implementación de funcionalidades y lógica de negocio
  • Gestión de datos y almacenamiento
  • Pruebas y depuración
  • Optimización y rendimiento
tema 16

Publicación de aplicaciones en Stores de Google y Apple

  • Preparación de la aplicación para publicación
  • Creación de cuentas de desarrollador en Google Play Store y App Store
  • Generación de archivos de publicación
  • Configuración de metadatos y recursos de la aplicación
  • Proceso de envío y revisión de la aplicación en las tiendas
tema 17

Proyecto Final: Desarrollo de una aplicación móvil con Ionic Native y Capacitor

  • Diseño y especificación de la aplicación móvil
  • Implementación de las funcionalidades utilizando Ionic Native y Capacitor
  • Integración de servicios y APIs externas
  • Pruebas, depuración y optimización de la aplicación
  • Publicación y distribución de la aplicación móvil en tiendas de aplicaciones

Curso de Ionic Native con Capacitor 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.

Descargar Guía FUNDAE
imagenFundae
iconClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClient