Curso Ionic v2

FrontEnd, Apps

Aprende a desarrollar aplicaciones asombrosas para Android, IOS y Windows con una sola base de código.

Intermedio Largo (más de 20 horas)
Clic para comenzar...

Ionic es un framework que ha revolucionado el mundo de las aplicaciones híbridas, gracias a su gran rendimiento y la posibilidad de crear apps capaces de extraer lo mejor de cada plataforma. Ahora nos presenta su versión 2 final, que incorpora todo el poder de ES6, Angular 2 y TypeScript.

En el curso de Ionic V2 veremos cómo desarrollar apps para múltiples plataformas: Android, iOS, Windows, usando la misma base de código, gracias al SDK que nos provee el framework. A lo largo de las sesiones del curso veremos sus principales características, componentes, conexiones a REST y acceso a componentes nativos como Cámara, Acelerómetro, Geolocalización, etc... hasta la distribución de la aplicación en tiendas como Google Play o App Store.

Objetivo General
Crear aplicaciones para múltiples plataformas móviles con la misma base de código, aprovechando las bases que nos ofrece IonicV2 versión final. El estudiante de este curso podrá:

Comprender cómo funcionan las aplicaciones híbridas
Dominar las bases de IonicV2 (@Component, @Directive, @Pipe e @Injectable)
Usar sus principales componentes de UI.
Entender el sistema de navegación (Pushing and Popping) y sus componentes de Navegación como Tabs, SideMenus, Modals, etc.
Construir y manejar datos con ionic.
Conectar a recursos nativos como Cámara, Acelerómetro, SQLite, Geolocalización etc
Entender el proceso de construcción y subida de la aplicación en Play Store o AppStore.
 

Prerrequisitos
Se requiere del estudiante conocimiento de los lenguajes base para el desarrollo web: HTML, CSS, Javascript.

* Durante las sesiones del curso el profesor cubrirá los asuntos más fundamentales de Angular 2 necesarios para entender el flujo del código de las aplicaciones Ionic V2. Por ello no está entre los requisitos dominar Angular 2, sin embargo sí se recomienda tener conocimientos de esta plataforma, lo que facilitará a los estudiantes su aprendizaje.

Material necesario
Editor de código. (Recomendado VSCode)
Navegador Chrome
NodeJS instalado
Android SDK
Genymotion (opcional)
 

¿Porqué tomar el curso?
Construir aplicaciones móviles (nativas), es la forma de poder llegar más rápido a los usuarios de dispositivos. Es imprescindible proporcionar a los usuarios de cada plataforma, Android, iOS o Windows, una aplicación orientada a su dispositivo y que aporte una experiencia de usuario acorde a lo que están acostumbrados.

El problema es que existen diferentes lenguajes de programación para cada sistema. Java en Android, Swift en iOS, etc., lo que nos lleva a la necesidad de aprender todos ellos con sus SDKs, o contar con equipos de desarrollo especializados en cada plataforma.

Con ionicV2 salvamos esta situación, pudiendo tener la misma base de código y distribuir nuestra aplicación en diferentes plataformas Android, IOS, Window etc. Ionic es un completo SDK con todo lo necesario para construir nuestras aplicaciones, desarrollar completas interfaces de usuario, conectarnos a los recursos nativos del celular como la batería, vibración, cámara, contactos etc.

IonicV2, es la nueva versión del framework para construir las más increíbles aplicaciones y no es solo una actualización, es un reescritura de todo su núcleo, aprovechando los nuevos beneficios de ES6, Angular 2 y TypeScript. El resultado final son aplicaciones con gran performance y interfaces completas personalizadas, haciendo uso de Material Design para Android o de la guía de estilos para iOS, lo que nos permite obtener un look­ & ­feel nativo.

En este curso te demostrarás a ti mismo que las aplicaciones híbridas son una excelente alternativa, capaz de producir asombrosos resultados con menos esfuerzo. Abrirá nuevas posibilidades profesionales y te capacitará para desarrollar proyectos exigentes enfocados a los usuarios de dispositivos, con los conocimientos que ya posees sobre el desarrollo para la web.

Temario

¿Qué es una Hybrid App?
1. ¿Que es una Hybrid App?
2. Casos de éxito.
3. Ionic 2
4. Nuevos conceptos:  
  • ES6, Typescript, Angular2.
  • Transpiling
  • Web Components.
5. Typescript y Angular 2.

Entendiendo Ionic 2
1. Generando tu primer App.
2. Sintaxis de Ionic 2 y Angular 2.
3. Anatomía de un proyecto
4. Ionic CLI
5. Ionic Resources

Decoradores
1. Decoradores (@Component, @Directive, @Pipe y @Injectable)
2. Ionic generator
3. Creado páginas
4. Creando componentes
5. Creando directivas
6. Creando pipes
7. Creando providers.

Navegación
1. Push, Pop y setRoot.
2. Enviar parámetros entre vistas.
3. Tabs y Side Menus.

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)

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 I
1. Conexión una API REST
2. Usar LocaStorage.

Data II
1. Datos en Sqlite
2. Conexión a Firebase

Nativo
1. Implementación de plugins.
2. Emuladores.
3. Uso de Ionic Native
4. Consumir plugins nativos (Cámara, Geolocation, Vibration etc )

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.

Ionic v2: Previa Curso Anterior

Gratis !
Nicolas Molina

Fundamentos básicos: Curso Anterior

Gratis !
Nicolas Molina

Entendiendo Ionic 2

Nicolas Molina

Navegación

Nicolas Molina

UI/UX con Ionic

Nicolas Molina

SDK Ionic

Nicolas Molina

Formularios con Ionic

Nicolas Molina

Nicolas Molina

Javascript, HybripApps, Angular2, Ionic