Codility React Mülakat Sorusu (YAPAMADIM??)

Поділитися
Вставка
  • Опубліковано 2 лис 2024

КОМЕНТАРІ • 88

  • @codingwithdidem
    @codingwithdidem  Рік тому +32

    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
      @barssavas9938 Рік тому

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

  • @cemarslankurt
    @cemarslankurt Рік тому +14

    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
    @Metovski Рік тому +10

    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
      @codingwithdidem  Рік тому +8

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

  • @selim3291
    @selim3291 Рік тому

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

  • @ogulcanmdev
    @ogulcanmdev Рік тому +2

    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.

  • @dekanklc690
    @dekanklc690 Рік тому +5

    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
      @codingwithdidem  Рік тому +1

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

  • @IbrahimAli-sn6dd
    @IbrahimAli-sn6dd Рік тому +3

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

  • @usalmann
    @usalmann Рік тому

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

  • @casull6447
    @casull6447 Рік тому

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

  • @yusufcaglar99
    @yusufcaglar99 7 місяців тому

    İ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.

  • @emregazel80
    @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ı

  • @xxxyyyzzz3131
    @xxxyyyzzz3131 Рік тому +11

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

  • @nurullahkilic
    @nurullahkilic Рік тому +1

    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
      @codingwithdidem  Рік тому +1

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

  • @emreaydn-gc1om
    @emreaydn-gc1om Рік тому

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

  • @PeriklesPeriklesoglu
    @PeriklesPeriklesoglu Рік тому

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

  • @cagberkc
    @cagberkc 6 місяців тому

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

  • @m.r.i3841
    @m.r.i3841 Рік тому +2

    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.

  • @takmakafana3328
    @takmakafana3328 Рік тому +3

    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
      @codingwithdidem  Рік тому +2

      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

  • @kkslzw7479
    @kkslzw7479 Рік тому

    Merhaba Kullandığınız klavye nedir?

  • @michaelscofield2469
    @michaelscofield2469 Рік тому

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

    • @codingwithdidem
      @codingwithdidem  Рік тому +1

      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
      @michaelscofield2469 Рік тому

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

    • @codingwithdidem
      @codingwithdidem  Рік тому +3

      @@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
      @michaelscofield2469 Рік тому

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

  • @saffetfiliz
    @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 :)

  • @yalcinozer4434
    @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.

  • @AhmetKeserr65
    @AhmetKeserr65 Рік тому

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

  • @sradaglar5161
    @sradaglar5161 8 місяців тому

    tebrikler sevimli genç koder. başarılar

  • @ahmetdoraa
    @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
      @codingwithdidem  Рік тому +1

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

    • @ahmetdoraa
      @ahmetdoraa Рік тому

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

  • @omersefaylmaz7127
    @omersefaylmaz7127 Рік тому

    Mukemmel bir video emegine saglik :)

  • @SerdarAltin
    @SerdarAltin Рік тому +1

    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.

  • @Enes-ets34
    @Enes-ets34 Рік тому

    Keyifli video olmuş teşekkürler

    • @codingwithdidem
      @codingwithdidem  Рік тому

      Rica ederm :)

    • @Enes-ets34
      @Enes-ets34 Рік тому

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

  • @DeliciousWaow
    @DeliciousWaow Рік тому

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

    • @DeliciousWaow
      @DeliciousWaow Рік тому

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

  • @enes0199
    @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
      @codingwithdidem  Рік тому +1

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

  • @dmrdvn
    @dmrdvn Рік тому +2

    Kulaklıkla 25:57 ye gelenlere allah rahmet eylesin

  • @muhsinoztufekci9496
    @muhsinoztufekci9496 Рік тому

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

    • @codingwithdidem
      @codingwithdidem  Рік тому

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

    • @muhsinoztufekci9496
      @muhsinoztufekci9496 Рік тому

      @@codingwithdidem Teşekkür ederim.😇

  • @vetmed-pq3tm
    @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
      @codingwithdidem  Рік тому +1

      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
      @vetmed-pq3tm Рік тому

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

  • @1lyv698
    @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
      @codingwithdidem  Рік тому

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

  • @mehmetcantasdev
    @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
      @codingwithdidem  Рік тому +1

      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
      @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
      @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
      @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
      @codingwithdidem  Рік тому

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

  • @burakmike3161
    @burakmike3161 Рік тому

    teşekkürler

  • @everythingdeveloper
    @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.

  • @alisoylu4034
    @alisoylu4034 Рік тому +1

    GPT ye niye somuyon?

  • @alb475
    @alb475 Рік тому

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

    • @codingwithdidem
      @codingwithdidem  Рік тому

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

  • @furkan7013
    @furkan7013 Рік тому

    Hangi şirkete başvurdunuz ?

  • @abuzeralaca
    @abuzeralaca Рік тому

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

  • @uckurus2100
    @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

  • @yedekkulube
    @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.

  • @ultub
    @ultub Рік тому

    Copilot bile yapamiyo ki bunu ^_^

  • @lmusthave
    @lmusthave Рік тому

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

  • @farukkahya8964
    @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
      @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 :))