Envíanos tu consulta
![iconoCurso](data:image/svg+xml;utf8, <svg width="920" height="920" viewBox="0 0 920 920" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M759.496 315.411L762.205 321.918C781.981 365.079 792.146 412.02 791.998 459.495C791.998 642.039 643.08 791 460.499 791C277.919 791 129 642.079 129 459.495C129 276.912 277.959 128 460.499 128C513.215 127.918 565.197 140.356 612.166 164.291L618.663 167.54L613.246 171.827C599.886 182.518 589.297 196.269 582.373 211.916L580.744 216.254L576.956 214.625C540.126 197.334 501.127 188.119 460.499 188.119C311.001 188.119 189.647 309.454 189.647 458.975C189.647 608.496 310.981 729.832 460.499 729.832C610.018 729.832 731.352 607.957 731.352 458.975C731.352 423.224 724.845 388.013 710.763 355.52L709.144 351.182L713.471 349.563C729.374 343.539 743.654 333.892 755.179 321.388L759.516 315.391L759.496 315.411ZM677.701 321.408C691.306 321.41 704.606 317.378 715.919 309.821C727.233 302.265 736.052 291.523 741.261 278.955C746.47 266.386 747.836 252.555 745.185 239.211C742.534 225.866 735.986 213.607 726.368 203.984C716.751 194.361 704.496 187.806 691.154 185.147C677.811 182.489 663.979 183.846 651.408 189.048C638.837 194.25 628.09 203.063 620.527 214.372C612.964 225.681 608.924 238.979 608.918 252.585C608.419 290.495 639.252 321.368 677.701 321.368V321.408ZM460.499 307.835C430.609 307.835 401.389 316.699 376.536 333.306C351.683 349.913 332.313 373.517 320.875 401.133C309.436 428.749 306.444 459.137 312.276 488.453C318.108 517.77 332.503 544.699 353.639 565.834C374.776 586.97 401.705 601.363 431.022 607.193C460.338 613.023 490.725 610.029 518.34 598.589C545.955 587.148 569.557 567.776 586.162 542.922C602.767 518.067 611.629 488.847 611.627 458.956C611.608 418.88 595.68 380.451 567.341 352.114C539.003 323.778 500.574 307.851 460.499 307.835Z" fill="%234F8DF9"/>
</svg>)
Curso 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 nuestro curso de Ionic React
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 de nuestro curso de Ionic React
- 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 en nuestro curso de Ionic React
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.
Requisitos de nuestro curso de Ionic React
- 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 de Ionic React
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
- 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
Preguntas Frecuentes de Ionic React
Beneficios del curso de desarrollo móvil con Ionic React
Este curso te permitirá dominar el desarrollo de aplicaciones móviles utilizando Ionic y React. Aprenderás a crear aplicaciones multiplataforma de alto rendimiento y con una interfaz de usuario atractiva. Además, te proporcionarás conocimientos valiosos que pueden aumentar la eficiencia y la productividad de tu equipo de desarrollo.
¿Es el curso de desarrollo móvil con Ionic React 100% bonificado por FUNDAE?
Sí, el curso es 100% bonificable a través de FUNDAE. Esto significa que si tu empresa cumple con los requisitos puede beneficiarse de la formación sin incurrir en costos adicionales, utilizando los créditos de formación disponibles.
¿Cómo se imparten las clases del curso de desarrollo móvil con Ionic React?
Las clases se imparten en formato online a través de una plataforma interactiva, permitiendo a los participantes acceder al contenido desde cualquier lugar. Además, contarás con soporte en tiempo real a través de tutores expertos, quienes te guiarán durante todo el proceso de aprendizaje.
Habilidades que se desarrollan en el curso de desarrollo móvil con Ionic React
Al finalizar el curso, habrás desarrollado habilidades en el diseño y la creación de aplicaciones móviles con Ionic y React. Serás capaz de trabajar con componentes avanzados de React, gestionar el estado de la aplicación, implementar autenticación y utilizar las mejores prácticas en el desarrollo multiplataforma.
¿Cómo me inscribo en el curso de desarrollo móvil con Ionic React?
Para inscribirte en el curso, simplemente debes completar el formulario de inscripción en la página del curso. Una vez completado el formulario, recibirás un correo electrónico con las instrucciones para acceder al material del curso y comenzar inmediatamente tu formación.