Codility React Mülakat Sorusu (YAPAMADIM??)

[@codingwithdidem]

Herkese selam! Bu video ile kendi öğrenme ve bildiklerimi test etme sürecimi sizlerle paylaşmak istedim. Mülakatlarda sadece bilgi değil, aynı zamanda stresi yönetebilme, doğru ve etkin iletişim kurabilme, problem çözme ve doğru kararlar alma gibi birçok kriter etkin. Video boyunca belki de çok kolay bi soru üzerine 1 - 1.5 saate yakın uğraştım :) Diğer sorulara ayrılan sürenin de bir kısmını bu soruda harcadığım için, diğer sorulara ayrılan süreler biraz kısa kaldı. Moralim bozulunca da bıraktım. Bu videoyu çekme amacım, sizlerle bu süreci paylaşmak ve aldığım doğru / yanlış kararları sizlerle paylaşmak. Umarım sizler için faydalı olur. İyi seyirler :)

[@barssavas9938]

Başvurduğunuz şirketide söylerseniz bizimde kendimizi deneme şansımız olur.

[@cemarslankurt]

Böyle bir şeyi paylaşmak inanılmaz değerli. Herhangi bir kompleks olmaksızın oldukça bilgilendirici ve geliştirici bir içerik olmuş tebrik ederim.

[@Metovski]

Didem selam :) Gerçekten bu tarz bir videoyu kimse kolay kolay paylaşmaz. Tebrik ederim. Bende de şu an hergün defalarca yaptığım şeyler casede geldi ve bir yerde takıldım saatlerdir uğraşıyorum :D Stres en büyük problem. Güzel videoydu :)

[@codingwithdidem]

Selam:) Çok çekinerek paylaştım aslında ama videoda styled-components pakedini bile zor indirdim. Bunu sadece stres ve kaydediyor olma heyecanı diye geçiştirmek istemiyorum. Bu chatgpt & copilot gibi araçları fazlaca kullandığım için bilgimde körelmiş olabilir ya da teknik olarak daha fazla çalışmam gerekiyor olabilir diye yorumlamak istiyorum. Video oldukça gerçekçi :D belki mülakatlarda başarısız olmuş arkadaşlar için motive olur diye paylaşmak istedim. Yalnız değilsin kesinlikle oldum olası react yazıyorum ve olabiliyor yani :D Başarılar dilerim güzel haberlerini duymak dileğiyle

[@muhsinoztufekci9496]

@@codingwithdidem Ya gerçekten chatgpt gerçekten beni çok tembelleştirdi artık oturup kendim algoritma yazmak yerine hemen chathpt açıyorum acilen leetcode üzerinden kendimi geliştirip şu tembelliği üzerimden atmam lazım.

[@Metovski]

@@codingwithdidem Teşekkür ederim güzel düşüncelerin için :) Copilot & Chatgpt köreltmiş olabilir ama herkes aynı şeyi yapıyo bence video keyifliydi :D Tebrikler tekrardan cesaretinden ötürü

[@IbrahimAli-sn6dd]

@@codingwithdidem aynen, aslında developerlerin normal hayatında yaşadığı şeyleri sen bu videoda paylaşdın, kendimi gördüm videoda. Her kes cesaret edemezdi. bir daha çok teşekkürler. uğurlarının devamını görmek dileyi ile

[@IbrahimAli-sn6dd]

Selam, öncelikle bu videoyu çektiğin için çok teşekkürler. Çok iyi video olmuş ellerine sağlık. Bence sorun şurada. Sen İcon tagının içinde "children" mantığı düşünüyorsun. Ama hal buki eger icon için düşünürsek sorulan soruda parente etki etmek gerekir. Çünki Tag İconun parenti. Araştırdım styled-componentde parent-i checklemeyi bulamadım amma childrenı checkleyip ona uygun bir şey yapıla bilir. Basitce şöyle olur diye düşünüyorum. export const Icon = styled.img` //önce verilen stiller filter: blur(6px); ` export const Tag=styled.span` // önce verilen styller ${Icon}:hover { filter: none; } ` Çözüm böyle, ilaveten de Icon componentini Tagdan önce yazmak gerekiyor.

