¿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
Aportes 10
Preguntas 4
Comandos utilizados en clase:
-- **ionic build** => agregar todo el código a la carpeta www
-- **npx cap sync** => agrega todo lo de www al android studio o emuladores, luego play en los botones de Android studio y XCode
-- **npx cap update** => realiza lo mismo q sync
-- **npx cap copy** => si solo modificas html, css y js
Ojo siempre ejecutar ionic build antes de synconizar.
Una forma más rádpida de poder correr nuestra aplicación, es e un dipositivo real , a traves del comando “ionic cap run android -l --external”, para esto se debe de instalar el capacitor de manera global
Todos los comandos vistos en clase funcionan exactamente igual en Ionic 6.
ionic build
/*
Crea la carpeta www que es utilizada por Android y iOS para el despliegue de la aplicación
*/
npx cap sync
/*
Actualiza el contenido de la carpeta www y actualiza plugins, dependencias, código nativo para ambas plataformas
*/
npx cap copy
/*
Únicamente actualiza el contenido de la carpeta www . Este comando se utiliza si no se realizan cambios a los paquetes o plugins de la aplicación
*/
npx cap update
/*
Ejecuta las mismas acciones que npx cap sync
*/
Si inicio el proyecto me sale el siguiente error
Failed to install the following Android SDK packages as some licences have not been accepted.
build-tools;29.0.2 Android SDK Build-Tools 29.0.2
platforms;android-29 Android SDK Platform 29
To build this project, accept the SDK license agreements and install the missing components using the Android Studio SDK Manager.
Alternatively, to transfer the license agreements from one workstation to another, see …
Si inicio desde el dispositivo me sale
unable to alocate adb
De todas formas se inicia el dispositivo peero no aparece el icono de la app platzi-music
Tengo qadroid Studio 4.0.1
Que debo hacer?
El comando npx cap copy, lo hace más rápido por que solo compila los archivos de SRC.
Buenas tardes! Estoy comezando a ver los cursos de IONIC. Queria agregar que el siguiente comando ionic cap copy igual funciona para copiar y sincronizar los archivos. Si hay alguien que ya lo ha utilizado de esa forma, puede confirmar.
una duda, puedo trabajar solamente con el navegador??
¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.