Temario y recursos del Curso de Ionic 4
Temario del Curso de Ionic 4
¿Qué es Ionic?
- Requisitos del curso y presentación del proyecto
- ¿Qué hay de nuevo en Ionic 4?
- ¿Qué ha cambiado en Ionic?
- Instalación de Ionic y templates básicos
- Instalación de Capacitor y uso en Android Studio
- Uso de Capacitor y xCode
- Sincronizando nuestro proyecto con los emuladores
Componentes básicos de Ionic
- El componente Slides
- CSS y Custom Properties de los componentes de Ionic
- Slides dinámicos
- Angular Router e Ionic Storage
- Controlar la navegación con Guards
- Utilidades de CSS con Ionic
- Crear una página de login
- Validar inputs del formulario de login
- Envío del formulario
- Servicio para validar credenciales
- Agregar Guards a nuestro login
- Crear una página de registro
- Navegación entre login y registro
- Agregar un menú con el componente Menu
- Dar funcionalidad y estilos al menú
- Uso de componente Slides y opciones avanzadas
Consumo y manejo de informacion con Ionic
- Consumiendo un API para llenar información de nuestros artistas
- Página completa con artistas, canciones y álbums
- El componente Modal y el Modal Controller
- Llenar de contenido el Modal
- Componente Footer y funcionalidad del Modal
- Construyendo nuestro reproductor
- Lógica de nuestro reproductor
- RETO: Vista de álbums
Acceso al hardware
- Usar la cámara a través de Capacitor
- Corrección de errores y afinando detalles
- Mejorando nuestra página de Settings con CSS
- Página Sports y Angular Maps
- Crear la página Sport
- RETO: Buscador dinámico en Sports
- Llevar nuestra aplicación a producción con Android
- Llevar nuestra aplicación a producción con iOS y cierre del curso
Para este curso vas a necesitar
5 Horas de contenido
8 Horas de práctica
Proyecto del curso
Platzi MusicDesarrolla Platzi Music una aplicación de música en la que aprendes todas las funcionalidades de Ionic y cómo trabajarlo desde cero, sólamente con bases de Agular, esta aplicación tiene la capacidad de buscar artistas, mostrarte favoritos, reproducir fragmentos de tu canción reales directo del API de Spotify, además, crear tu perfil implementando acceso a la cámara con capacitor e igualmente generar una vista sport que trackea tu recorrido y te permite reproducir música desde ahí accediendo al GPS.
Para este curso vas a necesitar
5 Horas de contenido
8 Horas de práctica
Proyecto del curso
Platzi MusicDesarrolla Platzi Music una aplicación de música en la que aprendes todas las funcionalidades de Ionic y cómo trabajarlo desde cero, sólamente con bases de Agular, esta aplicación tiene la capacidad de buscar artistas, mostrarte favoritos, reproducir fragmentos de tu canción reales directo del API de Spotify, además, crear tu perfil implementando acceso a la cámara con capacitor e igualmente generar una vista sport que trackea tu recorrido y te permite reproducir música desde ahí accediendo al GPS.
¿Qué es Ionic?
- Requisitos del curso y presentación del proyecto
- ¿Qué hay de nuevo en Ionic 4?
- ¿Qué ha cambiado en Ionic?
- Instalación de Ionic y templates básicos
- Instalación de Capacitor y uso en Android Studio
- Uso de Capacitor y xCode
- Sincronizando nuestro proyecto con los emuladores
Componentes básicos de Ionic
- El componente Slides
- CSS y Custom Properties de los componentes de Ionic
- Slides dinámicos
- Angular Router e Ionic Storage
- Controlar la navegación con Guards
- Utilidades de CSS con Ionic
- Crear una página de login
- Validar inputs del formulario de login
- Envío del formulario
- Servicio para validar credenciales
- Agregar Guards a nuestro login
- Crear una página de registro
- Navegación entre login y registro
- Agregar un menú con el componente Menu
- Dar funcionalidad y estilos al menú
- Uso de componente Slides y opciones avanzadas
Consumo y manejo de informacion con Ionic
- Consumiendo un API para llenar información de nuestros artistas
- Página completa con artistas, canciones y álbums
- El componente Modal y el Modal Controller
- Llenar de contenido el Modal
- Componente Footer y funcionalidad del Modal
- Construyendo nuestro reproductor
- Lógica de nuestro reproductor
- RETO: Vista de álbums
Acceso al hardware
- Usar la cámara a través de Capacitor
- Corrección de errores y afinando detalles
- Mejorando nuestra página de Settings con CSS
- Página Sports y Angular Maps
- Crear la página Sport
- RETO: Buscador dinámico en Sports
- Llevar nuestra aplicación a producción con Android
- Llevar nuestra aplicación a producción con iOS y cierre del curso