[@MustafaTunahanTuna]

Bence de çözüm bu. Örnekte gösterilende tag içerisindeki iconun hover olma durumunu güncellememiz isteniyor. Didemin yaptığında Tag hover olduğunda iconun nasıl davranacağını belirliyoruz. Aradaki nüans sorunun çözümünü baştan sona etkiliyor. Çok güzel bir videoydu ama.

[@dekanklc690]

Tesadüfen rastladım videonuza.Öncelikle böyle bir içeriği paylaştığınız için teşekkürler.Kendinizle ne kadar barışık ve egosuz olduğunuz bariz bu videoda geçirdiğiniz süreçte ve üzerine göstermiş olduğunuz paylaşma cesaretinizde ap açık ortadadır.How about your vscode theme ? :))

[@codingwithdidem]

Teşekkürlerr :) XCode Default Dark olarak aratabilirsiniz

[@ogulcanmdev]

Kendi dökümantasyonunda advanced kısmında sadece 1 dakikalık göz gezdirme ile benzer örneği buldum, cevap; Icon'un içinde {Tag}:hover & { filter:blur(0) } Yapay zekaya çok fazla güvenip araştırma yeteneğinizi körelttiğinizi düşünüyorum. Bence bir süre copilot detoksu iyi gelecektir.

[@emregazel80]

bence tam tersini düşünmek gerekiyor. Icon için blur(6px) yazılacak ve ayrıca Tag içine {Icon} & hover :{ blur(0) } olmalı

[@selim3291]

Her videonuz ayrı orijinal. Başka kanallarda görmediğim içerikler var. Teşekkürler :)

[@xxxyyyzzz3131]

25:56'da ruhumu teslim ettim cumleten cenaze namazima davetlisiniz

[@codingwithdidem]

Hhahahahha:D Editte kesmeyi unutmuşum

[@ramazanyondemir]

ya diğer soru sandım baktım...

[@codingwithdidem]

@@ramazanyondemir

[@yusufcaglar99]

İnsanlar yapamadım demekten çok korkuyor ve kompleks yapıyorlar. Bunu yüklemek büyük bir özgüven ve özsaygı ister harikasın. Sevdiğin şeyi yapman dileğiyle.

[@usalmann]

Harika bir içerik, teşekkürler :) Cesaretinden dolayı da ayrıca tebrikler

[@nurullahkilic]

Merhabalar bu tecrübenizi bizimle paylaşmanız müthiş bir de videoyu gece saati sessizce izlerken 25:56'de benim bağrışmam sonrası babamla döğüş tecrübemi görmenizi isterdim :)))

[@codingwithdidem]

Kusura bakmayin ya editte kestim bi kaç tanesini o kalmiş :D

[@takmakafana3328]

Selam Didem, bu tarz mülakatların bilgiyi, tecrübeyi veya yeteneği doğru bir şekilde ölçtüğünü düşünmüyorum. Nitekim bazı firmalar bu tarz caseler yüzünden çok iyi yazılımcıları kaçırdığını anlamış olsa gerek bu tarz mülakatları yapmamaya başladılar. Yani canını sıkmaya kesinlikle değmez.

[@codingwithdidem]

Nick çok uyumlu olmuş:) Katılıyorum buna bu arada ben de case-study verilmesini daha güzel buluyorum. Uygun bi vakitte rahat rahat yapmak çok daha az stresli

[@saffetfiliz]

Fark edemediği şey icon üzerine gelince hover olmalı sen tag üzerine gelince icona hover uyguluyorsun. Zamana karşı olunca insan en basit şeyi bile gözden kaçırabiliyor :)

[@m.r.i3841]

Bu videoyu sosyal medyada paylaşmak gerçekten cesaret ister. Seni kutlarım. Videoyu izledim ve şu sonuca vardım: Seni React değil styled-components mülakatına almışlar. Çünkü React kodlayıcılarının özel bir stillendirme kütüphanesini bilme zorunluluğu olamaz -bu arada ben bu kütüphaneyi kullanıyorum-. Yani bu mülakat senin React kodlayabildiğinin değil bu kütüphane ile çalışmış olduğunu anlamanın cevabını arıyor.

