Imagina Formación

Curso de Desarrollo Móvil con 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.

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

Duración
Consultar
Requisitos
Para este curso son necesarios conocimientos básicos de JavaScript y TypeScript.
Bonificación FUNDAE
Sí, solo disponible para empresas.

Quiero recibir información de este curso

*requerido

  • Responsable de los datos: IMAGINA WEB & MOBILE TECHNOLOGIES S.L.
  • Finalidad de los datos: Responder a la información solicitada, envío de boletines de noticias y ofertas.
  • Destinatarios: IMAGINA WEB & MOBILE TECHNOLOGIES S.L. No se cederán los datos a terceros.
  • Derechos: En cualquier momento puedes acceder, recuperar y borrar tu información.

1

 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
2

 Ionic Cli

  • Configuración del proyecto
  • Configuración de Proxy
  • Comandos de Ionic Cli y buenas prácticas
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 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
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
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 (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
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
7

 Geolocalización y Mapas

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

Conectividad con API Rest

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

 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
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
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
12

 Redes Sociales

  • Social Sharing
  • Facebook
  • Instagram
  • Twitter Connect
13

Apariencia de la Aplicación

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

Exportando a iOS, Android y Web

  • Exportación a iOS
  • Exportación a Android
  • Exportación a Web
15

  Subiendo aplicaciones al mercado

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

¿No es lo que estabas buscando? También hacemos temarios a medida para empresas, consultanos.

Realiza el curso desde donde quieras gracias a nuestro campus online.
Dispondrás de un profesor experimentado en programación y desarrollo, que te ayudará
y responderá a todas tus dudas.
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.

Consulta disponibilidad y precios

¿Tienes alguna duda?

Puedes hablar con uno de nuestros profesores.

¡Pregúntanos!

↑ Ir arriba