Flutter Challenge: App de Café con Animaciones

[@PayamA]

I really enjoy your videos. they are so well done I don't even need to read the subtitles.

[@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.

[@longnguyenduc5251]

I'm from Viet Nam, thank you for sharing the code and images, wish you good health and success. thank you so much

[@supyrp7682]

Sos buenisimo amigo! me sirve un monton tus videos para aprender y tener mas oportunidades laborales. gracias

[@omkg1iorey401]

Esta de lujo man, espero el siguiente challenge lo coloques con un par de días par aver si tengo el nivel de lograrlo

[@kevinmelendezhernandez3334]

Exelente solución, quedó muy limpia y en unos cuantos minutos, wow!👏👏

[@isaacbenavides111]

Que genial. Te ha quedado muy increíble. Ojalá pueda participar en el próximo challenge xd

[@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.

[@prashantm2750]

Awesome Bro Love it, curiously waiting for the next part of this

[@jaggyjut]

Thanks for this. Luckily there is youtube translator so i can follow.

[@diegoveloper]

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]

@@diegoveloper I randomly viewed the videos on your channel and subtitles are working. Thanks mate.

[@Pttour]

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.

[@TaylorMosqueraCastro]

Espectacular, como siempre muchas gracias por tu aporte; debería monetizar esto jejeje, se me ocurren ideas 🤔

[@diegoveloper]

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.

[@ajitt9686]

Where can I find the animation tutorial used for selecting the Iced or warm?

[@subliangel3387]

Ya lo apunté a mi tarea por hacer...

[@mohamedkhattab7002]

Man you are a legend excellent work

[@diegoveloper]

Thanks bro :D

[@AliRaza-cs5go]

This is damn coooooooooooooooool, love the concept, ahhhh the final result 🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥

[@fabiodossantos8223]

Maravilhoso, obrigado por compartilhar

[@albertosanchez5848]

Wow! me salio, 😭. Maestro Diego.

[@osmanycruzgarcia7904]

Brutal excelente trabajo espero poder participar en el próximo Challenge, 💪

[@idioteclari]

I'm a big fan! thank uuuuuu ♥

[@guillemaynardlema8251]

gracias amigo

[@kahanx10]

This was indeed genius!

[@anagallego___]

Te quedó super! 🙌🏼🙌🏼

[@petermusembi738]

Thank you a milli.

[@zahidshaikh8082]

Amazing as always 💙💙💙

[@paulooliveira3453]

Muito bonita e fluída as animações

[@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]

www.buymeacoffee.com/diegoveloper/extras

[@TamanoDudu]

I leave comments inyourwebsite, but I need your help if it is OK from you

[@diegoveloper]

@@TamanoDudu you can buy the code here www.buymeacoffee.com/diegoveloper/e/42599?from_page=extras

[@TamanoDudu]

I write all the code from the video I just need a help with the issue

[@j.fratalabuga2008]

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]

Not sure, if you want to check the code, feel free to be a member www.buymeacoffee.com/diegoveloper

[@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

[@lucasruedaok]

Genio!

[@reisoramon]

muy bueno!

[@xluzka]

rinha de flutter

[@mmkamal]

It is really hard to see subtitles and watch what you are typing. :( Why not English? :( BTW Amazing video.

[@rhandalltimtiman5676]

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]

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]

@@diegoveloper Already solved it on my end, did a work around using the onPageChange. Thanks again! :)

[@tubakocabyk7897]

hi how did u solve this problem can u explain please :

[@sibulelemboyi]

where did you get the source code from?

[@TamanoDudu]

@@rhandalltimtiman5676 hy good evening i have same problem can u tell me please how u solved it?

[@vicktorManuel]

saludos diego

[@prasantkumar7693]

Awesome buddy

[@alejandrovlogs1248]

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á

[@Fernando-vb5qx]

Excelente

[@josueandrade2850]

Saludos crack 😃

[@hafizibrohim599]

Amazing 👍👍👍

[@danielalcantara6696]

Hermosooooo

[@imankamali5799]

😮 nice

[@clauschocho8171]

lo vas a subir en tu repo?

[@diegoveloper]

Sí, en patreon, mañana lo subo, lo mejor es que lo sigan del video paso a paso :P , pero igual lo subiré

[@alibadar7395]