[@PeriklesPeriklesoglu]

teşekkürler gerçekten çok değerli bir video

[@casull6447]

tecrübeni paylaştığın için teşekkür ederim Didem.

[@ahmetdoraa]

Çok yararlı bir video olmuş siz yaparken ben de yapmaya çalıştım düşündüm neresi yanlış vb şekilde ve uğraştıkça keyif aldım :D Teşekkürler video için

[@codingwithdidem]

Rica ederim, beğenildiyse çekerim böyle videolar :D

[@ahmetdoraa]

@@codingwithdidem hiç hayır demeyiz beğendik

[@cagberkc]

selam, sekmeler arası gezmek ya da gpt kullanmak codility için sıkıntı oluşturmadı mı? uyarı vs vermiyor mu?

[@yalcinozer4434]

2-3 Ay önce iş alimcilar sürekli yazardı, pozisyon var düşünür musunuz diye. Başta rahat davranıp düşünmüyorum dedim, daha iyisi çıkar diye😅 şimdide teklifler durdu. İyi yine mülakat almışsın en azından.

[@omersefaylmaz7127]

Mukemmel bir video emegine saglik :)

[@codingwithdidem]

Teşekkür ederim:)

[@AhmetKeserr65]

Selamlar Didem Hanım, Soruları neden ChatGPT'ye çözdürmediniz?

[@michaelscofield2469]

cok güzel bir içerik, genelde algoritma soruları geliyor, 2. defa bir react sorusu gördüm

[@codingwithdidem]

Benim de beklentim algoritma sorusu olacağı yönündeydi diğer iki sorudada expanded list oluşturma props geçme ve context api vardı. Bence güzel sorulardı

[@michaelscofield2469]

@@codingwithdidem sanırım yabancı şirketlerle (türkiyede ofisi olmayan) mülakatlara girdiniz, orda nasıl sorular soruyorlar

[@codingwithdidem]

@@michaelscofield2469 İlk görüşmede ingilizce seviyene ve standart sorulara olan cevaplarına bakıyorlar. Özellikle neden bizimle çalışmak istiyorsun sorusu kilit soru bence. Mutlaka hazırlıklı gitmek lazım şirketi önceden araştırmadıysan çok kötü bi izlenim oluyor. İkinci aşama olarak case-study gönderildi bana çoğunlukla. Hava durumu uygulaması, Todo App tarzı uygulamalar bekliyorlar kendi kullandıkları teknolojiler ile geliştireceğin. Bi kaçında ise kendi projelerine erişim verip refactor gibi bir şey istediler. Bu todo uygulamasında ise neyi nasıl kullandın neden seçtin açıklamanı bekliyorlar. Yani çalışan bi uygulama için red yiyebiliyorsun eğer teknik olarak mantıklı kararlar vermediysen. Atıyorum blog yazıları için incremental static generation kullanman mantıklıydı ama sen getserversideprops kullandın gibi.

[@michaelscofield2469]

@@codingwithdidem cok tesekkürler cevabınız icin

[@Enes-ets34]

Keyifli video olmuş teşekkürler

[@codingwithdidem]

Rica ederm :)

[@Enes-ets34]

@@codingwithdidem tesadüfe bak, dün mail geldi ve codility testi çözeceğim bakalım neler olacak🤯

[@emreaydn-gc1om]

Merhaba, vscode için hangi tema, klasör ve yazı tipini kullanıyorsunuz? Kullandığınız copilot hangisi?

[@DeliciousWaow]

Neden ChatCPT kullanmadım acaba merak ettim ve kullandığın copilot nedir? Çok güzel video çok sağ ol :)

[@DeliciousWaow]

Sonlara doğru kullanmışsın izlerken gördüm tamamdır 😂😂

[@dmrdvn]

Kulaklıkla 25:57 ye gelenlere allah rahmet eylesin

[@huseyinbagator6689]

yüreğim bir zıpladı vczvcxzv

[@everythingdeveloper]

Normalde algoritmam çok iyidir ama mülakata gelince her şeyi unutuyorum bunu aşmanın bi yolu yok mu ya. Heyecanlanmıyorum da niyeyse bildiğim her şey uçuyor boşluğa düşüyorum.

