React + Tailwind = Getir Anasayfa (Bölüm 1)
HTML-код
- Опубликовано: 26 авг 2021
- Bu ders Tayfun Erbilen tarafından prototurk.com için hazırlanmıştır.
Kanala destek olmak için KATIL üzerinden size uygun seçeneği belirleyerek desteğinizi gösterebilirsiniz.
/ @prototurkcom
Yeni çıkardığım PHP Eğitim Setime gözatın!
udemy.com/php-egitim-seti/?co...
-- Sosyal Hesaplarım;
/ erbilennet
/ prototurkcom
/ tayfunerbilen
/ prototurkcom
/ tayfunerbilen
Derste yaptığımız örneği bu repodaki "ders" branch'inden takip edebilirsiniz.
github.com/tayfunerbilen/getir.com-react-tailwind/tree/ders
Bu bölümün kodları için:
github.com/tayfunerbilen/getir.com-react-tailwind/commit/a893ae2bd4402dbb0172856c615452e5e94c39c6
PHP yi bırakak mı ? :D Hocam Drupalciyim ben de bence react + tailwind + decoupled drupal efsane esneklik sağlar gibi, ne dersiniz öğreneyimmi react'ı
hocam 2.bölümü istiyoruz :)
Videolardaki aralarda geçen muhabbetler, takıldığımız yerlerde çözüm arama şekliniz ve anlatım tarzınız gerçekten çok hoş hocam. Özellikle reklam engelleyicimi kapatıp videolarınızı seyrediyorum. Paylaşım için teşekkürler.
Böyle içerikler yayınlamanız herkes için çok yararlı. Çok teşekkür ederim.
Tam uyuyacaktim bu video içimi açtı 😂 çok sağol hocam artık izlemek düşer bize
Reyisssss geri geldiiiii çok sevindim ya hg reyis.
Geçmiş olsun reis hoşgeldin
Elinize sağlık çok güzel bir seri olmuş
Tayfun hocam merhana, elinize sağlık bilgiler için. VS Code da auto import diye eklenti var, componentin adını yazınca otomatik olarak yukarıya import ediyor. Kolaylık sağlıyor bu açıdan. Webstorm kadar olmasa da auto import biraz daha işimizi kolaylaştırıyor.
ufkumu açıyosun valla. kralsın, denk geliriz umarım bi gün 🙏
Çok özledik hocam seni çok geçmiş olsun
geçmiş olsun tekrar reis. gözümüz yollarda kaldı :
Eline sağlık Tayfun
Çok akıcı güzel keyifli bir dersti teşekkürler.
Hoşgeldin reiss
Anlatım, samimiyet, yeri geldi mi problemleri kesmek yerine direk kayıtta bizimle çözmek olsun gerçekten kendinizi sıkılmadan izlettiriyor ve aynı zamanda da eğlendirebiliyorsunuz hocam. Bir saatin nasıl geçtiğini anlamadım diyebilirim :)
Abi sayende reacttı daha iyi anlamaya başladım emeğine sağlık lütfen react js uygulamalarına devam edelim abi emeğine sağlık.
Kardeşim web programciligi bolumunu bitireli yillar oldu su an bambaska bir meslek edindim ama gece uyuyamayinca acip seni izliyorum eskiden odevlerimi sayende yapardim :)))
yine çok faydalı bir video
Reis nerelerdesin !?, böyle projelerin devamını bekliyoruz. :)
Hocam şu yazılımı senden izleyince çok keyif alıyorum :D
Kral özlendin hoşgeldin.
Kral sahalara döndü
35:30 da baya güldüm ya kaç kez izledim çok hoş tepki olmuş adamsın seviliyorsun :D
Merhaba abi card, input gibi nesneleri component yapip içinde ki özellikleri props olarak göndermek mantıklı değil mi? Sen sadece anasayfayı yaptığın için uğraşmadın muhtemelen de ben soruyu genel bir proje için soruyorum.
hocam bu saatte video mu :D eline sağlık
Harika
Hocam aklıma takılan bir soru var. Büyük sitelerde Instagram, Twitter gibi veya getir gibi sitelerde divlerin classlari neden antin kuntin harfler oluyor onların kullandığı dil mi farklı?
NERDEĞSİNNNNNNN dediği anda koptu m:D Emeğine sağlik çok güzel şeyler öğrendim
haha çok sağol didem, seni burada görmek güzel :)
@@PROTOTURKCOM teşekkür ederim bu kadar eğlenceli anlattiğini bilsem daha önce gelirdim :DD
aşırı yararı oldu
Zinilyon tane şey kurduktan sonra 😁😂👍👑🍀
Faydalı anlatım teşekkürler
Tailwind watch problemini package.json'daki start scriptinin başına "TAILWIND_MODE=watch" ekleyerek çözebilirsin abi.
hocam siz proje creat ettiğiniz de default şekilde yarn lı başlıyor bende de yarn yüklü fakat projem de yarn.lock gibi bir şey kurulmuyor onun için özel bir ayar mı? var...
yok bi ayar yapmadım sebebini bilemedim valla :D
Hocam bu bilgiler halen geecrrlimi izleyelim mi
hocam videolar çok iç açıcı fakat benim sliderım da resimler gözükmüyor
Üstad Selamlar Tailwind css ile div className = " buraya yazdıgım özellikler" npm run watch yapmadan işlemiyor nasıl çözebilirim
bu bir sorun değil yanlız işlememesi lazım zaten, senin yazdığın classları purge ederek sana bir css dosyası oluşturması gerekiyor yani sadece kullandığın kadarıyla bir css dosyası oluşturması için watch etmen gerekiyor
twitterde yazsam mı yazmasam mı diye çok düşünüyordum yazmamıştım o an :D Bana bu kullandıkları arayüz almanyada ki bir shopun arayünüzün tıpkısının aynısı, tamam esinlenirsinde dümdüz tıpkısının aynısını yapmışlar. Hatta bunun teması themeforestte satılıyor :D Başarı kıskanma vs gibi algılanmasın ama hiçbir efor sarfetmemişler ( ͡ᵔ ͜ʖ ͡ᵔ )
hangi site peki biz de bakalim
hangi arayüzün aynısı, link de bıraksaydın keşke
abi uyuyacaktim niye video atiyosun izlemek zorundayim :D
Abi hangi bilgisayarı kullanıyorsan söyle de yanlışlıkla almayalım
macbook pro 2015 :D alet kötü değil aslında, kayıt işlemleri için ideal değil sadece yoksa normal geliştirme yaparken vs. sorun yaşatmıyordu
14:35 dakikadaki eklenti mi hocam öyle ise adı nedir?
github copilot
hele hoştur
CRA post css override etmeyi desteklemediginden jit calismiyor, bunu craco kullanarak cozebilirsin.
Onu da demedim sorun çıkarıyordu en son tekrar bir bakarım
Hocam ben daha 12. Dakikadaki brand color rengini getiremiyorum. Hata da yok ama renk gelmiyor. 🙄🙄
merhaba aradan biraz süre geçmiş ama sorununuzu halledebilmiş miydiniz
Selam hocam. Paylaşımlarınız süper, çok şey katıyor. Burda yapay zeka kardeşimizi kullanmamıza yarayan extension nedir? :)
github copilot
@@PROTOTURKCOM teşekkür ederim
peki neden react? neden bu projede react kullandık ki biz hocam? Açıklar mısınız, teşekkür ederim.
ilk sebebi getir.com da sistemini react ile yazdığı için, ayrıca yönetimi çok daha kolay, güncel teknoloji, açık kaynakta paket bulmak çok kolay, yazımı kolay, daha ne olsun :)
@@PROTOTURKCOM teşekkürler hocam :)
Hocam php galiba tamamen bıraktınız?
Yoksa php bittimi
Php benim bırakmamla bitecek bir dil değil ama ben stackimi işim gereği JavaScript’e taşıdığım için artık çok fazla yazmıyorum doğrudur :)
keşke a dan z ye getir projesi yapsaydınız sadece css kodlamışşınız üzüldüm
projenin amacı o değil dostum, sen armut piş ağzıma düş derdindesin :)
hocam jit yazmamıza artık gerek yok mu
hayır artık gerek yok
merhaba bu uygulamada redux kullanıldımı
bunda kullanmadık, spotify derslerinde redux kullandık ona bakabilirsin
35:30 :D
veri tabanı var dimi bu sitenin
hangi sitenin kardesim?
@@PROTOTURKCOM 😂😂
yorum
Hocam bu bilgiler halen geecrrlimi izleyelim mi