Introducción al curso de ionic 2
  • Introducción
  • ¿Cómo funcionará el curso?
  • ¿Cómo realizar preguntas?
  • Instalaciones necesarias para seguir el curso
  • Nota de actualización ionic 4
  • Instalaciones adicionales
Introducción a ionic 2
  • Introducción a la sección
  • ¿Qué aprenderemos en esta sección?
  • ¿Qué es ionic 2?
  • ionic 2 y ionic 3 - Introducción y actualizaciones
  • Introducción a la documentación de ionic 2
  • Creando una cuenta en ionicframework.com
  • Ver las aplicaciones viejas en el dashboard de ionic
  • Nota de Actualización
  • Introducción a la aplicación ionic view
  • Notas importanes
  • Actualizaciones del CLI de ionic
  • Comandos para cambiar a la versión Pro y a la Legacy
  • Aplicación de Tabs - Creando nuestra primera aplicación en ionic
  • Comandos del CLI
  • Estructura del proyecto en ionic
  • Documentación sobre ionic DevApp
  • Usando ionic DevApp - Probar rápidamente en un dispositivo
  • Examen teórico #1
App #1 - SonidosApp
  • Introducción a la sección
  • ¿Qué aprenderemos en la sección?
  • Resultado final de la sección - SonidosApp
  • Diagrama de la App - Sonidos
  • Iniciando la App de sonidos
  • Creando listas con ion-list y ion-item
  • Mostrando un listado de todos los animales *ngFor
  • Evento click o tap dentro de un ion-item
  • Afinando los controles de reproducción de audio
  • Deslizar para borrar - ion-item-sliding
  • Refrescar halando la página - Refresher
  • Cambiar el orden de la lista
  • Examen teórico #1
  • Código fuente de la aplicación de Sonidos
Navegación entre pantallas, modals, tabs y menú lateral.
  • Introducción a la sección
  • ¿Qué aprenderemos en esta sección?
  • Resultado final de la sección - Navegación
  • Introducción a la navegación en ionic
  • Actualización del generador de páginas - ionic 3
  • Inicio del proyecto - Navegación, modals, tabs y menú lateral
  • Cambiando la página root
  • Navegación entre páginas - NavController
  • Enviar y recibir parámetros entre páginas - navParams
  • Regresando a la pantalla anterior y al root - pop y navPop
  • Crear Tabs manualmente
  • Modal - Crear, enviar y recibir parámetros
  • Crear un menú lateral
  • Mostrar y ocultar el menú lateral desde eventos y atributos HTML
  • Cambiar la palabra back en el NavController
  • Examen teorico #2
  • Código fuente de la aplicación de Navegación
Probando la aplicación en un dispositivo - Developer Mode
  • Introducción a la sección
  • ¿Qué aprenderemos en esta sección?
  • Desplegando app en iOS - Developer mode
  • Desplegando app en Android - Developer mode
  • Tarea práctica #1 - Realizar pruebas de depuración
  • Resolución de la tarea práctica #1
  • Código fuente de la sección
App #2 - QRAPP - Lector de códigos QR
  • Introducción a la sección
  • ¿Qué aprenderemos en esta sección?
  • Demostración de la aplicación - QRApp
  • Diagrama de la aplicación, pasos a seguir para crearla
  • Inicio del proyecto - QRAPP
  • Creación de los Tabs y un modelo de datos
  • BarcodeScanner - usando recursos nativos
  • ToastController - Notificaciones en pantalla
  • Probando el lector QR en el dispositivo y pruebas locales
  • Servicio para manejar el historial y realizar acciones con el código QR
  • Página del listado y lanzar el navegador web nativo
  • Trabajando con Google Maps para mostrar la ubicación
  • Modal - Google Maps con las coordenadas de la ubicación
  • Leer una Vcard y extraer información de ella
  • Crear un contacto en la agenda del dispositivo
  • Tarea práctica #2 - Creación del envío de un email
  • Resolución de la tarea práctica #2 - Creación de un email
  • Código fuente de la aplicación - QRAPP
8gag - Aplicación de fotos e imágenes
  • Introducción a la sección
  • ¿Qué aprenderemos en la sección?
  • Demostración de la aplicación funcionando
  • Diagrama de la aplicación - 8gag
  • Inicio del proyecto - 8gag
  • Diseño de las pantallas y modal
  • Actualizado - Conexion a Firebase
  • Desplegando información de Firebase en nuestra app
  • Usando Pipes en nuestra aplicación
  • Tomar una fotografía y mostrarla en pantalla
  • Selector de imágenes - Image picker
  • Servicio de carga de archivos a Firebase
  • Crear los registros en la base de datos tras la carga de la imagen