[@SerdarAltin]

Kendini üzme yiğidim, bir gün elbet :) Moralinin bozulmasını çok iyi anlıyorum. Senin yaşadığın durumu şimdiye kadar yüzlerce defa yaşamışımdır, bir problem çıkar önüne saatlerini ve belki günlerini verirsin ama yazdığın birkaç satır koddur. Sonuç olarak kendimizi geliştiriyoruz, asıl önemli olan da bu zaten.

[@kkslzw7479]

Merhaba Kullandığınız klavye nedir?

[@mehmetcantasdev]

Visual example kısmında aslında Tag'in üzerine değil Tag'in içerisindeki Icon componentinin üzerine geldiğinde blur kalkıyo. Senin oldu dediğin case'de blur kalkıyo ancak Tag'e hover olduğunda kalktığı için testi geçmedi. Sanırım gözden kaçırdığın kısım burası ama bilmiyorum şimdi ben de kıt kadar CSS bilgimle konuşuyorum :D

[@codingwithdidem]

Evet şuan farkettim tag'e hover olunca gitmiş blur ona oldu demişim :D Ama sanırım filter: blur(0) olmasınıda istemiyor komple stili kaldırmanı bekliyor test. Bir front*ndci arkadaşım da javascript ile stili temizlememin beklendiğini söyledi. Javascript kullanmam gerekiyormuş aslında

[@mehmetcantasdev]

@@codingwithdidem o nasıl yapılabilir bilmiyorum ama en düz mantıkla :not(:hover) üzerinden gidip sadece hover olmadığı durumda blur filtresini ekleyip varsayılan halini boş bırakmak çözüm olabilir belki. Yani son yazdığın css'i aslında tek bir satırda değil 2 farklı style olarak yazıp uygulamak belki çözer

[@codingwithdidem]

@@mehmetcantasdev evet kayıt almadığım kısımda en son şunu yapmıştım: :not(${Tag}) &, ${Tag}:not(:hover) & { filter: blur(6px); } Tag'in içinde değilse veya tag in içinde ama hover olmadıysa blur uygula demek istedim ama bu da çalışmadı. Üstelik chatgpt önermişti :D

[@mehmetcantasdev]

@@codingwithdidem bu çalışmayabilir ya çünkü iki koşulu aynı anda sağlamasını bekliyor sanki bu kod benim bahsettiğim şöyle bir şey. Aşağıdaki gibi olunca ikisinin aynı anda olmasını beklemek yerine her bir durum için farklı farklı stil vermiş oluyosun ama bu çalışır mı emin değilim bi dene istersen :D :not(${Tag}) & { filter: blur(6px); } ${Tag}:not(:hover) & { filter: blur(6px); }

[@codingwithdidem]

@@mehmetcantasdev bunu da denedim onun çalışası yokmuş :D

[@vetmed-pq3tm]

Konuyla ilgili değil ama; sağlık alanından lisans mezunu bir kişinin yazılım alanında iş kabulü alabilmesi (özellikle yurtdışı firmalarda) için projeler yapması tek başına yeterli midir? Yoksa yönetim bilişim sistemleri(mis) gibi bir alanda yüksek lisans yapması da gerekli midir? Cevaplarsanız mutlu olurum.

[@codingwithdidem]

Selam, sorunun cevabını çok net bilmediğim için bi anket yaptım twitterda. Buraya bakabilirsen süper faydalı olur diye düşünüyorum:) twitter.com/DidemKkkaraasl1/status/1652626422735806464?s=20

[@vetmed-pq3tm]

@@codingwithdidem Teşekkür ederim Didem.❤

[@burakmike3161]

teşekkürler

[@enes0199]

Bu tarz mülakat sorularına hazırlık için sizce hackerrank yeterli mi? orda baya ilerledim, farklı platformlarda soru çözmeli miyim?

[@codingwithdidem]

Ne kadar farklı platformları tecrübe edersen daha iyi olacaktır diye düşünüyorum

[@sradaglar5161]

tebrikler sevimli genç koder. başarılar

[@1lyv698]

