Curso de Ionic 4

FrontEnd, Apps

Aprende a desarrollar aplicaciones para Android, IOS y Electron, con Ionic 4 y una única base de código Javascript + HTML + CSS.

Intermedio Largo (más de 20 horas)

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.

Objetivos del curso de Ionic 4

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

Requisitos de conocimientos y material necesario

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)

  - Genymotion (opcional, también se explicará cómo obtenerlo)

Sesiones del 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.

Cada sesión se ha planificado para que tenga una duración aproximada de entre 100 y 120 minutos.

Clase 1: Primeros pasos con Ionic4

1. Nuevos conceptos

    a. Angular 6

    b. Capacitor

    c. 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

Clase 2: Navegación

1. Generando paginas.

2. Generando servicios.

3. Enviar parámetros entre vistas

4. Angular Router

5. Guards.

Clase 3: 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

Clase 4: UI/UX con Ionic

1. Ionic y Sass.

2. Material Desing, IOS Stlye y Window Phone Style.

3. Icons

Clase 5: Formularios

1. Binding con ngModel.

2. Formularios con FormBuilder.

3. Validaciones.

4. Crear validaciones propias.

Clase 6: Data

1. Conexión una API REST

2. Usando Ionic Storage.

3. Datos en Sqlite.

4. Conexión a Firebase.

Clase 7: 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 )

Clase 8: Push Notifications

1. Configurando Firebase Native

2. Uso de FCM

3. Desarrollar backend con Cloud Functions

4. Web Notifications

5. Native Notifications

Clase 9: User Auth

1. Manejo de sesiones con Firebase Auth.

2. Login con email / pass

3. Login con Facebook

Clase 10: 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.

CONTENIDO

Primeros pasos con Ionic4

Gratis !
Nicolas Molina

Navegación

Nicolas Molina

SDK Ionic

Nicolas Molina

UI/UX con Ionic

Nicolas Molina

Interacción con Datos

Nicolas Molina

Nativo

Nicolas Molina

Push Notifications

Miguel Angel Alvarez
Este curso está en marcha
En breve deben aparecer más clases en este espacio

CONTENIDO

Primeros pasos con Ionic4

Gratis !
Nicolas Molina

Navegación

Nicolas Molina

SDK Ionic

Nicolas Molina

UI/UX con Ionic

Nicolas Molina

Interacción con Datos

Nicolas Molina

Nativo

Nicolas Molina

Push Notifications

Miguel Angel Alvarez
Este curso está en marcha
En breve deben aparecer más clases en este espacio