React Test Case -1

[@PROTOTURKCOM]

Not: Test case için verilen süre 2 haftaydı, videoda bahsetmedim ama verilen süreden daha erken bitirmekte bazı durumlarda avantaj olabiliyor. Benim için birkaç saatlik bir çalışmayla bunu tamamlayabildim ancak biraz daha uzun çalışmayla daha sağlıklı kod yazılabilir, yorulduğunuzu hissettiğinizde bırakıp sonraki gün iyi bir uykuyla devam etmek daha sağlıklı olacaktır :)

[@muhammetduran8835]

Ufkumuz açıldı👏, neyi nerde nasıl kullancağımızı da gösteriyorsunuz emeğinize sağlık, teşekkürler Nextjs ve React videolarınızın devamını bekliyoruz.

[@ellawhitestone]

Tayfun abiiii.... 1- extra olarak ui kısmında -belki biraz aşırı detaya kaçabilirdi ama - temasal (renkleri değiştirme gibi) kod eklenebilirdi.. Koyu açık gibi. 2- Api alındıktan ve içeri girince yine karşılanan temesal özellikle mood (morale algı için) renk çalışılabilirdi... mesela hava kapalıken bakan için daha kasvetli tonlarla açılırken güneşli güzel bir gün daha canlı renkler vs. gibi... Her halükarda imzanı atmışsın... seviyorum seni

[@cumaaktas3817]

Şaka yapmıyorum, devletin vermesi gereken eğitimi veriyorsun. İş tecrübesini paylaşmak çok muazzam bir olay. İnsanın kendine güveni artıyor.

[@SesTonuu]

Türkçe kaynağın tek adresi. Teşekkürler hocam

[@umitdemir3741]

güzel bir test case örmeği bence. ben de benzerini yapıcam :) teşekkürler paylaştığın için

[@bayramarif526]

Gayet basarili yapmissin bence... bunu deloy etsene sanity ye herokuya falan

[@hamit795]

çok güzel video olmuş, bu tarz react ile test case çözme videoları ya da uı challange videoları çok güzel olur

[@elchinhajiyev1865]

Grafik olayı muazzam. Nasıl kulandığınızın detaylı videosi olursa süper olur. Elinize sağlık.

[@PROTOTURKCOM]

şunu düzenleyerek ilerledim codepen.io/ykadosh/pen/GRxoWMR?editors=0110 bazı bug'ları vardı, bunları çözmek bile ayrı bir tecrübe oldu :)

[@ramazanyondemir]

Teşekkürler abi. Emeğine sağlık, ufkum açıldı.

[@PeriklesPeriklesoglu]

teşekkür ederim

[@turxanyusubov4704]

Selam benim icin cok cok iyi hazrlamissiniz ve ben bundan cok daha kotusunu yapardim)))) ya siz bu isi beceriyosunuz👍🏻👍🏻

[@altintasutku]

Abi eline sağlık eğer o haritayı nasıl yaptığını gösteren bir rehber videosu çekebilirsen çok keyifli olur

[@PROTOTURKCOM]

şu paketi kullandım www.npmjs.com/package/turkey-map-react bu pakette doğukan'ın oluşturduğu şu haritanın react uyarlaması github.com/dnomak/svg-turkiye-haritasi

[@altintasutku]

@@PROTOTURKCOM

[@gorkemtr]

Motivasyonu sağladığım vakit bu case in demosunu paylaşıcam

[@yusufkaymaz647]

Hocam bir sonraki aşamaya geçtiniz mi ne dedi firma merak ettim Sanırım niyetiniz işe girmekten ziyade case i yapmaktı ama sonucu merak ettim Video da çok güzel ağzınıza sağlık :)

[@kuleden_]

Hocam böyle test case ler çok iyi olur

[@hasanablak]

Çok güzel olmuş ellerina sağlık

[@ahmetkaya-de]

Hocam bugün sitenize girdim harika içerik oluşturmuşsunuz ancak cloud reklamı dikkatimi çektiğinden siteden ayrılmak zorunda kaldım kusura bakmayın her şey için teşekkürler ☕ 12:14

[@tujobey1]

emeğine sağlık

[@eneskahraman8830]

Eline sağlık abi arayüz oldukça güzel. Türkiye haritasında üzerine geldiğinde ilin ismi yazılmasını vs nasıl yaptınız google mapte karşılığına bakacağım. Oldukça güzel olmuş orası

[@therewon]

Cok iyi olmus , HARIKA!!!

[@afatihyavasi]

Eline sağlık Tayfun. Sanırım JWT Auth işlemleri için Türkçe hiç içerik yok. İlk olarak senden dinlemeyi isteriz.

[@kamilcopur6513]

çok güzel bir örnek. Kendimi denemek adına aynısını yapıp github hesabıma koysam problem olur mu senin için? Bir de ben next.js ile denemeyi düşünüyorum. Ama birkaç saatte nasıl çözebildin ya...

[@tahsinyarar]

çok güzel olmuş abi eline sağlık

[@ddlmertcanpolat1042]

Test case i beraber yapalım mı hocam bir kere de sonda söylüyorsun gerçi ama gene redux tool kit vs kullanarak böyle güzel bir tane geliştirsek tadından yenmez :). Emeğinize sağlık

[@uranyumsedat2099]

Abi bir dahaki videonda react ve socket kullanarak gerçek zamanlı veri çektiğin bi uygulama yapsan süper olur 🙏

[@tolgabayrak2963]