Hi can anyone tell me the name of the animation with widget? I wanted to achieve it for android native.

[@diegoveloper]

I created a custom animation

[@gabrielrocha2640]

Muito bom!!!!!!!!!

[@juancastorino]

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]

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]

Gracias Diego! Seguire jugando con los valores de Matrix4 a ver que sale...

[@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.

[@봉bong]

Hi! I think your video is very informative. Can I use it to create a website with flutter?

[@diegoveloper]

Do you mean the code from the video?

[@봉bong]

@@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]

Ah ok, no problem but mention my channel :)

[@봉bong]

@@diegoveloper Okay, I'll mention your channel where I can, thank you.

[@cristiancenteno251]

como tengo tutorias de ti quiero especializarme en flutter contigo

[@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]

@@diegoveloper me gustaria tambien adquirir un codigo que hiciste que me gusto mucho siendo miembro lo puedo conseguir?

[@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.

[@ricard458]

Beautiful

[@danielcarpio9068]

Sería bueno si podrías acabar con las últimas integraciones que estaba en la página donde te inspiraste

[@diegoveloper]

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

[@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]

practicar mucho, esa es la clave, son horas/amanecidas de programación, es la única forma de aprender

[@RohitSharma-lr5wi]

do you have git link? source code of the project? that would be awesome

[@diegoveloper]

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 :).

[@sibulelemboyi]

Source code plz

[@wirelessgaming6704]

which version of flutter are you using?

[@diegoveloper]

one version before Flutter 2.0

[@wirelessgaming6704]

@@diegoveloper awesome i don't like 2.0 lol, cheers from Indonesia

[@ahmedokab7261]

How you run real iphone with you apk ?

[@yasirkurdish9098]

magic site

[@gerardoduenaspina4895]

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]

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]

@@diegoveloper muchas gracias 👌🏻 Y espero otro video tuyo son buenísimos

[@NHCS_MABUD]

We want English tutorials please

[@techiesovereign4865]

Can you please add English subtitles

[@diegoveloper]

Read video description

[@luismiguelhuetoguerrero]

Conocen alguna app funcionando con este desarrollo?

[@diegoveloper]

No he visto alguna

[@josephedinsonyangalilugo620]

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]

Para animaciones no es lo mas óptimo, pero en este caso solo depende del scroll, no hay tanto problema.

[@josephedinsonyangalilugo620]

Gracias

[@mruduladdipalli5417]

Amazing!!! :) :) :)

[@anushkasharma2397]

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]

That's for the perspective view, check this video: kzbin.info/www/bejne/h53FY6OJgtx-frs

[@devmadan30]

can you make tutorial in english

[@diegoveloper]

Hello, you can enable the English subtitles

[@radhakanna6005]

Plz post smart water bottle app in flutter bcz no one did before

[@diegoveloper]

What's that?

[@radhakanna6005]

Do one project smart water bottle in flutter

[@nadimkhan7880]

Need Subtitle English

[@diegoveloper]

enable the english subtitles from the youtube player.

[@nadimkhan7880]

can give source code plz

[@diegoveloper]

Sure, read video description

[@mariafalcao8537]

👏😀

[@Anullos42]

El mejor xD

[@santiagozapata9056]

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]

En la descripción del video está el link de las imágenes

[@santiagozapata9056]

@@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]

el link debajo de Assets (Images)

[@boek7742]

Me gustaría que programaras todo desde cero

[@diegoveloper]

Si quieres asesoría : buymeacoffee.com/diegoveloper

[@floodyboy5307]

👍🏼👍🏼👍🏼👍🏼👍🏼👍🏼😍 👏🏼👏🏼👏🏼👏🏼👏🏼

[@luisangelcruztrevino12]

¿Por qué parpadea tanto el video? :(

[@diegoveloper]

si lo he notado, es por el OBS, el software que uso para grabar :/ ni modo

[@neorevolutions222]

Queda mejor en teléfonos físicos la preview

[@yefersonandresgiraldoarist8763]

Comparte el código de los seguidores

[@DguruZ]

Tan gozu? 👌

[@rolandogarcia3230]

😯😮

[@sttutter1264]

13.18

[@amirhosseinrajaizadeh2232]

ENGLISH please

[@mariafalcao8537]

👏😀