Тёмный

Flutter Challenge: App de Café con Animaciones 

diegoveloper
Подписаться 104 тыс.
Просмотров 53 тыс.
50% 1

📌 Inspiration:
dribbble.com/s...
📌 Coffee Challenges from LATAM community:
• Revisando Reto de prog...
📌 Assets (Images)
drive.google.c...
🔵 Follow me:
/ diegoveloper
🌐 My personal website:
diegoveloper.com/
📌 English subtitles (RU-vid Desktop - only)
Click on the “Settings” icon, select “Subtitles/CC,” and then click “Auto Translate.” A list of languages you can translate into will be displayed. Select “English” (Or the language you want). Done!
Or
📌 Mute and speed up the video, play your favorite music and imagine this is a speed code video :)
✅ Donations
www.buymeacoff...
✅ Coaching/Asesorías
www.buymeacoff...
✅ Source Code (You need a membership)
www.buymeacoff...
💻 My Setup:
Standing Desk: amzn.to/39HLvut
Anti Fatigue Standing Desk Mat: amzn.to/3thoaZM
Monitor: amzn.to/36wQy0c
Monitor Arm: amzn.to/3r3J5h0
Macbook Arm: amzn.to/3acOvzq
Macbook Tray: amzn.to/3r7dBXm
Macbook Vertical Stand: amzn.to/2MnhrNf
Webcam: amzn.to/3qfILMf
Camera: amzn.to/3jIXJru
Camera Mic: amzn.to/2MdxVaC
Speakers: amzn.to/2YAqFrY
MultiPort Adapter USB-C: amzn.to/2N98rLP
Phone Holder: amzn.to/379BmGv
Headphones: amzn.to/2YzUE39
Keyboard: amzn.to/3qkMsA8
Wood Keyboard Tray: amzn.to/3cJRrXl
Microphone: amzn.to/3rbAVD9
Microphone Stand: amzn.to/3rLfhpx
Mouse Logitech: amzn.to/3cpVFDc
Mouse Pad Razer: amzn.to/2MHvDjV
Strip Lights: amzn.to/36w0F5x
Goku Figure: amzn.to/36tjx4X :v
Chair (Herman Miller): • La MEJOR SILLA de ofic...
--------------------------------------------------------------
Feel free to use my code from the video to your projects, just don't forget to give me the credits adding my twitter and youtube channel in your comments or network where you use it :).
--------------------------------------------------------------
------------------------------
Freedom by Roa / roa_music1031
Creative Commons - Attribution 3.0 Unported - CC BY 3.0
Free Download / Stream: bit.ly/-_freedom
Music promoted by Audio Library • Freedom - Roa (No Copy...
------------------------------
🎵 Track Info:
Title: Freedom by Roa
Genre and Mood: Holiday + Happy
---
🎧 Available on:
Spotify: spoti.fi/3fUr6oL
iTunes: apple.co/2KUwNYz
Deezer: deezer.com/us/...
RU-vid: • Roa - Freedom 【Official】
SoundCloud: / . .
RU-vid Music: music.youtube.....
---
😊 Contact the Artist:
Roa:
contact.roamusic.yt@gmail.com
/ roa_music1031
ru-vid.com....
open.spotify.c....
/ artist .
play.google.co....
deezer.com/us/...
/ roa__music
/ roa__music
/ roamusiccc
---

Опубликовано:

 

6 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 135   
@PayamA
@PayamA 2 года назад
I really enjoy your videos. they are so well done I don't even need to read the subtitles.
@supyrp7682
@supyrp7682 3 года назад
Sos buenisimo amigo! me sirve un monton tus videos para aprender y tener mas oportunidades laborales. gracias
@longnguyenduc5251
@longnguyenduc5251 2 года назад
I'm from Viet Nam, thank you for sharing the code and images, wish you good health and success. thank you so much
@rsl_f2p6
@rsl_f2p6 Год назад
I have been watching you for a long time on facebook but never thought of watching your video. I want to learn from you so please make videos in English. Doesn't matter if your English is good or not Sir.
@kevinmelendezhernandez3334
@kevinmelendezhernandez3334 3 года назад
Exelente solución, quedó muy limpia y en unos cuantos minutos, wow!👏👏
@prashantm2750
@prashantm2750 3 года назад
Awesome Bro Love it, curiously waiting for the next part of this
@omkg1iorey401
@omkg1iorey401 3 года назад
Esta de lujo man, espero el siguiente challenge lo coloques con un par de días par aver si tengo el nivel de lograrlo
@mohamedkhattab7002
@mohamedkhattab7002 3 года назад
Man you are a legend excellent work
@diegoveloper
@diegoveloper 3 года назад
Thanks bro :D
@isaacbenavides111
@isaacbenavides111 3 года назад
Que genial. Te ha quedado muy increíble. Ojalá pueda participar en el próximo challenge xd
@jaggyjut
@jaggyjut 3 года назад
Thanks for this. Luckily there is youtube translator so i can follow.
@diegoveloper
@diegoveloper 3 года назад
Hey bro, just for curiosity, yesterday I activated the english subtitles for most of the videos, I know it's not perfect but can you tell me if it's working for you?
@jaggyjut
@jaggyjut 3 года назад
@@diegoveloper I randomly viewed the videos on your channel and subtitles are working. Thanks mate.
@fabiodossantos8223
@fabiodossantos8223 Год назад
Maravilhoso, obrigado por compartilhar
@AliRaza-cs5go
@AliRaza-cs5go 3 года назад
This is damn coooooooooooooooool, love the concept, ahhhh the final result 🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥
@idioteclari
@idioteclari 3 года назад
I'm a big fan! thank uuuuuu ♥
@TaylorMosqueraCastro
@TaylorMosqueraCastro 3 года назад
Espectacular, como siempre muchas gracias por tu aporte; debería monetizar esto jejeje, se me ocurren ideas 🤔
@diegoveloper
@diegoveloper 3 года назад
Jaja, adelante, pero OJO que puse el link del diseño en la descripción, a lo mejor para monetizar necesitas los permisos, revisa eso.
@anagallego___
@anagallego___ 3 года назад
Te quedó super! 🙌🏼🙌🏼
@kahanx10
@kahanx10 2 года назад
This was indeed genius!
@zahidshaikh8082
@zahidshaikh8082 3 года назад
Amazing as always 💙💙💙
@osmanycruzgarcia7904
@osmanycruzgarcia7904 3 года назад
Brutal excelente trabajo espero poder participar en el próximo Challenge, 💪
@albertosanchez5848
@albertosanchez5848 2 года назад
Wow! me salio, 😭. Maestro Diego.
@petermusembi738
@petermusembi738 2 года назад
Thank you a milli.
@VincenzoHACKFREEFIRE
@VincenzoHACKFREEFIRE Год назад
minuto 13.23, para los que se preguntan como obtiene el value, estaba analizando esa parte asi que lo mire de esta forma (1) 2.0x + y = 0,2 (2) 1.0x + y = 0.6 (3) 0.0x + y = 1.0 ; listo ahora obtienes los valores x y Y , x= (-1.2)/3 , y = 1.0, con eso el value= result * (-1.2/3) + 1.0 ; esto es algebra de 2 curso de bachiller.
@paulooliveira3453
@paulooliveira3453 3 года назад
Muito bonita e fluída as animações
@guillemaynardlema8251
@guillemaynardlema8251 3 года назад
gracias amigo
@subliangel3387
@subliangel3387 Год назад
Ya lo apunté a mi tarea por hacer...
@imankamali5799
@imankamali5799 2 года назад
😮 nice
@Pttour
@Pttour 2 года назад
this is a perfect video, please I need your help, How to get image zoom animation when scrolling horizontally like in this video, just, scroll to the left and when I scroll the first image that pops out of the screen is enlarged and the next image is replaced.
@lucasruedaok
@lucasruedaok 3 года назад
Genio!
@LorenzoLefika
@LorenzoLefika Год назад
wow great video, i followed every step🤩, i have 1 question to u sir or anyone reading this, how will i be able to add the selected coffees to the cart page ? Thanks in advance
@raymondbrazil
@raymondbrazil 3 года назад
muy bueno!
@vicktorManuel
@vicktorManuel Год назад
saludos diego
@prasantkumar7693
@prasantkumar7693 3 года назад
Awesome buddy
@danielalcantara6696
@danielalcantara6696 3 года назад
Hermosooooo
@ajitt9686
@ajitt9686 Год назад
Where can I find the animation tutorial used for selecting the Iced or warm?
@hafizibrohim599
@hafizibrohim599 2 года назад
Amazing 👍👍👍
@Fernando-vb5qx
@Fernando-vb5qx 3 года назад
Excelente
@alejandrovlogs1248
@alejandrovlogs1248 3 года назад
La creta loco que apera estuvo la solución manin, se te fue la guagua ahí montro. Pd.. Ví muchos idiomas, metí un dominicano ahí pa no quedarme atrá
@josueandrade2850
@josueandrade2850 3 года назад
Saludos crack 😃
@ricard458
@ricard458 3 года назад
Beautiful
@TamanoDudu
@TamanoDudu Год назад
hi diego its a great video and great teacher, i have some issue with the ValueListenableBuilder i got error when i scrolling to the end RangeError (index): Invalid value: Not in inclusive range 0..2: 3 RangeError (index): Invalid value: Not in inclusive range 0..2: 4
@diegoveloper
@diegoveloper Год назад
www.buymeacoffee.com/diegoveloper/extras
@TamanoDudu
@TamanoDudu Год назад
I leave comments inyourwebsite, but I need your help if it is OK from you
@diegoveloper
@diegoveloper Год назад
@@TamanoDudu you can buy the code here www.buymeacoffee.com/diegoveloper/e/42599?from_page=extras
@TamanoDudu
@TamanoDudu Год назад
I write all the code from the video I just need a help with the issue
@gabrielrocha2640
@gabrielrocha2640 3 года назад
Muito bom!!!!!!!!!
@xluzka
@xluzka Месяц назад
rinha de flutter
@mmkamal
@mmkamal 3 года назад
It is really hard to see subtitles and watch what you are typing. :( Why not English? :( BTW Amazing video.
@mruduladdipalli5417
@mruduladdipalli5417 3 года назад
Amazing!!! :) :) :)
@juancastorino
@juancastorino 3 года назад
Muy bueno! De donde sacaste la formula matemática del "value" y del valor de traslación en Y ? Ojala en algún futuro hagas mas challenges o expliques mas sobre esta parte. Debí haber prestado mas atención en la universidad en matemática y algebra lineal xD.
@diegoveloper
@diegoveloper 3 года назад
según los valores que mostré: 2 -> 0.2 1 -> 0.6 0 -> 1.0 quería llegar a esos valores: 2a = b = 0.2 para x = 2 a + b = 0.6 para x = 1 b = 1 para x = 0 Más o menos así jaja, igual son aproximados, para lo del translation en Y fue prueba error.
@juancastorino
@juancastorino 3 года назад
Gracias Diego! Seguire jugando con los valores de Matrix4 a ver que sale...
@VincenzoHACKFREEFIRE
@VincenzoHACKFREEFIRE Год назад
@@diegoveloper para los que se preguntan como obtiene el value, estaba analizando esa parte asi que lo mire de esta forma (1) 2.0x + y = 0,2 (2) 1.0x + y = 0.6 (3) 0.0x + y = 1.0 ; listo ahora obtienes los valores x y Y , x= (-1.2)/3 , y = 1.0, con eso el value= result * (-1.2/3) + 1.0 ; esto es algebra de 2 curso de bachiller.
@danielcarpio9068
@danielcarpio9068 3 года назад
Sería bueno si podrías acabar con las últimas integraciones que estaba en la página donde te inspiraste
@diegoveloper
@diegoveloper 3 года назад
Se los dejo de tarea :D, la idea es demostrar el potencial de Flutter haciendo las cosas que parecen más complejas sino tendría un catálogo de apps para vender :D
@mariafalcao8537
@mariafalcao8537 2 года назад
👏😀
@NHCS_MABUD
@NHCS_MABUD 2 года назад
We want English tutorials please
@gerardoduenaspina4895
@gerardoduenaspina4895 3 года назад
Perdón si mi duda es tonta 😅 Imaginemos que yo haré una app que administre todas las cafeterías de México Tengo que hacer una pantalla así por cada cafetería ? No es necesario que se explique todo el proceso, solo me quedo duda de cómo sería Excelente video hermano.
@diegoveloper
@diegoveloper 3 года назад
Es una pregunta válida, pues no, solo haces estas pantallas que consuman contenido dinámico. Las apps se conectan a servicios externos para descargar información, ahí es donde traen datos que pueden contener datos del cafe, como nombre, precio, stock, imagen, etc. En ésta demo yo estoy poniendo los datos de los cafes fijos, pero se puede adaptar fácilmente para que sea dinámico :).
@gerardoduenaspina4895
@gerardoduenaspina4895 3 года назад
@@diegoveloper muchas gracias 👌🏻 Y espero otro video tuyo son buenísimos
@sibulelemboyi
@sibulelemboyi 3 года назад
Source code plz
@radhakanna6005
@radhakanna6005 3 года назад
Do one project smart water bottle in flutter
@Anullos42
@Anullos42 3 года назад
El mejor xD
@anushkasharma2397
@anushkasharma2397 2 года назад
Can someone explain this calculations: final result = _currentPage - index +1; final value = - 0.4 * result + 1; and ..setEntry(3, 2, 0.001) ..translate(0.0,MediaQuery.of(context).size.height / 2.6 * (1-value).abs())
@diegoveloper
@diegoveloper 2 года назад
That's for the perspective view, check this video: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Qlb2pSMwKHY.html
@j.fratalabuga2008
@j.fratalabuga2008 3 года назад
Hello, I did what you did by warning myself. I checked again to avoid any problems, but when using Transform, I cannot move into the page. What do you think is the reason?
@diegoveloper
@diegoveloper 3 года назад
Not sure, if you want to check the code, feel free to be a member www.buymeacoffee.com/diegoveloper
@escuchalamejormusicaconhug2961
Buenas tardes que buen programador eres mis respeto Me gustaría que me dieras un consejo para aprender a programar como tú lo haces yo estoy aprendiendo y siempre se me ha echo un poco complejo Gracias
@diegoveloper
@diegoveloper Год назад
practicar mucho, esa es la clave, son horas/amanecidas de programación, es la única forma de aprender
@봉bong
@봉bong 3 года назад
Hi! I think your video is very informative. Can I use it to create a website with flutter?
@diegoveloper
@diegoveloper 3 года назад
Do you mean the code from the video?
@봉bong
@봉bong 3 года назад
@@diegoveloper I made this animation in an app, but I want to use this animation effect in a web page. Can I use it?
@diegoveloper
@diegoveloper 3 года назад
Ah ok, no problem but mention my channel :)
@봉bong
@봉bong 3 года назад
@@diegoveloper Okay, I'll mention your channel where I can, thank you.
@rhandalltimtiman5676
@rhandalltimtiman5676 3 года назад
Good Day, Your tutorial is by far the most amazing tutorial. Might I ask, I have followed your code properly, but when i swipe at the end of the pageview, there is no image showing just blank image is it because of coffees.length + 1? thank you for your answer in advance :)
@diegoveloper
@diegoveloper 3 года назад
Yeah, I think that's a small bug that maybe we can fix it using a work around: When the page listener detects it's the last page, use an AnimatedSwitcher to change between the pageviewbuilder and an empty widget. Something that we can show at the end of the page.
@rhandalltimtiman5676
@rhandalltimtiman5676 3 года назад
@@diegoveloper Already solved it on my end, did a work around using the onPageChange. Thanks again! :)
@tubakocabyk7897
@tubakocabyk7897 3 года назад
hi how did u solve this problem can u explain please :
@sibulelemboyi
@sibulelemboyi 2 года назад
where did you get the source code from?
@TamanoDudu
@TamanoDudu Год назад
@@rhandalltimtiman5676 hy good evening i have same problem can u tell me please how u solved it?
@ahmedokab7261
@ahmedokab7261 Год назад
How you run real iphone with you apk ?
@yasirkurdish9098
@yasirkurdish9098 Год назад
magic site
@clauschocho8171
@clauschocho8171 3 года назад
lo vas a subir en tu repo?
@diegoveloper
@diegoveloper 3 года назад
Sí, en patreon, mañana lo subo, lo mejor es que lo sigan del video paso a paso :P , pero igual lo subiré
@devmadan30
@devmadan30 2 года назад
can you make tutorial in english
@diegoveloper
@diegoveloper 2 года назад
Hello, you can enable the English subtitles
@radhakanna6005
@radhakanna6005 3 года назад
Plz post smart water bottle app in flutter bcz no one did before
@diegoveloper
@diegoveloper 3 года назад
What's that?
@techiesovereign4865
@techiesovereign4865 3 года назад
Can you please add English subtitles
@diegoveloper
@diegoveloper 3 года назад
Read video description
@nadimkhan7880
@nadimkhan7880 2 года назад
Need Subtitle English
@diegoveloper
@diegoveloper 2 года назад
enable the english subtitles from the youtube player.
@wirelessgaming6704
@wirelessgaming6704 3 года назад
which version of flutter are you using?
@diegoveloper
@diegoveloper 3 года назад
one version before Flutter 2.0
@wirelessgaming6704
@wirelessgaming6704 3 года назад
@@diegoveloper awesome i don't like 2.0 lol, cheers from Indonesia
@nadimkhan7880
@nadimkhan7880 2 года назад
can give source code plz
@diegoveloper
@diegoveloper 2 года назад
Sure, read video description
@alibadar7395
@alibadar7395 3 года назад
Hi can anyone tell me the name of the animation with widget? I wanted to achieve it for android native.
@diegoveloper
@diegoveloper 3 года назад
I created a custom animation
@RohitSharma-lr5wi
@RohitSharma-lr5wi 3 года назад
do you have git link? source code of the project? that would be awesome
@diegoveloper
@diegoveloper 3 года назад
if you check the video description you will find the second option to access to the source code. The first option is copy the code while you watch the video :).
@luismiguelhuetoguerrero
@luismiguelhuetoguerrero 3 года назад
Conocen alguna app funcionando con este desarrollo?
@diegoveloper
@diegoveloper 3 года назад
No he visto alguna
@josephedinsonyangalilugo620
@josephedinsonyangalilugo620 3 года назад
Que BARBAro !!! Buen video, vi sólo la parte importante, este capitalismo que no nos da tiempo para la diversión :v, una duda si se puede, leyendo documentación me parecio leer que Opacity no es bueno para el rendimiento asi que siempre creo mis propias opacidades con gradients, hay una opción óptima o lei mal y Opacity es lo mejor, "tricky" eso dicen siempre mis compañeros 🇨🇴, saludos desde 🇵🇪
@diegoveloper
@diegoveloper 3 года назад
Para animaciones no es lo mas óptimo, pero en este caso solo depende del scroll, no hay tanto problema.
@josephedinsonyangalilugo620
@josephedinsonyangalilugo620 3 года назад
Gracias
@cristiancenteno251
@cristiancenteno251 Год назад
como tengo tutorias de ti quiero especializarme en flutter contigo
@diegoveloper
@diegoveloper Год назад
únete al canal, se miembro, desde el plan DEVELOPER tienes acceso a discord donde estamos compartiendo de todo, desde trabajos, hasta consejos, memes, tutoriales, dudas/consultas, sorteos, etc.
@cristiancenteno251
@cristiancenteno251 Год назад
@@diegoveloper me gustaria tambien adquirir un codigo que hiciste que me gusto mucho siendo miembro lo puedo conseguir?
@diegoveloper
@diegoveloper Год назад
@@cristiancenteno251 hmm no, los códigos o puedes escribirlos siguiendo los videos o puedes comprarlos aquí : www.buymeacoffee.com/diegoveloper/extras , el discord está más para ayudar con dudas/consultas/trabajos.
@neorevolutions222
@neorevolutions222 3 года назад
Queda mejor en teléfonos físicos la preview
@floodyboy5307
@floodyboy5307 3 года назад
👍🏼👍🏼👍🏼👍🏼👍🏼👍🏼😍 👏🏼👏🏼👏🏼👏🏼👏🏼
@yefersonandresgiraldoarist8763
Comparte el código de los seguidores
@boek7742
@boek7742 3 года назад
Me gustaría que programaras todo desde cero
@diegoveloper
@diegoveloper 3 года назад
Si quieres asesoría : buymeacoffee.com/diegoveloper
@sttutter1264
@sttutter1264 2 года назад
13.18
@DguruZ
@DguruZ 3 года назад
Tan gozu? 👌
@rolandogarcia3230
@rolandogarcia3230 3 года назад
😯😮
@luisangelcruztrevino12
@luisangelcruztrevino12 3 года назад
¿Por qué parpadea tanto el video? :(
@diegoveloper
@diegoveloper 3 года назад
si lo he notado, es por el OBS, el software que uso para grabar :/ ni modo
@amirhosseinrajaizadeh2232
@amirhosseinrajaizadeh2232 2 года назад
ENGLISH please
@santiagozapata9056
@santiagozapata9056 2 года назад
De donde sacaste los imagenes? Soy dev React native y estoy pensando en moverme a Flutter, las animaciones se ven mas faciles de hacer con Flutter que curioso, pense que se ve mas complicado
@diegoveloper
@diegoveloper 2 года назад
En la descripción del video está el link de las imágenes
@santiagozapata9056
@santiagozapata9056 2 года назад
@@diegoveloper Vi el link y eso pero me pregunto el donde, no se si dribble tiene una seccion secreta que no veo donde los designers ponen los assets que usan porque al menos en shot de dribble no vi un link ni coas asi
@diegoveloper
@diegoveloper 2 года назад
el link debajo de Assets (Images)
@mariafalcao8537
@mariafalcao8537 2 года назад
👏😀
Далее
Flutter Challenge: App de Tienda 1/2
46:26
Просмотров 44 тыс.
Preguntas de entrevista de Programador Flutter
28:33
Flutter Conf Latam 2023
4:43
Просмотров 539
Watch me give a Flutter Mock Interview!
13:08
Просмотров 7 тыс.
Tutorial Flutter: Aprende a optimizar tu App
21:59
Просмотров 10 тыс.
📱 Coffee Shop • Flutter Tutorial
20:12
Просмотров 49 тыс.