Inicio » ¿Qué Hacemos? » Formación a Empresas » Aplicaciones Móviles » Cursos Desarrollo Híbrido » Curso Ionic 7

Curso Ionic 7 en Madrid, Barcelona y Online

Formación en Ionic 7 para profesionales del desarrollo de aplicaciones móviles. Curso de Ionic 7 ofrecido en modalidad presencial In Company u online en Madrid, Barcelona, Valencia, Alicante, Málaga, Sevilla y Bilbao, bajo demanda para empresas.

¿Qué es Ionic 7?

Ionic 7 es un marco de desarrollo de aplicaciones híbridas para la creación de aplicaciones multiplataforma con tecnologías web estándar como HTLM, CSS y JavaScript. La instalación de Ionic 7 es sencilla y permite a los desarrolladores comenzar rápidamente a crear aplicaciones atractivas y funcionales.

Ionic 7 ofrece grandes ventajas para un desarrollador de aplicaciones. Este framework permite construir aplicaciones atractivas y de alto rendimiento para diferentes plataformas, facilitando la creación de una sola aplicación para dispositivos iOS, Android y web. La gran ventaja que ofrece Ionic 7 es que se pueden crear aplicaciones nativas, web o progresivas a través de un único código base. De esta forma los desarrolladores pueden crear aplicaciones tanto para Android como para iOS de una forma más sencilla, ahorrando tiempo y recursos.

Con este curso Ionic 7 podrás conocer este framework. Es una herramienta muy interesante para desarrolladores de aplicaciones que quieran crear aplicaciones multiplataforma utilizando tecnologías web estándar. La facilidad de instalación y uso hace que Ionic 7 sea una opción atractiva para aquellos que quieran desarrollar aplicaciones atractivas y funcionales y que además se puedan utilizar en una gran variedad de dispositivos.

Presencial In Company

Formación presencial In Company

Formación presencial en las instalaciones del cliente

Presencial Convocatorias

Convocatorias en abierto

Próximos cursos en tu ciudad

Classroom Training

Formación online en Streaming

Profesor en directo con el sistema GoToMeeting

Online Classroom

Formación Online Asíncrona

Accede a nuestros contenidos multimedia desde nuestra plataforma LMS

Características del curso Ionic 7

Duración

Público

Objetivos

Duración

Público

Objetivos

Temario: Plan de estudios | Ionic 7

Tema 1. Introducción y configuración

1.1. ¿Qué es Ionic?

1.2. ¿Qué novedades ha traído Ionic 7 respecto a Ionic 6?

1.3. Instalación de Ionic

1.4. Compatibilidad de Ionic con distintas librerías y frameworks (Angular, React, Vue y Vanilla JS)

1.5. Introducción a Stencil

1.6. ¿Qué es Ionic Cli y cómo se estructuran sus comandos?

1.7. ¿Qué es Cordova y Capacitor?

1.8. Ionic Platforms

1.9. Configuración del equipo previa al desarrollo

1.10. Configuración del dispositivo móvil previa al desarrollo

1.11. Android Studio y Emuladores Android

1.12. XCode y Emuladores iOS (solo MacOS)

1.13. Creación de tu primera aplicación Ionic con plantillas

1.14. Análisis de la estructura y archivos de configuración de un proyecto Ionic

1.15. Creación de proyecto PWA y despliegue en el navegador

1.16. Creación de proyecto Android y despliegue en simulador/dispositivo

1.17. Creación de proyecto iOS y despliegue en simulador/dispositivo (solo MacOs)

1.18. Configuración del proyecto con Ionic CLI

1.19. Configuración de Proxy de Ionic CLI

1.20. Comandos destacables de Ionic Cli y buenas prácticas

Tema 2. La estructura de las pages

2.1. ¿Qué estructura tienen las Pages de Ionic?

2.2. Los modos en Ionic

2.3. El Header en Ionic

2.4. El Toolbar en Ionic

2.5. El SearchBar de Ionic. Configuración y uso.

2.6. El Footer en Ionic

2.7. Buenas prácticas a la hora de estructurar las páginas de Ionic

Tema 3. Los componentes

3.1. Los botones en Ionic

3.2. El Grid de Ionic

3.3. Los Cards en Ionic

3.4. Lists en Ionic

3.5. Componentes para formularios (inputs, checkbox, selects, radios, toggle, etc.)

3.6. Avatares e Iconos en Ionic

3.7. Indicadores de progreso

3.8. Creando segmentos en Ionic

3.9. Organizando componentes con slot

3.10. Refresher de Ionic

3.11. Scroll infinito de Ionic

3.12. Captura de gestos más destacables

Tema 4. La navegación

4.1. ¿Como generar Pages en Ionic?

4.2. ¿Como generar Componentes en Ionic?

4.3. La navegación en Ionic

4.4. ¿Cómo navegar desde código?

4.5. ¿Cómo navegar desde el template?

4.6. Lifecycle de las Paginas en Ionic

4.7. ¿Qué es un Guard y cómo generarlo?

4.8. ¿Qué es un Tab y cómo crearlo?

4.9. ¿Cómo crear un menú en Ionic?

4.10. Creación, configuración y uso de la navegación Modal en Ionic

4.11. Creación, configuración y uso de los Popovers en Ionic

4.12. Creación, configuración y uso de los ActionSheets en Ionic

4.13. Creación, configuración y uso de Alertas en Ionic

4.14. Creación, configuración y uso de Toasts en Ionic

4.15. ¿Cómo gestionar Slides en Ionic 7?

Tema 5. Formularios

5.1. Creación de formularios

5.2. Reactive Forms con Ionic

5.3. Valores por defecto

5.4. Validación de campos de texto

5.5. Validación de campos numéricos

5.6. Validación y formato de campos de fecha y hora

5.7. Validación de campos booleanos

5.8. Validación de expresiones regulares

5.9. Validación entre campos

5.10. Eventos de envío y reseteo del formulario

5.11. Acceder a errores de validación

5.12. Mostrar errores de validación al usuario

Tema 6. Conectividad con API Rest

6.1. Conexión a API Rest

6.2. Carga de datos

6.3. Carga de detalles

6.4. Envío de formularios

6.5. Validación asíncrona de campos en un formulario

6.6. Actualización de datos

Tema 7. Ionic Native

7.1. ¿Qué es Ionic Native y por qué es necesario?

7.2. Análisis de las APIs de Ionic Native

7.3. Apis destacadas de Ionic Native

7.4. Comparativa entre Cordova y Capacitor

7.5. Uso de Capacitor en la actualidad y ventajas principales

7.6. Historial de Versionado de Capacitor

7.7. Permisos en Android

7.8. Permisos en iOS

7.9. Instalación, configuración y puesta en marcha de Capacitor en Ionic

Tema 8. Geolocalización y Mapas

8.1. Instalaciones y configuración

8.2. Permisos para Android e iOS

8.3. Geolocalización del usuario

8.4. Geolocalización en segundo plano

8.5. Geofence

8.6. Google Maps

8.7. Marcadores

8.8. Marcadores personalizados

8.9. Clusters de marcadores

8.10. Obteniendo y mostrando el camino entre dos puntos

Tema 9. Camara y video

9.1. Instalaciones y configuración

9.2. Permisos para Android e iOS

9.3. Accediendo a la cámara

9.4. Captura de imágenes

9.5. Guardado de Imágenes

9.6. Acceso a galería de imágenes

9.7. Lectura de códigos de barras y Qrs

9.8. Captura de vídeo

9.9. Guardado de vídeos

9.10. Reproductor de vídeo

9.11. Reproduciendo vídeos de plataformas online (Vimeo, Youtube, etc.)

Tema 10. Otras APIs de interes de Ionic Native

10.1. Manejo de Ficheros y File Picker

10.2. Keep Awake

10.3. Keyboard

10.4. Haptics

10.5. Notificaciones Locales

10.6. Splash Screen y personalización

10.7. Motion

10.8. Otros sensores destacables

Tema 11. Almacenamiento local

11.1. Trabajando con modelos de datos en la aplicación

11.2. Introducción a SQLLite

11.3. Instalación SQLLite

11.4. SQLite Objects

11.5. Configuración

11.6. Importando y exportando Dbs

11.7. Trabajando con datos offline

11.8. Capacitor Preferences

11.9. Secure Storage

Tema 12. Firebase como BAAS

12.1. ¿Qué es Firebase?

12.2. Acceso a panel de Firebase por primera vez

12.3. Creando tu primera aplicación con Ionic y Firebase

12.4. Instalaciones y configuraciones de Firebase e Ionic

12.5. Autenticación y autorización con servicios de terceros

12.6. Firebase y notificaciones push

Tema 13. Apariencia de la aplicación

13.1. Tema y Colores personalizados

13.2. Archivos SCSS del proyecto y creación de variables

13.3. Dark Mode (Modo oscuro)

13.4. CSS Shadow Parts

13.5. Otros atributos esenciales

Tema 14. Bridging y conexión con la capa nativa

14.1. ¿Qué es bridging y por qué es necesario?

14.2. ¿Cómo crear un plugin?

14.3. Conectándose con la capa nativa

14.4. Tipos de métodos

14.5. Trabajando con handlers en Android

14.6. Trabajando con handlers en iOS

14.7. Exportando y publicando

Tema 15. Exportando a iOS, Android y Web

15.1. Exportación a iOS

15.2. Exportación a Android

15.3. Exportación a Web

Tema 16. Subiendo aplicaciones al mercado

16.1. Proceso para aplicaciones Android

16.2. Proceso para aplicaciones iOS

16.3. Proceso para aplicaciones Web

16.4. Introducción a E2E testing con WebdriverIO

* También realizamos temarios a medida. Consúltanos si necesitas personalizar el contenido.

Novedades en torno a Ionic 7

En este curso de Ionic 7 descubriremos todas las novedades de este framework y cómo aplicarlas al desarrollo de aplicaciones para los diferentes sistemas operativos iOS y Android.

Formación Bonificada para empresas

Si actualmente estás trabajando, tu empresa podrá bonificarse nuestros cursos a través de FUNDAE (antiguamente la Fundación Tripartita) y salirle prácticamente gratis.