Curso de Ionic 4
Aprende a desarrollar aplicaciones para Android, IOS y Electron, con Ionic 4 y una única base de código.
Material disponible
Intermedio
10 Clases 21 h
El lanzamiento de Ionic Framework 4 ha traído importantes novedades, gracias incorporación de diversas tecnologías que permiten aumentar la versatilidad del framework y mejorar la experiencia de desarrollo, así como el resultado final de las apps. 

Para ello, Ionic 4 ha configurado un stack que permite aprovechar todo el poder de las tecnologías más relevantes de la actualidad, como ES6, Typescript, WebComponents con StencilJS y Capacitor para acceso Nativo y agnóstico a frameworks. 

En el Curso de Ionic 4, veremos cómo desarrollar apps para múltiples dispositivos, usando Ionic y Angular 6, y sacando el mejor partido de la plataforma de desarrollo de aplicaciones híbridas más popular del mercado. A lo largo de las sesiones del curso se explicará todo el proceso de desarrollo con Ionic, obteniendo resultados en sistemas como Android, IOS, Electron... y otros. Todo a partir de una única base de código, con tecnologías web estándar (Javascript + HTML + CSS), gracias al SDK que nos provee ionic. 

A lo largo del curso estudiaremos las principales características de Ionic 4: componentes, conexiones a REST y acceso a componentes nativos como Cámara, Acelerómetro, Geolocalización, etc. Hasta llegar al proceso de distribuir la aplicación en tiendas como en Google Play o App Store. 

Qué aprenderé en el Curso de Ionic 4

A continuación se puede encontrar el listado completo de contenidos del curso a lo largo de cada una de sus sesiones de formación.

  • Primeros pasos con Ionic4
    1. Nuevos conceptos: Angular, Capacitor, Web Components con StencilJS.
    2. Typescript.
    3. Migrando de Ionic 3 a Ionic 4
    4. Preparando el ambiente para Ionic.
    5. Generando tu primer App.
    6. Anatomía de un proyecto
    7. Ionic CLI & Angular CLI.
    8. Ionic Resources
    9. Ionic + Angular
  • Navegación
    1. Generando paginas.
    2. Generando servicios.
    3. Enviar parámetros entre vistas
    4. Angular Router
    5. Guards.
  • SDK Ionic
    1. Cómo trabajan con los componentes de ionic.
    2. Implementación de componentes sin JS (List, Cards, Grid, Inputs, etc)
    3. Implementación de componentes con JS (Modals, Alerts, Action Sheets etc)
    4. Componentes para forms
  • UI/UX con Ionic
    1. Ionic y Sass.
    2. Material Desing, IOS Stlye y Window Phone Style.
    3. Icons
  • Formularios
    1. Binding con ngModel.
    2. Formularios con FormBuilder.
    3. Validaciones.
    4. Crear validaciones propias.
  • Data
    1. Conexión una API REST
    2. Usando Ionic Storage.
    3. Datos en Sqlite.
    4. Conexión a Firebase.
  • Nativo
    1. Capacitor vs Cordova
    2. Implementación de plugins.
    3. Emuladores.
    4. Uso de Ionic Native
    5. Uso de capacitor
    6. Consumir plugins nativos (Cámara, Geolocation, Vibration etc )
  • Push Notifications
    1. Configurando Firebase Native
    2. Uso de FCM
    3. Desarrollar backend con Cloud Functions
    4. Web Notifications
    5. Native Notifications
  • User Auth
    1. Manejo de sesiones con Firebase Auth.
    2. Login con email / pass
    3. Login con Facebook
  • Compilación y distribución
    1. Preparar la aplicación.
    2. Entender y habilitar AOT, compilación de alto nivel.
    3. Firmar aplicaciones
    4. Compilando aplicaciones para Android.
    5. Compilando aplicaciones para IOS.
    6. Subiendo aplicaciones para Android.
    7. Subiendo aplicaciones para IOS.

