Actualmente, Ionic 5 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. Destacando Angular por ser el más utilizado y con el lenguaje Typescript.
Curso de Ionic 5
Actualmente, Ionic 5 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. Destacando Angular por ser el más utilizado y con el lenguaje Typescript.
¿Qué voy a aprender con este curso?
Este curso permite realizar aplicaciones web mediante Ionic Framework para dispositivos móviles. A partir de un único código desarrollado, podrás obtener aplicaciones móviles para cualquier dispositivo iOS o Android.
Objetivos
El objetivo del curso es que el alumno adquiera conocimientos necesarios para crear sus propias aplicaciones y hacer uso de las distintas librerías disponibles.
¿A quién va dirigido?
A programadores, diseñadores y a todas aquellas personas que quieran aprender a desarrollar aplicaciones móviles para los sistemas operativos Android e iOS
Temario
Introducción y Configuración
- ¿Qué es Ionic?
- ¿Qué novedades ha traído Ionic 5 respecto a Ionic 4?
- Instalación de Ionic
- ¿Qué es Ionic Cli y cómo se estructuran sus comandos?
- ¿Qué es Cordova?
- 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
Ionic Cli
- Configuración del proyecto
- Configuración de Proxy
- Comandos de Ionic Cli y buenas prácticas
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 un Guard y cómo generarlo?
- Configuración de Guards y asignación a 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
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
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 (ReactiveFormsModule)
- 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
Ionic Native
- ¿Qué es Ionic Native y por qué es necesario?
- Análisis de las APIs de Ionic Native
- Apis destacadas de Ionic Native
Geolocalización y Mapas
- Instalaciones y configuración
- Permisos para Android e iOS
- Geolocation
- Geolocation en segundo plano
- Geofence
- Google Maps
- Marcadores
- Clusters
Conectividad con API Rest
- Conexión a API Rest
- Carga de datos
- Carga de detalles
- Envío de formularios
- Actualización de datos
Cámara y Vídeo
- Instalaciones y configuración
- Permisos para Android e iOS
- Cámara
- Reproductor de Vídeo
- Reproduciendo vídeos de Youtube
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
Firebase
- ¿Qué es Firebase?
- Instalación y configuración
- Creando tu primera aplicación con Ionic y Firebase
- Autenticación
- Envío de mensajes
Redes Sociales
- Social Sharing
- Twitter Connect
Apariencia de la Aplicación
- Tema y Colores personalizados
- Archivos SCSS del proyecto y creación de variables
- Padding
- Margin
- Otros atributos esenciales
Exportando a iOS, Android y Web
- Exportación a iOS
- Exportación a Android
- Exportación a Web
Subiendo aplicaciones al mercado
- Proceso para aplicaciones Android
- Proceso para aplicaciones iOS
- Proceso para aplicaciones Web
- Subiendo un proyecto a Heroku
Tutor personal
Proyecto final
Diploma de certificación
Plataforma online
Disponibilidad horaria
Bolsa de empleo
¿Quieres realizar esta formación sin coste para tu empresa?
¡Sin desplazamientos! Impartimos la formación en tu empresa.
Imagina Formación es una entidad organizadora de la Fundación Estatal de modo que puedes gestionar la formación bonificada de los cursos con nosotros. Nos encargamos de todos los trámites para conseguir la bonificación sin ningún coste adicional. Cumplimos con todos los requisitos para que nuestros cursos sean 100% bonificables.
Otros clientes que están aprendiendo con nosotros…
¿Tienes alguna duda? Puedes hablar con uno de nuestros profesores
¡Pregúntanos!