Hocam vue bilginiz varsa composion api mi opional api mi cevaplarmisiniz nedenleriyle videoda olur. Birde yazilarin üzerine gelince ingilizce yazi cikiyor eklenti ismi nedir?

[@codingwithdidem]

Google translate chrome eklentisi kullanıyorum, vue bilgim yok ne yazik kii

[@alb475]

selam video için teşşekürler , sizinle nasıl iletişime geçebilirim

[@codingwithdidem]

Selam, mail yada superpeer üzerinden iletişime geçebilirsiniz

[@muhsinoztufekci9496]

Merhaba öncelikle iyi bayramlar dilerim. Editörde yorum satırına yazdığımızda muhtemel kodu yazan sistem nedir acaba?

[@codingwithdidem]

Selamlar, iyi bayramlar Github CoPilot olarak geçiyor github.com/features/copilot

[@muhsinoztufekci9496]

@@codingwithdidem Teşekkür ederim.😇

[@alisoylu4034]

GPT ye niye somuyon?

[@abuzeralaca]

2 dkda bir de reklam eklemeseydin daha güzel olurdu. Videodan daha çok reklam izledim.

[@codingwithdidem]

Ben ayarlamadim reklami otomatik

[@uckurus2100]

basit bir algoritmayı bile çözemiyorsan bence yanlış meslek seçmişsin ama çaban güzel ve soruyu paylaşman için tebrik ediyorum seni. Hayatında başarı seninle olsun

[@ultub]

Copilot bile yapamiyo ki bunu ^_^

[@lmusthave]

kendi yaptığı bir şey yok bence takdir edilmesi gereken bir durum yok

[@yedekkulube]

Sen şimdi sana sorulan soruları hiç bir şekilde doğru olarak yönlendirmedin. Tamamen ürünün çıkmaması adına işlemler yaptın. Bu şekilde çalıştığın şirkete, allah sabır versin diyorum.

[@codingwithdidem]

Amin

[@furkan7013]

Hangi şirkete başvurdunuz ?

[@codingwithdidem]

Proxify

[@farukkahya8964]

Selam Didem. Öncelikle gerçekten çok saçma bi taskti evet kabul ediyorum. Sen de biraz fazla copilot a bel bağlamışsın gibime geldi. O an stres çok fazla olduğundan düşünmek zor oluyor biliyorum ama biraz karşına çıkan örneklere bakarak nasıl olabilir diye düşünseydin bence çözerdin. Şahsen ben daha önce styled components ile daha önce hiç çalışmadım ve nasıl olduğunu hiç bilmiyordum bile ilk defa bu videoda gördüm ve izlerken üzerine biraz kafa yordum ve aklıma şöyle bir şey geldi ----------------------------------------------------------------------- import styled from 'styled-components' import './App.css' export const Tag = styled.span` background-color: ${props => props.color || "red"}; border-radius: ${props => props.radius || "5px"}; display: inline-block; padding: 0.5em; `; export const Icon = styled.img` filter:blur(6px); ${Tag} > &:hover /* burda scss syntaxı gibi olduğunu düşünerek şunu yazdım Tag içeriisnde ise ( ${Tag} kısmı burayı videoda gördüğümden yola çıkarak kullandım) ve componentin kendisine hover olursa demek istedim (&:hover{} ifadesi scss de 'bu elemente hover olunduğunda' olcakları temsil eder. )*/ { filter:none; } `; function App() { return ( Vite ) } export default App ---------------------------------------------------------------------------------------------------------- Task de geçerli olurmu bilmiyorum. Benim anladığım Tag componentinin içerisindeki Icon hover olunduğunda blur kalkıcak fakat tag içerisindeki başka bir yere hover olunursa blur kalkmayacak. kendim denediğim zaman aynen de öyle oldu extra bir şey yapmadım yazmadım. bu şekilde çalışıyor.

[@farukkahya8964]

umarım anlatabilmişimdir. ve yanlış anlaşılmak istemem amacım ukalalık veya seni rencide etmek değil. bir daha karşına çıkarsa ve eğer yapamadıysan aklında bulunmuş olur diye yazıyorum. İyi günler iyi kodlamalar :))