Objetivos del curso

  • Crear aplicaciones para múltiples plataformas móviles con la misma base de código, sacando el máximo provecho del framework y las nuevas características nos ofrece ionic 4.
  • Mediante este curso el estudiante será capaz de:
    • Dominar las bases de Ionic 4.
    • Usar sus principales componentes de UI.
    • Integrar Ionic 4 y Angular.
    • Manipular datos con UI Forms y validaciones.
    • Conectar a recursos nativos como Cámara, Acelerómetro, SQLite, Geolocalización, etc.
    • Entender el proceso de construcción y subida de aplicaciones en Play Store o AppStore.
    • Integrar Push notifications

Qué tengo que saber

  • Para el aprovechamiento del curso el estudiante debe conocer las bases del desarrollo para la web con tecnologías estándar: HTML, CSS y Javascript.
  • Para el desarrollo de las aplicaciones nos apoyaremos en el framework Angular, por lo que es recomendable disponer de un conocimiento elemental del mismo, en la versión 2 o superior.
  • Los materiales que el estudiante necesitará son los siguientes:
    • Ordenador personal
    • Editor de código (VSCode recomendado)
    • Navegador Chrome
    • NodeJS instalado en su máquina El SDK de Android (explicaremos cómo se obtiene y se instala)

Clases y contenidos

Primeros pasos con Ionic4 Gratis

Introducción, anatomía de un proyecto y primera aplicacion con Ionic 4

Navegación
  • Generando tu primer app
  • Ionic CLI
  • Ionic y Angular
  • Artefactos de Angular
  • Angular Router
SDK Ionic
  • Cómo trabajan con los componentes de ionic.
  • Implementación de componentes sin JS (List, Cards, Grid, Inputs, etc).
  • Implementación de componentes con JS (Modals, Alerts, Action Sheets etc).
  • Componentes para forms.
UI/UX con Ionic

Vemos los últimos componentes que nos entrega el SDK de Ionic y entramos en materia con UI/UX con temas como Ionic con Sass, Android, iOS, variables CSS, iconos, fuentes... y cómo customizar un modal.

Formularios y validaciones

Binding con ngModel. Formularios con FormBuilder. Validaciones. Crear validaciones propias.

Interacción con Datos
  • Http Client.
  • Conference App.
  • Conexión una API REST.
  • Usando Ionic Storage.
  • Conexión a Firebase.
Nativo

Terminamos los últimos detalles de la integración con Firebase y arrancamos la parte Nativa con temas como Ambientes, Capacitor vs Cordova, Emuladores, Uso de Ionic Native, Uso de capacitor y Plugins (Cámara, Geolocation etc ).

Autentificación (User Auth)

Terminamos con los últimos temas de plugins nativos (Cámara) y Capacitor para entrar definitivamente en autentificación con el manejo de sesiones con Firebase Auth y Login.

Push Notifications

Terminamos con el tema de autentificaciones para introducirnos en las notificaciones con la configuración de Firebase Native, uso de FCM, desarrollo backend con Cloud Functions y Native Notifications.

Compilación y distribución
  • Preparar la aplicación.
  • Entender y habilitar AOT, compilación de alto nivel.
  • Firmar aplicaciones.
  • Compilando aplicaciones para Android y IOS.
  • Subiendo aplicaciones para Android y IOS.

Valoraciones

Roger

Raul Cole

Luis Mauricio Ortiz Villegas

Excelente curso de ionic

Cristian Cazares

Víctor Cara Rodríguez

Es un curso que aborda perfectamente todas las partes del desarrollo con Ionic de Apps. Además el profesor explica perfectamente todo su temario y esto ayuda mucho a aprender mucho más rápido.

¿Conoces nuestra tarifa plana?

Toda la formación de EscuelaIT, con más de 130 cursos completos para aprender las más variadas tecnologías de programación, diseño y marketing online. Todo! con tu suscripción.

Suscríbete