React + Tailwind ile Instagram Web Clone -1 / Giriş Sayfası

🎉🎉 Kanala destek olmak için KATIL üzerinden size uygun seçeneği belirleyerek desteğinizi gösterebilirsiniz.

👇. Çıkardığımız udemy eğitim setlerine gözatın!

✅ PHP Eğitim Seti

✅. Django 3 Profesyonel Web Programlama

✅. Django Rest Framework Eğitim Seti

⚡ Sosyal Hesaplarımız

[oguzyilmaz]

48:34 ses tüm dersi özetliyor aslında eline emeğine sağlık Tayfun hocam 😂😂

[enesfatihsahan]

emeğine sağlık gerçekten çok samimi şekilde bir anlatım var aldığı hatalarıda bize gösterip çözümünü sunuyor en iyisi bu olabilir anlatımda. emeğine sağlık başarılı bir eğitim olmuş.

[muharremgunal]

Hocam çok samimisizi tebrik ediyorum sizi ve çok yararlı bir video olmuş her zaman ki gibi takipteyim 👍

[blazi_]

Seviyorum lan programlamayı 🥹
Yeni proceye başlamala öyle güzel his veriyorki

[alifurkanyaman]

Visbug diye bir eklenti var bu eklenti ile ekranda görünen her şeyin rengine erişebiliyor, elementler arasındaki boşlukları görüyor ve hareket ettirebilir hale getirebiliyoruz herkese tavsiye ederim.

[skyhan]

tamda tailwinde yeni başlamışken videonun bildirimini görünce gelen mutluluk hissi

[efesk]

17:48 Tabiki component yok olduğunda intervalin durmasına karşın fallback olarak bu şekilde yapabilirsiniz ama bunun haricinde interval dışında elle çalıştırmak yerine, birinci image'in opacity-0 classını silip current variable'ını da 1 yaparsanız aynı işlevi görecektir. Hem böyle yapınca başta opacity-0 dan gelmeyeceyi için instagram ile de birebir aynı olmuş olur çünkü gerçeğinde opacity-1 başlıyor.

[hamitaksln]

Güzel bir video olmuş hocam ellerinize sağlık. Telefondaki resim geçişleri için ref ile class ekle sil yerine bi tane phoneImageIndex tarzı bir state tanımlayıp 0 dan başlatarak aynı intervalde değiştirebilir. Sonrasında image urlleri array yapıp bunu map ile render ederken indexini alıp ona göre eğer index !== phoneImageIndex olursa "opacity-0" class'ı ekleyebiliriz.

[incacube]

show/hide password için naçizane, const [showPassword, setShowPassword]= useState(false), <input type={showPassword ? 'hide' : 'show'} /> dynamic type vererek çok kolay çözülüyor.

[Shingalol]

Sonunda beklediğim seri krallığın tarihini yazıyosun kral abim <3

[hivdakaymak]

Dersin ilk dakikalarından itibaren gülmeye başlıyorsunuz 😂😂

[fshn]

Teşekkürler Tayfun. Güzel bir video olmuş.

[ahmetaltun]

Teşekkurler hocam en kısa zamanda izliyecem

[IbrahimAli-sndd]

Ellerinize sağlık, sayenizde JS-a olan önyargımı kırıyorum 😀 Teşekkürler, Bu arada Webstorm themanızı, kullandığınız fontu bi ara gösterirseniz sevinirim🙃

[frkx]

Abi yine çok güzel bir içerik eline sağlık ✌

[safaksenal]

hocam güzel seirye benziyor devamını bekliyoruz teşekkürler

[EyupKantaCanbudak]

Arkadaşla ne konuşsak kısa süre sonra tesadüfen onun videosunu çekiyorsun. Mutlu olmakla beraber bizi dinlediğini düşünmeye ve korkmaya başladım. 😬

[voonos]

Svelte derslerinin devamı gelecek mi? Svelte ile komple bir proje geliştirme güzel olurdu.

[ksckaan]

Ağzına sağlık abi. Ben frontend çi değilim ;ama boyutlar hakkında ufak bir önerim olacaktı. Tailwind'de bir boyutu bulmak için 4'e bölünmesi gerekiyor. Örneğin 10px için 10/4=2.5 yani p-2.5 ile 10px padding verebiliriz. Bunlar için hesaplama yaptığını gördüm de. Kolaylık olsun diye söyleyeyim dedim abi. Teşekkür ederim abi keyiflik videoların için 👍

[lordofrings]

o resmi fotoshopla yapı oraya komumlandırmak mantıklı değilmi amac az kod yazıb çok iş görmeğ degilmi