Aprenderás a crear una WebApp con Ionic y HTML5, Desarrollo de aplicaciones multiplataforma

Introducción

• Introducción a Ionic
• El framework Apache Cordova
• AngularJS, el framework de JavaScript de código abierto
• Sass (lenguaje de hojas de estilo)
• La app Shelby Cobra

Instalación de la plataforma Ionic en nuestro equipo

• Instalación de node.js, Git y Bower en nuestro equipo
• Instalación del entorno para el emulador Android
• Instalación del entorno para el emulador iOS
• Instalación y uso del emulador Android
• Ionic Lab
• Uso de Sublime Text, editor de texto y de código fuente
• Estructura de archivos de un proyecto Ionic
• Creación de aplicaciones Ionic basándose en plantillas

Creación de la página de entrada de la app con Ionic

• Montamos la estructura básica: header, footer y contenidos
• Contenidos de la home. Imágenes en Ionic
• Creación de una botonera de navegación
• Uso de iconos en la app creada con Ionic
• Adición de una barra de pestañas en la app

Creación del apartado con información sobre el Shelby Cobra

• Creación de nuevas rutas válidas con los templates de Ionic
• Estructura de páginas de la aplicación generada con Ionic
• Añadiendo páginas fuera de la estructura de pestañas
• Creación de headers con Ionic
• Controladores en JavaScript al cargarse las páginas

Información sobre el deportivo Shelby Cobra en Ionic

• Adición de un listado en la app generada con Ionic
• Thumbnails y botones en la app generada con Ionic
• Carga de datos externos a la app generada con Ionic
• Datos cargados sobre los elementos del listado
• Control de la visualización de la vista detalle
• Personalización del header en apartados concretos
• Elementos arrastrables en una lista
• Reordenación de los elementos del listado generado con Ionic
• Modificamos la forma de ver un listado mediante estilos CSS

Creación del apartado de usuarios en la app de Ionic

• Creación y formateo de una lista de personas en la app
• Carga de los datos de usuario en la app generada por Ionic
• Filtrado de los resultados en una lista generada por Ionic
• Comunicación entre la vista de lista y la vista de detalle
• Formateo de la vista de detalle usando CSS propios

Formularios y su conexión con el controlador con Ionic

• Creación de formularios. Uso de campos de texto en Ionic
• Cómo se añaden checkboxes y toggles en el formulario
• Utilización de la geolocalización en Ionic
• Ionic y la comunicación entre el formulario y el controller

Últimos ajustes de la aplicación creada en Ionic

• Compilando la aplicación de prueba en archivos apk
• Modificando la configuración global de la aplicación
• Creación de llaves para firmar las aplicaciones de Ionic
• Publicación para iOS de aplicaciones generadas por Ionic