Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Este curso enseña a desarrollar aplicaciones móviles modernas, abarcando desde la creación de componentes, integración con APIs, y navegación avanzada, hasta el uso de Ionic Native para acceder a la cámara y geolocalización. Incluye personalización con temas y SASS, almacenamiento, y despliegue en dispositivos reales.

Duración:                    25 horas

Perfil:                           Avanzado

Dirigido a

Esta acción formativa está destinada a programadores y analistas de aplicaciones interesados en crear aplicaciones para dispositivos móvilesmóviles híbridas, integrando APIs externas y funcionalidades nativas.

Requisitos previos 

Los alumnos necesitarán tener conocimientos de HTML5, JavaScript y CSS para aprovechar el curso. Necesarios conocimientos consolidados de TypeScript y Angular VUE para seguir el curso con fluidez.

ObjetivosEl objetivo del curso es aprender a programar

  • Alcanzar la base de Vue 3 para construir componentes y manejar datos de forma eficiente.
  • Crear aplicaciones móviles híbridas
para las plataformas
Android, iOS y Windows 10. Para ellos, se van a tratar los siguientes puntos:
  • Conocer el lenguaje TypeScript
  • Conocer los fundamentos del framework Angular para poder trabajar con Ionic
  • El framework Ionic
  • Interacciones con las plataformas nativas
  • Maquetación con SASS

Image Removed

Contenido

  • Repaso a TypeScript
    1. Variables y métodos
    2. Clases, herencia y gestión de objetos
    3. Herramientas de TypeScript
  • Repaso Angular 
    1. Módulos
    2. Data Binding
    3. Plantillas
    4. Componentes
    5. Servicios
    6. Metadatos
    7. Directivas
  • Ionic 7
    1. Instalación de Ionic
    2. Generador de proyectos de Ionic
    3. Inicio de un proyecto nuevo
    4. Ejecutar la aplicación con un navegador o con un emulador
    5. Ejecutar la aplicación en un dispositivo móvil
    6. Plantillas Starter
    7. Ionic Framework
  • Navegación y enrutamiento
    1. La navegación por pantallas
    2. Encabezados y pies de página
    3. Navegación por Tabs
    4. Navegación con Menú lateral
    5. Parámetros de navegación
    6. Navegación con Animaciones
    7. Botón Volver
  • Componentes Ionic
    1. Datos y Caching
    2. Uso de HttpClient
    3. El patrón Observable
    4. Gestión de espera en la aplicación
    5. Acceso a APIs RESTful desde la aplicación
  • Ionic native
    1. Plugins de Apache Cordova
    2. Capacitor
    3. Acceso a sensores del dispositivo ○ Cartografía
  • Personalización de la aplicación
  • Uso de Temas en Ionic
  • Maquetación CSS con SASS
  • Reutilización de valores con variables
  • Reutilización de las normas con Mixins
  • Escribir CSS conciso vía reglas anidadas
  • Cálculos con operadores y funciones
  • Agrupación de elementos utilizando espacios de nombres
  • Comentarios y Escape
  • Importación de archivos
    • con Ionic, listas para ejecutarse en dispositivos y navegadores.
    • Implementar navegación avanzada, almacenamiento local, e integrar APIs externas.
    • Utilizar Ionic Native para acceder a funcionalidades del dispositivo como la cámara y geolocalización.
    • Personalizar aplicaciones mediante temas y SASS, mejorando su diseño y usabilidad.


    Image Added

    Contenido

    1. Vue 3
      1. Introducción a Vue 3 y su ecosistema
      2. Creación y gestión de componentes
      3. Sintaxis de plantillas y uso de directivas
      4. Manejo de eventos y propiedades
      5. Uso avanzado de la Composition API
      6. Formularios reactivos y validación
      7. Ciclo de vida de los componentes
    2. Ionic Framework
      1. Instalación y configuración de Ionic
      2. Uso del generador de proyectos Ionic
      3. Creación y configuración de un nuevo proyecto
      4. Ejecución de la aplicación en navegador y emulador
      5. Implementación en dispositivos móviles reales
      6. Uso de plantillas Starter: Tabs, Side Menu y Blank
    3. Componentes de Ionic
      1. Gestión de layouts y estructuras
      2. Uso de componentes de presentación visual
      3. Implementación de componentes para formularios
      4. Integración de componentes de espera y carga
    4. Integración con APIs Externas
      1. Consumo de APIs REST con Vue y Axios
      2. Manejo de respuestas y errores
    5. Routing en Ionic
      1. Configuración de rutas y navegación entre pantallas
      2. Implementación de navegación con Tabs
      3. Creación de menús laterales para navegación
      4. Uso de parámetros de navegación
      5. Configuración del botón "Volver"
    6. 6. Almacenamiento en Ionic
      1. Introducción al almacenamiento local
      2. Uso de Storage y Capacitor para persistencia de datos
    7. Ionic Native y Capacitor
      1. Integración de funcionalidades nativas con Capacitor
      2. Acceso y uso de la cámara del dispositivo
      3. Implementación de geolocalización
      4. Extensiones con plugins de la comunidad
    8. Personalización de la Aplicación
      1. Uso de temas para personalizar la apariencia
      2. Estilización avanzada con CSS y SASS
      3. Maquetación responsiva y diseño adaptativo


    Documentación Recomendada

    Ionic Cookbook - Third Edition
    By Indermohan Singh
    April 2018 | 390 pages
    ISBN 9781788623230

    https://www.packtpub.com/product/ionic-cookbook-third-edition/9781788623230