Introducción
  • Introducción
  • ¿Cómo hacer preguntas?
  • ¿Cómo funcionará el curso?
  • Instalaciones necesarias para seguir el curso
¿Qué es ionic?
  • Introducción a la sección
  • Temas puntuales de la sección
  • ¿Qué son las aplicaciones híbridas?
  • Híbrido vs Nativo
  • ¿Qué es ionic framework?
  • Nuestra primera aplicación de ionic
  • Estructura de un proyecto de ionic
  • Estructura de un proyecto de ionic - Parte 2
  • ionic lab
  • Depurar una aplicación de ionic - debugger
  • Respaldos a Github
  • Código fuente de la sección
Reforzamiento de Angular
  • Introducción a la sección
  • Temas puntuales de la sección
  • Inicio del proyecto - AngularBases
  • Componentes básicos
  • Implementar las rutas de nuestra aplicación
  • RouterLink y MenuComponent
  • Módulo de páginas
  • LazyLoad de PostsComponent
  • Servicios y data externa
  • Mostrar POSTS en el componente
  • @Input - Enviar información hacia un componente hijo
  • @Output - Emitir eventos desde el componente hijo
  • Código fuente de la sección
Bases de ionic
  • Introducción a la sección
  • Temas puntuales de la sección
  • Inicio del proyecto - Componentes
  • Cambiando la pantalla principal de la aplicación
  • Navegación entre páginas
  • Back Button - Botón para regresar a la página anterior
  • Módulo de componentes - Header
  • ion-list: Listas en ionic
  • Código fuente de la sección
Componentes de ionic y su uso en una aplicación
  • Introducción a la sección
  • Temas puntuales de la sección
  • Objetivo final de esta sección - componentes
  • Continuación del proyecto - Componentes
  • ion-action-sheet
  • ion-alert
  • ion-avatar
  • ion-button
  • ion-card
  • ion-checkbox
  • ion-datetime
  • ion-datetime - Parte 2 - Personalización
  • ion-fab
  • Creando variables de color - SCSS - ionic Generator
  • ion-grid - ion-row - ion-col
  • ion-grid - Control del ancho en diferentes pantallas
  • ion-infinite-scroll
  • ion-input
  • ion-input - Segunda Parte
  • ion-list
  • ion-item-sliding
  • ion-list-reorder
  • ion-list-reorder - Parte 2
  • ion-loading
  • ion-menu
  • ion-menu - Parte 2 - opciones
  • Bonus: Estilos y transparencia en IOS
  • ion-modal
  • ion-modal - Comunicación padre-hijo hijo-padre
  • ion-popover
  • ion-popover - Acciones y posicionamiento
  • ion-progress-bar y ion-range
  • ion-refresher
  • ion-searchbar
  • ion-searchbar - Aplicando el filtro en la lista
  • ion-segment
  • ion-sergment - Filtrando
  • ion-skeleton-text
  • ion-slides
  • ion-split-pane
  • ion-tabs
  • ion-toast
  • Código fuente de la sección
Capacitor: Correr aplicaciones en dispositivos físicos y emulados
  • Introducción a la sección
  • Configuración de máquina virtual Android
  • Correr nuestra app de ionic en el emulador de Android
  • Cambios en tiempo real - emulador
  • Segunda forma de revisar logs - Android
  • Correar aplicación en dispositivo físico
  • Correr nuestra app de ionic en IOS - Emulador
  • Correr aplicación en un iPhone
Cordova: Correr aplicaciones en dispositivos físicos y emulados
  • Introducción a la sección
  • Nota de la siguiente sección
  • Temas puntuales de la sección
  • DevApp - Corriendo nuestra aplicación*