Programación con IONIC: Creación de apps con HTML5

Ionic Framework nos permite construir apps móviles con conocimientos preexistentes de desarrollo web y se integra muy bien con Angular 4. Ionic es una herramienta, gratuita y open source, para el desarrollo de aplicaciones híbridas basadas en HTML5, CSS y JS. Está construido con Sass y optimizado con AngularJS.


Solicita información

Descripción

Ionic Framework nos permite construir apps móviles con conocimientos preexistentes de desarrollo web y se integra muy bien con Angular 4. Ionic es una herramienta, gratuita y open source, para el desarrollo de aplicaciones híbridas basadas en HTML5, CSS y JS. Está construido con Sass y optimizado con AngularJS.

Código del Curso: IT-AV-IONIC

Duración: 25 h

Modalidad: Presencial/Online en directo

Objetivos

  • Dominar las bases de IonicV3 (@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.

 

Requisitos

Se requiere conocimientos previos entorno a la programación html, css y sobretodo javascript.

¿A quién va dirigido?

Programadores

Equipos de desarrollo

Contenido

¿Qué es una Hybrid App?

  1. ¿Que es una Hybrid App?
  2. Casos de éxito.
  3. Instalalar Ionic en Windows
  4. Nuevos conceptos

ES6, Typescript, Angular4.

  1. Transpiling Web Components.
  2. Typescript y Angular 4.

Entendiendo Ionic 3

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

Diseño

  1. Diseño (@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.

Valoraciones

No hay valoraciones aún.

Sé el primero en valorar “Programación con IONIC: Creación de apps con HTML5”

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *