Hasta ahora sin problemas.
¿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
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Crear cuenta
Si ya tienes una cuenta,
Iniciar sesión
Dar funcionalidad y estilos al menú
22/39Recursos
Aportes 8
Preguntas 5
Ordenar por:
Muy buena explicación toda la información la he podido aplicar en un proyecto personal-
La verdad me sirvieron de mucho estos 2 vídeos sobre como crear un menu.
En la versión 5 de Ionic la nomenclatura de los iconos cambia. Aquí se pueden ver los nuevos nombres:
https://ionic.io/ionicons
A mi cuando agrego <ion-buttons slot="start"> desaparece el icono de la flecha. ¿Alguien sabe porqué?
aqui el link del repo al commit de esta clase, al menos lo unico que cambia hoy en dia es la nomenclatura de los iconos en ionic
No entiendo porque me sale estas notificación en el navegador.
common.js:290 Native: tried calling StatusBar.styleDefault, but Cordova is not available. Make sure to include cordova.js or run in a device/simulator
cordovaWarn @ common.js:290
checkAvailability @ common.js:146
callCordovaPlugin @ common.js:232
(anonymous) @ common.js:315
cordova @ cordova.js:3
push../node_modules/@ionic-native/status-bar/ngx/index.js.StatusBar.styleDefault @ index.js:28
(anonymous) @ app.component.ts:23
invoke @ zone-evergreen.js:359
onInvoke @ core.js:34201
invoke @ zone-evergreen.js:358
run @ zone-evergreen.js:124
(anonymous) @ zone-evergreen.js:855
invokeTask @ zone-evergreen.js:391
onInvokeTask @ core.js:34182
invokeTask @ zone-evergreen.js:390
runTask @ zone-evergreen.js:168
drainMicroTaskQueue @ zone-evergreen.js:559
common.js:290 Native: tried calling SplashScreen.hide, but Cordova is not available. Make sure to include cordova.js or run in a device/simulator
cordovaWarn @ common.js:290
checkAvailability @ common.js:146
callCordovaPlugin @ common.js:232
(anonymous) @ common.js:315
cordova @ cordova.js:3
push../node_modules/@ionic-native/splash-screen/ngx/index.js.SplashScreen.hide @ index.js:28
(anonymous) @ app.component.ts:24
invoke @ zone-evergreen.js:359
onInvoke @ core.js:34201
invoke @ zone-evergreen.js:358
run @ zone-evergreen.js:124
(anonymous) @ zone-evergreen.js:855
invokeTask @ zone-evergreen.js:391
onInvokeTask @ core.js:34182
invokeTask @ zone-evergreen.js:390
runTask @ zone-evergreen.js:168
drainMicroTaskQueue @ zone-evergreen.js:559
ion-split-pane-md.entry.js:46 [DEPRECATED][ion-split-pane] Using the [main] attribute is deprecated, please use the "contentId" property instead:
BEFORE:
<ion-split-pane>
...
<div main>...</div>
</ion-split-pane>
AFTER:
<ion-split-pane contentId="main-content">
...
<div id="main-content">...</div>
</ion-split-pane>
Disculpen, talvez es la discrepancia de versiones que se usan, pero con el código que se comparte en Archivos y enlaces no anda la funcionalidad del menu, falta en menu.page.html
agregarle al tag <ion-split-pane>
lo siguiente: contentId=“content”
<ion-split-pane contentId="content" > <ion-menu contentId="content" side="end"> <ion-header> <ion-toolbar> <ion-title>Menu</ion-title> <ion-buttons> <ion-button icon-only (click)="closeMenu()"> <ion-icon name="arrow-back-outline" size="large"></ion-icon> </ion-button> </ion-buttons> </ion-toolbar> </ion-header> <ion-content> <ion-list> <ion-item>Home</ion-item> <ion-item>Settings</ion-item> </ion-list> </ion-content> </ion-menu> <ion-router-outlet id="content"></ion-router-outlet> </ion-split-pane>
Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Regístrate o inicia sesión para participar.