Curso Ionic v2

Aprende a desarrollar aplicaciones asombrosas para Android, IOS y Windows con una sola base de código.
Material disponible
Intermedio
15 Clases 38 h
A éste y otros 200+ cursos
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.

Qué aprenderé en el Curso Ionic v2

  • Qué es una Hybrid App?
    • Ionic
    • ES6, Typescript, Angular
    • Transpiling
    • Web Components
    • Typescript y Angular
  • Entendiendo Ionic
    • Generando tu primer App.
    • Sintaxis de Ionic 2 y Angular 2.
    • Anatomía de un proyecto
    • Ionic CLI
    • Ionic Resources
  • Decoradores
    • Decoradores (@Component, @Directive, @Pipe y @Injectable)
    • Ionic generator
    • Creado páginas
    • Creando componentes
    • Creando directivas
    • Creando pipes
    • Creando providers.
  • Navegación
    • Push, Pop y setRoot.
    • Enviar parámetros entre vistas.
    • Tabs y Side Menus.
  • 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)
  • UI/UX con Ionic
    • Ionic y Sass.
    • Material Desing, IOS Stlye y Window Phone Style.
    • Icons
  • Formularios
    • Binding con ngModel.
    • Formularios con FormBuilder.
    • Validaciones.
    • Crear validaciones propias.
  • Data
    • Conexión una API REST
    • Usar LocaStorage.
    • Datos en Sqlite
    • Conexión a Firebase
  • Nativo
    • Implementación de plugins.
    • Emuladores.
    • Uso de Ionic Native
    • Consumir plugins nativos (Cámara, Geolocation, Vibration etc )
  • Compilación y Distribución
    • Preparar la aplicación.
    • Entender y habilitar AOT, compilación de alto nivel.
    • Firmar aplicaciones
    • Compilando aplicaciones para Android.
    • Compilando aplicaciones para IOS.
    • Subiendo aplicaciones para Android.
    • Subiendo aplicaciones para IOS.

Objetivos del curso

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

  • Al terminar el curso el estudiante 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.

Por qué debes aprender Ionic

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.

Qué tengo que saber

  • 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 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

Clases y contenidos

Ionic v2: Previa Curso Anterior Gratis

Primeros conceptos Ionic.

Fundamentos básicos: Curso Anterior Gratis
  • Qué debes de conocer antes de comenzar con Ionic.
  • Cosas de ES6, TypeScript, Node, etc.
  • Comandos para la instalación de Ionic.
Introducción a la creación práctica de apps con Ionic 2

Práctica desde cero para aprender a hacer una app Ionic.

Conceptos para desarrollar con Ionic
  • ES6, Typescript, Angular
  • Transpiling
  • Web Components
Entendiendo Ionic 2
  • Generando tu primer App
  • Sintaxis de Ionic 2 y Angular 2
  • Anatomía de un proyecto
  • Ionic CLI
  • Ionic Resources
Artefactos Ionic: Componentes, directivas, pipes, providers
  • Decoradores (@Component, @Directive, @Pipe y @Injectable)
  • Ionic generator
  • Creado páginas
  • Creando componentes
  • Creando directivas
  • Creando pipes
  • Creando providers.
Navegación
  • Push, Pop y setRoot.
  • Enviar parámetros entre vistas.
  • Tabs y Side Menus.
UI/UX con Ionic
  • Rematamos últimos temas de la sesión anterior (tabs, modales...)
  • Ionic y Sass.
  • Material Desing, IOS Stlye y Window Phone Style.
  • Icons
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)
Formularios con Ionic
  • Binding con ngModel.
  • Formularios con FormBuilder.
  • Validaciones.
  • Crear validaciones propias.
Data I: manipulación y persistencia de datos
  • Conexión una API REST.
  • Usar LocaStorage.
Data II : Firebase y Sqlite
  • Datos en Sqlite.
  • Conexión a Firebase.
Interacción Nativa con el Dispositivo
  • Actualizar un proyecto de Ionic
  • Implementación de plugins.
  • Emuladores.
  • Uso de Ionic Native
  • Consumir plugins nativos (Cámara, Geolocation, Vibration etc )
Compilación y Distribución
  • Preparar la aplicación.
  • Entender y habilitar AOT, compilación de alto nivel.
  • Firmar aplicaciones.
  • Compilando aplicaciones para Android.
  • Compilando aplicaciones para IOS.
  • Subiendo aplicaciones para Android.
  • Subiendo aplicaciones para IOS.
Crea una aplicación Clon de Instagram

Resumen práctico de todo lo visto en el curso en el que implementamos los contenidos del curso en un clon de Instagram (conectarnos a Firebase, Área de login, Área de registro....)

Valoraciones

Javi Felices

Carlos Rubio

Nicolas Molina

Diego

Esteban

Marcelo Altamirano

Miguel

Dario Cristhian Cabral

Excelente curso y profesor

¿Conoces nuestra tarifa plana?

Toda la formación de EscuelaIT, con más de 200 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