- [Inicio](https://openwebinars.net/) - [Cursos](https://openwebinars.net/cursos/) - [Desarrollo](https://openwebinars.net/cursos/desarrollo/) - [Lenguajes de programación](https://openwebinars.net/cursos/desarrollo/lenguajes-programacion/) # Crea una lista de la compra interactiva con Ionic 6 Aprende a crear tu propia lista de compras mediante elementos y categorías de forma práctica usando APIs para alimentar nuestra lista. * * * ![Icono de la tecnología](https://cdn.openwebinars.net/media/academy/course/ionic-logo.svg) La metodología y plataforma de formación que se adapta al tamaño y ritmo de tu empresa. - **+1700 formaciones** en constante actualización - **Masterclasses en vivo** con profesionales destacados - **95 rutas de aprendizaje** para guiarte [Cuéntanos tu caso](https://openwebinars.net/explora-tu-caso/) ## Curso impartido por ![Avatar:Fernando Ureña Gómez](https://cdn.openwebinars.net/media/teachers/fernando-ure%C3%B1a-frontal.png) FU ### Fernando Ureña Gómez Experto Full Stack [Saber más](https://openwebinars.net/profesores/fernando-urena/) ## Contenido de la formación 8 Secciones · 49 Lecciones · 5 h. y 5 min. en total ### Introducción a Ionic 18 min. - Presentación - Instalando Node.js - Instalando Ionic - Creando nuestro proyecto de una lista de compras - Adaptando tabs ### Docker 13 min. - Instalando Docker - Instalando MongoDB Compass - Descargando las imágenes necesarias - Documentación API - Testeando nuestra API con Postman ### Usuarios 1 h. y 49 min. - Creando un módulo de usuarios - Creando la pantalla de login - Servicio Storage - Servicio Toast - Login - Obtener la información del usuario - Formulario de creación de usuario - Creación de usuario - Perfil de usuario - Cerrar sesión - Borrar usuario - Redirigir cuando el usuario esté logueado ### Categorías 46 min. - Preparando el estado de categorías - Creando categorías - Mostrando categorías en una lista - Preparando la actualización de categorías - Actualizar categorías - Borrar categorías - Recargar elementos ### Elementos 1 h. y 25 min. - Preparando el estado de ítems - Modal para crear elementos - Formulario del modal de elementos - Creando elementos - Agrupar por categorías - Recuperando elementos - Mostrando los elementos agrupados - Filtrar elementos - Preparación de la actualización de elementos - Actualizando elementos - Actualizando el estado del elemento - Borrar elementos - Recargar elementos ### Testing 17 min. - Preparando todo para el testing - Realizando nuestros casos de uso - Testeando nuestro agrupador de categorías ### Probar en un móvil real 12 min. - Instalando Android Studio - Compilando nuestra aplicación 'modo producción' - Ejecutar en un móvil real ### Conclusiones 1 min. - Conclusiones y próximos pasos ## Habilidades que obtendrás - Creación y manejo en un proyecto IONIC 6. - Configurar una app para trabajar con peticiones REST. - Crear APIs. - Enviando valores a APIS POST. - Recuperar información y parsearla. * * * ## Requisitos mínimos Es necesario tener conocimientos básicos de HTML, CSS y Typescript. ## Valoración de nuestros alumnos 4.7 18 valoraciones - 5 - 4 - 3 - 2 - 1 Buen contenido y buena explicación. RUBÉN MAESTRO HUESA ## Completa tu formación con estos contenidos ![Icono de la tecnología](https://cdn.openwebinars.net/media/academy/course/angular-logo.svg) Curso ### [Nested Components en Angular](https://openwebinars.net/cursos/nested-components-angular/) Intermedio 58 min. Aprender a crear componentes anidados y dividir un gran componente en varios componentes distintos y dinámicos (Componentizar). ![Avatar de profesor](https://cdn.openwebinars.net/media/teachers/jonathan-moya-front.png)Jonathan Moya 4.4 ![Icono de la tecnología](https://cdn.openwebinars.net/media/academy/course/angular-logo.svg) Curso ### [Pipe personalizado en Angular](https://openwebinars.net/cursos/pipe-personalizado-angular/) Intermedio 1 h. y 4 min. Descubre cómo diseñar y desarrollar un pipe exclusivo en Angular, una herramienta esencial para transformar la manera en... ![Avatar de profesor](https://cdn.openwebinars.net/media/teachers/jonathan-moya-front.png)Jonathan Moya 4.6 ![Icono de la tecnología](https://cdn.openwebinars.net/media/academy/course/ionic-logo.svg) Curso ### [Desarrollo de app móviles con Ionic](https://openwebinars.net/cursos/desarrollo-aplicaciones-moviles-ionic/) Intermedio 7 h. y 36 min. En esta formación construirás aplicaciones móviles híbridas para cualquier plataforma, logrando adquirir desde los conceptos más básicos del... ![Avatar de profesor](https://cdn.openwebinars.net/media/teachers/mario-giron-frontal.png)Mario Girón Martín 4.7 ![Icono de la tecnología](https://cdn.openwebinars.net/media/academy/course/github-copilot-logo.svg) Curso ### [Crea tu app Android con GitHub Copilot](https://openwebinars.net/cursos/crear-app-android-github-copilot/) Intermedio 1 h. y 27 min. GitHub Copilot llegó para ayudar a los desarrolladores con el autocompletado de código gracias a Inteligencia Artificial y... ![Avatar de profesor](https://cdn.openwebinars.net/media/teachers/gustavo-lizarraga-frontal.png)Gustavo Lizárraga 4.2 ## Preguntas frecuentes Resuelve tus dudas o contacta con nosotros para más información. [Cuéntanos tu caso](https://openwebinars.net/explora-tu-caso/) [Suscríbete Ahora](https://openwebinars.net/checkout/plan-individual-anual/) ### ¿Cuál es el precio? En OpenWebinars no vendemos formaciones. Tenemos [diferentes tipos de suscripciones](https://openwebinars.net/precios/?ref=faq), que te dará acceso completo a todas las formaciones de la plataforma y a las nuevas que vamos lanzando, siempre y cuando tu suscripción esté activa (como Spotify con la música o Netflix con las películas y series). ¿Eres una empresa? Tenemos planes especiales para ti. Consúltanos [aquí](https://openwebinars.net/empresas/?ref=faq). ### ¿Puedo obtener un diploma que acredite mis conocimientos? Efectivamente, una vez superada cada formación, podrás descargarte el diploma acreditativo de cada una de ellas. Añádelas a tu CV y mejora tu perfil para las empresas. También podrás obtener un diploma de nivel superior al superar todas las formaciones de la ruta. ### ¿Cuándo comienza la formación? En OpenWebinars las formaciones no tienen fecha de inicio y de final. Cada curso tiene una fecha de publicación y desde ese día estarán 100% disponible todos los contenidos del curso para los usuarios suscritos a alguno de [nuestros planes](https://openwebinars.net/precios/?ref=faqs). Curso 4.7(18 valoraciones) Crea una lista de la compra interactiva con Ionic 6 Aprende a crear tu propia lista de compras mediante elementos y categorías de forma práctica usando APIs para alimentar nuestra lista. [Cuéntanos tu caso](https://openwebinars.net/explora-tu-caso/) [Comenzar Prueba Gratis](https://openwebinars.net/checkout/plan-individual-anual/)