Tayfun hocam benim jwt tokenim var bunu client tarafında nerede tutacağım ? Express tarafında res.cookie ile htttpOnly olarak gönderiyorum fakat bunu client da nerede tutmak gerekiyor ?

[@etibarsaidbayli2698]

Abi bize bir shey burakmamizsin yapa bilinecek her sheyi yapmissin))

[@Metovski]

Junior bir seviye için fazla mı bu case ?

[@isayyu]

Eline sağlık gayet güzel olmuş, Türkiye haritasını nasıl oluşturdun kısa bi bilgi verirmisin

[@PROTOTURKCOM]

şu paketi kullandım www.npmjs.com/package/turkey-map-react bu pakette doğukan'ın oluşturduğu şu haritanın react uyarlaması github.com/dnomak/svg-turkiye-haritasi

[@mahmut-oz]

Test Case'i de Google'ın hava durumundan da daha iyi yapmazsın bee hocam. Bu hangi seviye cidden :D

[@fatih1075]

Eline sağlık Tayfun hocam. Türkiye haritasını nasıl o şekilde şehirlere tıklanabilir yapabiliriz? Biraz bahseder misiniz?

[@PROTOTURKCOM]

şu paketi kullandım www.npmjs.com/package/turkey-map-react bu pakette doğukan'ın oluşturduğu şu haritanın react uyarlaması github.com/dnomak/svg-turkiye-haritasi

[@sadiqmsc476]

Bu test case i ben olsaydim aslinda yapamazdim

[@turalmemmedzade3396]

Teşekkürler. Unit testing videolarıda gelirmi ?

[@PROTOTURKCOM]

test konusunda hala kötüyüm ya, biraz çözer çözmez çekeceğim aklımda :D

[@muco2549]

SkyAtlas tüm Türkiyeye göndermiş sanırım bunu son 1-2 aydır her yerde bu case i görüyorum :D

[@PROTOTURKCOM]

çok genel bi case bu ya, ondandır :D

[@ozgurdogru2727]

Çok iyi video. Kaynak kod olsaydı süper olurdu ama kendimiz de yapmaya çalışırız:)

[@Shingalol]

kendin yapmadan gelişemezsin ki zaten. bir proje gördüğünde bunu nasıl yapmış acaba diye düşünüp oturup kendin yazmaya çalış. Araştırarak yaparken bir çok şey öğreniyorsun bilmediğin bir özellik keşfedebiliyorsun hem de kafana tam oturuyor

[@ozgurdogru2727]

@@Shingalol yorumun için teşekkürler hocam ama benim dediğim olayda kullanılan grafik gibi veya ui da yapılan spesifik şeyler için bakıp örnek alınması gereken şeyler var. Onun dışında kalan kısımlar zaten react

[@muratataman]

İlçeler koyardım

[@yusufgungor]

Reklamlara tıklayın

[@gorkemtr]

Case in .txt belgesini rica etsem paylaşırmısın hocam

[@PROTOTURKCOM]

Projenin React & Redux ile geliştirilmiş olması beklenmektedir. Proje, açılış olarak kullanıcıdan bir API key almalı ve bu API Key tarayıcı kapatılana veya tab kapatılana kadar tekrar sorulmamalı, sayfa yenilense de tekrar istenmemelidir. Eğer yeni tab açılır veya tarayıcı kapatılıp açılırsa tekrar API Key istenmelidir. API olarak openweathermap.org/current kullanılmalıdır. API Key istenirse README'de paylaşılabilir. API Key alındıktan sonraki sayfada Türkiye illerinin seçimine göre, seçilen il özelinde anlık hava durum bilgileri ekranda gösterilmelidir. İsteğe göre, il seçimi yerine Türkiye haritası çıkarılarak kullanıcının seçim yapması sağlatılabilir. Yine isteğe göre, il seçimi yerine bu harita üzerinden belirli bir alan da seçtirilebilir. Yanlış API Key veya bağlantı sorunları sebebiyle gösterimlerin yapılamama durumları karşılanmalı ve kullanıcıyı düzgün şekilde bilgilendirmelidir. İsteğe göre ek özellikler eklenebilir. Tasarım olarak Bootstrap üzerinden opensource bir tema giydirilebilir veya kendi tasarımınız uygulanabilir.

[@surakadotme]

bize kimse case göndermiyor :(

[@PROTOTURKCOM]

istemezsen kimse göndermez tabi :D

[@emrekara5788]

Bu case Senior pozisyonu için verilen bir case mi acaba ?

[@PROTOTURKCOM]

pozisyon bağımsız olarak verildi

[@batuhanozkose]

süper :D

[@LofiZenNala]

artık ai uygulamaları 1 dk da yazıyor geriye makyaj ve test kalıyor.

[@PROTOTURKCOM]

Mülakatta da ai a mı yazdıracaksın o zaman seni değil ai ı almazlar mı :)

[@LofiZenNala]

@@PROTOTURKCOM o günlerde çok uzak değil bence.

[@davutaltnboru5031]

ya şu kendinden bir şeyler katma birbirinin önüne geçme işinden hoşlanmıyorum çünkü insanlarla yarışmayı sevmiyorum. bence bu tip istekler bir firma için iyi bir profil arz etmiyor.

[@PROTOTURKCOM]

birinin önüne geçmekle alakası yok ki, elbette her firma senin o firmaya bir şeyler katmanı bekler bunda yanlış bir şey yok, insanlarla yarışmıyorsun kendinle yarışıyorsun :)

[@Dijitaloopcom]

❤