Envíanos tu consulta

Buscar cursos

Catálogo 2024

¡Últimas plazas!Cursos Servicios FUNDAE Plataforma LMS

Solicitar información

Buscar cursos

Solicitar información

Cursos/Cursos de Desarrollo Móvil/Curso Ionic React

Curso completo de Ionic React

DISPONIBLE EN MODALIDAD:

Aula Virtual Personalizada

Este curso permite realizar aplicaciones móvil y web con Ionic y ReactJS.

Actualmente, Ionic 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 ReactJS.

Formación en Ionic React bonificable para empresas

¿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 ReactJS.

Objetivos

Desarrollar aplicaciones móvil usando Ionic React.
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?

Requisitos

Se requieren conocimientos de JavaScript y se recomienda tener experiencia en desarrollo de aplicaciones con React JS.
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.

Temario del curso

tema 1

Introducció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 2

Ionic CLI

Configuración del proyecto
Configuración de Proxy
Comandos de Ionic Cli y buenas prácticas

tema 3

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 4

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 5

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 6

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 7

Geolocalización y Mapas

Instalaciones y configuración
Permisos para Android e iOS
Geolocation
Geolocation en segundo plano
Geofence
Google Maps
Marcadores
Clusters

tema 8

Conectividad con API Rest

Conexión a API Rest
Carga de datos
Carga de detalles
Envío de formularios
Actualización de datos

tema 9

Cá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 10

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
Pedometer

tema 11

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 12

Redes Sociales

Social Sharing
Facebook
Instagram
Twitter Connect

tema 13

Apariencia de la Aplicación

Tema y Colores personalizados
Archivos SCSS del proyecto y creación de variables
Padding
Margin
Otros atributos esenciales

tema 14

Exportando a iOS, Android y Web

Exportación a iOS
Exportación a Android
Exportación a Web

tema 15

Subiendo aplicaciones al mercado

Proceso para aplicaciones Android
Proceso para aplicaciones iOS
Proceso para aplicaciones Web
Subiendo un proyecto a Heroku

Testimonios de nuestros clientes

“Empecé a formarme recientemente con ellos y estoy muy sorprendido de la metodología y la calidad de los contenidos. He hecho varios cursos online con otros proveedores pero con ninguno he terminado tan satisfecho como con Imagina.”

“Mi empresa contrató un Aula Virtual Personalizada con Imagina, después de tener malas experiencias con otras academias y nos sorprendió la profesionalidad con la que trabajan. Hicimos 3 reuniones técnicas con Martín antes de empezar la formación y quedamos encantados con el resultado, sin duda repetiremos.”

Curso de Ionic React 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

Contáctanos

¿Qué formación necesitas?

En Imagina llevamos más de 14 años ofreciendo formación para empresas, estamos especializados en el área técnica y de ofimática, adaptando nuestras formaciones a vuestras necesidades. Déjanos tus datos, y nos pondremos en contacto contigo para informarte sobre el curso que mejor se ajuste a lo que buscas. Cuéntanos tus necesidades y podremos asesorarte sobre la modalidad que mejor se adapte: Curso Online o Aula Virtual Personalizada