- 24
- 40 680
Flutter - Español
Peru
Приєднався 5 жов 2022
Bienvenido al canal de UA-cam de Flutter en español. Suscríbase para mantenerse al día con las mejores prácticas sobre el SDK de Flutter. ¡Vea ejemplos de códigos reales y vea a colaboradores de todo Latinoamérica poner a trabajar a Flutter!
Flutter es un SDK de aplicaciones móviles para iOS y Android desarrollado en Google con el apoyo continuo de la comunidad global. Flutter funciona con el código existente, lo utilizan desarrolladores y organizaciones de todo el mundo, y es gratuito y de código abierto.
Visite el sitio web de Flutter para obtener más información → flutter.dev/
Sigue a Flutter en Twitter → FlutterDev
UA-cam de Flutter en Ingles → flutter.dev/youtube
Flutter es un SDK de aplicaciones móviles para iOS y Android desarrollado en Google con el apoyo continuo de la comunidad global. Flutter funciona con el código existente, lo utilizan desarrolladores y organizaciones de todo el mundo, y es gratuito y de código abierto.
Visite el sitio web de Flutter para obtener más información → flutter.dev/
Sigue a Flutter en Twitter → FlutterDev
UA-cam de Flutter en Ingles → flutter.dev/youtube
APP PELÍCULAS || APP CINE - Flutter
🎬 APP PELÍCULAS || APP CINE - Flutter 🚀
¡Bienvenidos! En este video te mostraré cómo desarrollé una app de cine utilizando Flutter, el framework multiplataforma de Google. 🎥📱 Esta aplicación permite explorar películas, ver detalles como sinopsis, fechas de estreno, trailers y más. Ideal para amantes del cine y desarrolladores que buscan crear aplicaciones funcionales y visualmente atractivas.
¿Qué verás en este video?
✅ Vista de películas populares y estrenos
✅ Pantallas dinámicas y navegación fluida
✅ Conexión a API de películas (ej. TMDB)
✅ Implementación de Flutter para diseño responsivo
✅ Tips para mejorar la experiencia de usuario
✅ Compra de tickets
✅ separación de butacas
✅ Agregar productos
CODIGO FUENTE AQUI
✅ github.com/GianSandoval5/code_warriors_gs
Deja tu estrella
Tecnologías utilizadas:
Flutter
Dart
API REST
Material Design
🔔 Suscríbete para más contenido sobre desarrollo con Flutter y no olvides activar la campanita para recibir notificaciones de futuros videos. ¡Déjame en los comentarios tus preguntas y sugerencias! 👇
#Flutter #CineApp #Peliculas #DesarrolloMovil #Apps #GianSandoval
¡Bienvenidos! En este video te mostraré cómo desarrollé una app de cine utilizando Flutter, el framework multiplataforma de Google. 🎥📱 Esta aplicación permite explorar películas, ver detalles como sinopsis, fechas de estreno, trailers y más. Ideal para amantes del cine y desarrolladores que buscan crear aplicaciones funcionales y visualmente atractivas.
¿Qué verás en este video?
✅ Vista de películas populares y estrenos
✅ Pantallas dinámicas y navegación fluida
✅ Conexión a API de películas (ej. TMDB)
✅ Implementación de Flutter para diseño responsivo
✅ Tips para mejorar la experiencia de usuario
✅ Compra de tickets
✅ separación de butacas
✅ Agregar productos
CODIGO FUENTE AQUI
✅ github.com/GianSandoval5/code_warriors_gs
Deja tu estrella
Tecnologías utilizadas:
Flutter
Dart
API REST
Material Design
🔔 Suscríbete para más contenido sobre desarrollo con Flutter y no olvides activar la campanita para recibir notificaciones de futuros videos. ¡Déjame en los comentarios tus preguntas y sugerencias! 👇
#Flutter #CineApp #Peliculas #DesarrolloMovil #Apps #GianSandoval
Переглядів: 479
Відео
Flutter and Firebase || APP ECOMMERCE || Details Product
Переглядів 7314 місяці тому
En este video, te mostraré cómo agregar detalles de productos y cómo implementar un filtro de productos por categoría en una aplicación de comercio electrónico utilizando Flutter y Firebase. 🚀 Contenido del video: Introducción: Breve presentación del proyecto y las herramientas que utilizaremos. Agregar detalles de productos: Paso a paso para añadir información detallada de los productos en la ...
APIs DE GOOGLE EN FLUTTER: Un combo poderoso
Переглядів 2264 місяці тому
APIs de Google en Flutter: Un Combo Poderoso Gian Sandoval, Systems Engineer y fundador de Flutter Piura Descripción del evento: Te invitamos a conocer sobre las "APIs de Google en Flutter: Un Combo Poderoso". Este evento es una excelente oportunidad para desarrolladores, entusiastas de la tecnología y estudiantes que desean aprender cómo integrar y aprovechar las APIs de Google en sus aplicaci...
FIREBASE en FLUTTER para crear Banners || Categorías || Productos || Sección Admin
Переглядів 8106 місяців тому
En este tutorial, exploraremos cómo usar Firebase en Flutter para crear banners, categorías, productos y una sección de administración. Aprenderás a integrar Firebase en tus aplicaciones Flutter y a utilizar sus potentes características para mejorar tu aplicación. Ya sea que estés creando una tienda en línea, una aplicación de blog o cualquier otra aplicación que requiera banners, categorías y ...
Migración a Flutter 3.22: Autenticación y Navegación Simplificada
Переглядів 9196 місяців тому
En este video, te guiaré a través del proceso de migración a Flutter 3.22 y te mostraré cómo mantener el estado de login en tu aplicación. Aprenderás a actualizar el token de autenticación y a utilizar AuthProvider para implementar mejores prácticas en la gestión de la autenticación. Además, configuraremos un BottomNavigationBar y crearemos una HomePage funcional. ¡No te pierdas estos pasos ese...
Conexión a Firebase creando un Login y Register con Flutter
Переглядів 10 тис.9 місяців тому
Saludos en este cuarto video haremos la conexión a #Firebase creando un Login y Register con #Flutter Descripción: ¡Bienvenidos de nuevo a mi canal de Flutter 2024! En este emocionante episodio, vamos a sumergirnos en la creación de un sistema de #login y #register utilizando Firebase. Aprenderemos cómo conectarnos a Firebase para autenticar a los usuarios, además de personalizar widgets para a...
Paleta de colores | SplasScreen | Rutas personalizadas | 3era Clase App Ecommerce FLutter y Firebase
Переглядів 1,2 тис.Рік тому
Descripción: En el tercer episodio de nuestro emocionante curso de Flutter con Firebase, exploramos cómo personalizar la paleta de colores con una clase dedicada, creamos un atractivo SplashScreen y diseñamos nuestras propias rutas para una navegación eficiente. Adéntrate en el fascinante mundo del desarrollo de aplicaciones ecommerce mientras aprendemos a darle un toque único a nuestra interfa...
Conexión sin Esfuerzo: Firebase y Flutter CLI | Guía de Instalación y Configuración Actualizada 2024
Переглядів 4,6 тис.Рік тому
Descripción: ¡Bienvenidos al tutorial definitivo! En este video, aprenderemos cómo establecer una conexión sólida entre Flutter y Firebase utilizando la Flutter CLI. Desde la instalación de las herramientas necesarias hasta la configuración detallada, no te pierdas ningún paso crítico. Además, exploraremos cómo iniciar un proyecto Firebase desde cero en Flutter y actualizar el Gradle desde Andr...
Domina Flutter 2024: Guía Completa de Instalación y Preparación del Entorno de Desarrollo
Переглядів 4,5 тис.Рік тому
Domina Flutter 2024: Guía Completa de Instalación y Preparación del Entorno de Desarrollo
Tutorial CURVED NAVIGATION BAR Flutter - BOTTOM NAVIGATION BAR - ANIMATED CURVED NAVIGATION BAR
Переглядів 803Рік тому
Tutorial CURVED NAVIGATION BAR Flutter - BOTTOM NAVIGATION BAR - ANIMATED CURVED NAVIGATION BAR
Tutorial SPLASH SCREEN Flutter - PANTALLA DE BIENVENIDA
Переглядів 3,5 тис.Рік тому
Tutorial SPLASH SCREEN Flutter - PANTALLA DE BIENVENIDA
Flutter Tutorial - Crear Tabbed AppBar | Tabs, TabBar, TabBarView
Переглядів 876Рік тому
Flutter Tutorial - Crear Tabbed AppBar | Tabs, TabBar, TabBarView
Aprende todo sobre el Widget CONTAINER con FLUTTER
Переглядів 1,6 тис.2 роки тому
Aprende todo sobre el Widget CONTAINER con FLUTTER
Flutter Tutorial - Onboarding UI Screen
Переглядів 1,6 тис.2 роки тому
Flutter Tutorial - Onboarding UI Screen
Tutorial CAROUSEL SLIDER Flutter - CARRUSEL DE IMAGENES
Переглядів 6 тис.2 роки тому
Tutorial CAROUSEL SLIDER Flutter - CARRUSEL DE IMAGENES
Tutorial?
Tengo más videos en mi canal
Tutorial, please!!
Tengo más videos en mi canal
Flutter is gorgeous
Estaria cool una explicacion, comentarios del video.
Vale lo tendré en cuenta para hacer un vídeo
Estoy de acuerdo en eso
Bro, después de tanto tiempo intentarlo ya me funcionó, pero ahora el rpblema es que al momento de poner el comando "dart pub global activate flutterfire_cli" en la terminal de vscode me sale el mensaje. *Error: Unable to find git in yout Path.* Quise seguir con el video pero todos los comandos ejecutados en la terminal en vscode me sale el mismo mensaje Como lo puedo solucionar?
Eso sale cuando no tienes la variable agregada
@@flutteres tengo las mismas 11 variables que tienes tu al inicio del video
Pude con una terminal nueva que es la de bash pero en el comando de *flutterfire configure* me sale error, a pesar de que los otros comandos ya me habían salido bien ese ya no
@@alandavidgonzaleztoca2413 despues escribeme para ayudarte
muy interesante gracias por el video
Genial 🎉 saludos 👋
CODIGO FUENTE AQUI ✅ github.com/GianSandoval5/code_warriors_gs Deja tu estrella xd #Flutter
me sale un error al momento del registrarme me dice que es un error de permisos denegados
Tienes que usar tu propio archivo con tus propias claves, además agregar los permisos en tu firebase, asi como tu sha1
Excelente video, aunque he presentado algunos problemas con el código, sería posible que compartieras el repositorio, te lo agradezco de antemano.
Ya está subido revisa mi último video
@@flutteres puedes pasarlo? no lo encuentro en tu ultimo video
Y tiene código para aprender?
Este código lo realizaste? 😮
No es mejor usar clases model para usuario y para los productos. Así cuando lo vas a inicial izar llamas final UserData user Data; para los productos sería similar la clase
Claro eso lo explico en mi último video sino me equivoco 😅, pero aqui estamos en un nivel básico, luego pasaremos al intermedio, avanzado y experto e iremos cambiando varias cosas, si has seguido desde el video uno me entenderás
Recursos adicionales: Enlace al código fuente en GitHub 🔗 github.com/GianSando/online_store Documentación oficial de #Flutter y #Firebase. ¡No olvides suscribirte y darle like si te ha gustado el video! 👍
Un saludo desde Uruguay! vas a ir al Flutter Conf que se hara en Peru?
Hola 👋 claro que si, ahi estaré. Saludos hasta Uruguay 🇺🇾 🇵🇪
@@flutteres Nos vemos alli!
APIs DE GOOGLE EN FLUTTER: Un combo poderoso. 🚀 En esta ocasión hablamos sobre ✅ Google y Maps ✅ Google Place #Flutter
Hello from Mexico 😊
Saludos, Gracias por estar aquí
Amigo buen dia , tendras un curso creando una aplicacion completo para poder adquirirlo?
Aún no, pero doy clases personalizadas +51971562873 ✅ Quizá pronto haga uno completo
no me aparece la carpeta de java que muestras en el minuto 15:14
Tienes que instalar el java sino te sale
Con tus videos empencé y ahora que trabajo desarrollando apps con flutter me siguen sirviendo
Tu comentario me llena de mucha alegría 🎉🎉 saber que puedo contribuir con algo, saludos 👋 y a seguir adelante 💪
Hola tengo una duda. A la hora de hacer Hard Restart (para que simule que abro la app) no me muestra la imagen. Verifique y el código lo tengo igual ¿Qué podrá ser?
Si has agregado en el pubspec.yaml la carpeta assets, dale detener y vuelve a ejecutar
Que buenos videos muy buenos consejos gracias
Gracias a ti, saludos 👋
Profe excelente video, profe para el diseño podria utilizar figma para la planificacion de interfaces y UI Saludos profe desde Colombia.
Muchas gracias, me alegro que te haya ayudado, lamentablemente no soy diseñador, busco uno que apoye 🎉
Muchas gracias! Por favor mas de este tipo de contenido
Hola muchas gracias 🙏 Revisa ni último video, pronto subiré más 🎉
Primeramente, quiero agradecerte porque me has ayudado a crear mi primera app. Aunque tiene un enfoque muy diferente al de tu proyecto, lo de la base de datos y login y de más de tu contenido me ha sido de gran ayuda para aprender. Incluso, aunque la parte de este video no era necesaria para mi app, lo vi para seguir aprendiendo. Dicho esto, me gustaría pedirte un enorme favor. Ya he finalizado mi app, pero lo único que me falta es implementar la funcionalidad de cerrar sesión y volver al login. La verdad, no he sido capaz de lograrlo. No sé si podrías ayudarme con la línea de código necesaria. Tengo un botón que dice "Cerrar sesión", y me gustaría que al presionarlo, la sesión se cierre y se vuelva al login. De antemano, te agradezco un montón.
Leer comentarios como el tuyo me motiva a crear más contenido.. En un nuevo video incluiré eso y haré mejoras en el código 🎉
@@flutteres Muchas gracias, esperaré con ansias para seguir aprendiendo 💪🏽
Disculpa bro, donde defines el metodo onSuccess(); ? De la linea 36, Gracias
Arreglos y mejoras en el video más reciente
Gran aporte amigo, espero la siguiente parte saludos, buen contenido, Grande comunidad española.
Que bueno que te ayude este video📹 🎉🎉 y claro pronto subiremos un nuevo video
Buen video amigo, podrias mostrar el codigo del Validator porfavor?
Claro que si, en el siguiente video lo muestro 🎉
Buen video amigo, pero nunca muestras el codigo del "Validators" y al momento de poner el _emailController en el register, me sale un error, podrias ayudarme con eso por favor, ya busque en todos tus videos y no encontré ninguna solución
En el mas reciente hago cambios
Profe un saludo desde chile, como puedo trabajar con realtime database, tengo un sitio con esa base de datos, agradecido desde ya por sus cursos
Es similar a firestore database, puedes leer la documentación propia de Flutter y Firebase
excel tu video amigo, sería bueno que colocaras el github, porque hay algunas partes que no se visualiza :(
la idea es ir viéndolo paso a paso y hay cosas que muestro en la clase 5 como el Input
✅ Link del programa para compartir pantalla: github.com/Genymobile/scrcpy/releases Descargar el zip y descomprimir 🔗 LINK PARA CLASES PERSONALIZADAS wa.me/51971562873 ✅ Link de los gif animados drive.google.com/drive/folders/1gbjQXISxI1Lx5n_b24QWvMH1JZ7ULSL2?usp=sharing 🔗 REDES SOCIALES Linkeding www.linkedin.com/in/giansandoval/ Facebook facebook.com/GianSando7/ IG instagram.com/giansando5/ TK www.tiktok.com/@flutter_es #Firebase #flutter #dev
Hice el video anterior, pasé a este video y al ejecutar el npm install -g firebase-tools me arroja este error: el termino npm no se reconoce como nombre de un cmdlet
Instalalo en powershell o node
A mí me sale igual el mismo problema, ya lo intente en ambos y me sigue saliendo que no lo reconoce como cmdlet
@@alandavidgonzaleztoca2413 sigue los pasos del video 1 y prepara tu equipo para desarrollo
Eres grande crack gracias por compartir tus conocimientos 🙏🏼🙏🏼✌🏼✌🏼
Gracias 🙏 saludos 👋
En este video, te guiaré a través del proceso de migración a Flutter 3.22 y te mostraré cómo mantener el estado de login en tu aplicación. Aprenderás a actualizar el token de autenticación y a utilizar AuthProvider para implementar mejores prácticas en la gestión de la autenticación. Además, configuraremos un BottomNavigationBar y crearemos una HomePage funcional. ¡No te pierdas estos pasos esenciales para mejorar tu aplicación Flutter! #flutter #FlutterEnEspañol
Mejor enseñar un splash nativo no? y si es sin paquetes mucho mejor.
GRACIAS MAESTRO !
Gracias, espero haber ayudado, pronto nuevos videos
justo ahora tienes 666 subs no se que hacer, seguire mirando
jejeje llegaremos a más, gracias por el apoyo, saludos
Siguiendo tus videos,por más que no puedas subir seguido por el trabajo. Espero ganar mi polo de flutter.
Hola super genial 🎉 voy a continuar esta semana habrá videos nuevos
Estaria increible si compartes el repo git
Considero que no es un video para quienes recién están aprendiendo, sobre todo porque en unas partes vas muy rápido y es tedioso estar pausando el video porque no das tiempo para verlo, recomendaría que hicieras un repositorio para subir esos códigos que no muestras en el video, igual no explicas de donde sacas el imputDecorationWidget, por eso creo que este video no es muy bueno para aquellos que recién inician
Gracias 🙏 ✅ El imputDecorationWidget es un TextFormField personalizado ✅ El CircularProgressWidget es un colum con un circularprogress y un texto
Aprende sobre bloc as Design Pattern - Flutter #Flutter #FlutterPiura
Pero eso no es un splash screen como tal; simplemente es un view que muestras antes del view principal; pero ahora tiene 2 splash screen; uno del icono con fondo blanco (el default), posteriormente el personalizado y por ultimo el view principal.
Es una pantalla de bienvenida.
como puedo autocompletar el codigo
podrías especificar mejor para poderte ayudar? si te refieres a que mientras escribas se autocomplete con la IA usa copiltot, si terefieres a tener algo ya establecido hay que editar los snippes de dart.json
Saludos hermano, gracias por tu video me ayudó, solo una observación no se si me lo hice mal o tienes el mismo error, al registrarme la primera vez me deja, salgo y regreso de nuevo y quiero registrar otro usuario y me dice que el usuario ya existe
En un nuevo video lo reviso y corrigo, de hecho que hay mucho por hacer aun
Desde el minuto 3:06 no es claro como accedes a creacion de nuevo proyecto, ademas en mi caso luego de largo rato logre crear nuevo proyecto sin embargo me reclama por instalacion de SDK y me lo pide instalar manualmente, lo cual ya de verga.... igual muy buen contenido, like
Primero tienes que ver el video 1, si te saltas al 2 obviamente que no vas a entender
Sería genial si lo desarrollas de principio a fin con animaciones incluidas, aprenderíamos mucho 🎉
Claro que sí!