Javascript Intersection Observer API

Поделиться
HTML-код
  • Опубликовано: 17 ноя 2024

Комментарии • 61

  • @PROTOTURKCOM
    @PROTOTURKCOM  3 года назад +2

    Ders makalesi için:
    prototurk.com/javascript/javascript-intersection-observer-api
    Derste bahsettiğim github makalesi:
    github.blog/2021-01-29-making-githubs-new-homepage-fast-and-performant/
    Derste son bölümde yaptığım animasyon uygulaması:
    codepen.io/tayfunerbilen/pen/bGBpbNK
    Diğer örnekleri videodan alabilirsiniz, çok zorlayıcı değil :) Seviliyorsunuz.

  • @ertugrulsenceruzun9772
    @ertugrulsenceruzun9772 3 года назад +4

    Abi yabancılar bunu çok karışık anlatıyor, sen ne güzel tane tane anlattın. Allah razı olsun 🙏

  • @talatkuyuk6556
    @talatkuyuk6556 3 года назад +4

    Teşekkürler Tayfun, merak ettiğim bir konuyu daha gündeme almışsın. Çok faydalı oldu.

  • @yunusemrearslan3460
    @yunusemrearslan3460 2 года назад

    Son örnek kafa karıştırsa da çok açıklayıcı bir video olmuş. Teşekkürler. :)

  • @mustafaeski
    @mustafaeski 3 года назад

    hem eğlendik hem öğrendik . sayfanın devamını yüklemek için scroll ile hesaplama yapıyordum bununla daha basitçe hallettim. teşekkürler. hapşırıkta otomatikman çok yaşa dedim :)

  • @FrexxLebron62
    @FrexxLebron62 3 года назад +5

    HOCAM YILLARDIR ARADIĞIM ŞEY ÇOK SAĞOLUN

  • @yusufyalc1n
    @yusufyalc1n 3 года назад +1

    Tam aradığım konu html ile çekmen çok daha iyi olmuş keşke her kanal bu şekilde olsa hergün eğitici (detaylı ve anlaşılır) eğitim videosu atmanı bekliyorum. Senin gibi kanallar youtube algoritması sayesinde karşıma geç çıkıyor.

  • @aliata9154
    @aliata9154 2 года назад

    keyifli ve öğreticiydi, teşekkür ederim.

  • @_erdalbuyuk
    @_erdalbuyuk 3 года назад

    çok önemli konular seçiyorsun, başarılarının devamını bekliyorum...

  • @ferhatgul4338
    @ferhatgul4338 2 года назад

    Teşekkürler çok faydalı bir video olmuş.

  • @nomadybb1-66er7
    @nomadybb1-66er7 3 года назад

    frontend ile hiç işim yok açıkçası ama çok güzel anlatıyorsunuz çok başarılı

  • @truth-is-only-one
    @truth-is-only-one 3 года назад

    Çok güzel bir video, teşekkürler Tayfun hocam

  • @omerorkmez3110
    @omerorkmez3110 2 года назад

    Load-more için arık sayfa yüksekliği hesapla derdine son :)
    Çok teşekkürler süper bir anlatım olmuş..

  • @Fullofenglish2015
    @Fullofenglish2015 3 года назад

    Teşekkürler Tayfun Erbilen.

  • @thunderkebap
    @thunderkebap 3 года назад

    Sıhhatler olsun hocam her zamanki gibi harika video 👍

  • @rsad4815
    @rsad4815 3 года назад

    Teşekkür ederim bu güzel bilgiler için hocam.

  • @cemilerdem5694
    @cemilerdem5694 3 года назад

    Gayet yararlı bir paylaşım olmuş.

  • @ertugrul-bektik
    @ertugrul-bektik 3 года назад

    Ders için teşekkür ederiz, ağzına sağlık :)

  • @aliguzel4688
    @aliguzel4688 3 года назад +1

    sıhhatler olsun :)

  • @orequal
    @orequal 3 года назад +1

    Sıhhatler olsun abi

  • @habibgoker
    @habibgoker 3 года назад

    Elinize sağlık

  • @weissemobile1787
    @weissemobile1787 3 года назад +1

    abi sıkılmadan izlediğim tek yazılım kanalısın

  • @jikochi
    @jikochi 3 года назад

    Harika bilgi, eline sağlık

  • @muradreklam
    @muradreklam 3 года назад

    Çok iyi yaşa :) Üşütme, aman kendine iyi bak, sen bize lazımsın :) Güzel video olmuş, emek harcamışsın... eline, emeğine ve aklına sağlık...

  • @weeseenman2248
    @weeseenman2248 3 года назад

    Teşekkürler 👍

  • @cgdbjsgsjej
    @cgdbjsgsjej 3 года назад

    Helal olsun sizlere.👏👏

  • @webdevelopment3721
    @webdevelopment3721 3 года назад

    Abi asagiya doğru kayinca itemlerin kaymasi icin bir kutuphane var isimi aos gercekten isini yapiyor Severek izliyoruz Tayfun abi

  • @FarukSavur
    @FarukSavur 2 года назад

    Teşekkürler hocam 😊

  • @cs_degirmenci
    @cs_degirmenci 3 года назад

    Dostum bu mükemmel bir şey miş yalnız teşekkürler

  • @aytacmalkoc
    @aytacmalkoc 3 года назад +19

    Escobar ne yaptın kendine :(

  • @benno3406
    @benno3406 3 года назад +2

    Tayfun abi yine uyumuyorsun :)

  • @ibrahimapaydinn
    @ibrahimapaydinn 2 года назад

    25:23 burda bi muhabbet dönüyor :)

  • @sukruyaren
    @sukruyaren 3 года назад

    14:34 :) bende klavyeye cay dökmüştüm değiştiremedik daha.. terzilerin sökükleri..

  • @ironheadmedia1625
    @ironheadmedia1625 3 года назад

    Teşekkür ederiz hocam. Gayet güzel ve açıklayıcı olmuş. Bunu React projesinde videoların scroll'a göre çalışıp durması için kullanmış olsak performans açısından nasıl olur ? Itemlerı forEach ile teker teker döndüğümüz için bir performans kaybı yaşar mıyız ? Ya da "ref"ler ile kullanma şansımız olur mu ?

    • @PROTOTURKCOM
      @PROTOTURKCOM  3 года назад

      mümkün, hatta şunu kullanabilirsin www.npmjs.com/package/react-intersection-observer

  • @borakayalar
    @borakayalar 3 года назад

    Ustat supersin walla

  • @borakayalar
    @borakayalar 3 года назад

    👍👍👍

  • @KerimKaraman28
    @KerimKaraman28 3 года назад

    tayfun kral bi özgeçmiş videosu gelir mi hangi yollardan geçtin hangi sınıfta hangi seviyedeydin gibisinden. merak ediyoruz

  • @ertugrulsenceruzun9772
    @ertugrulsenceruzun9772 3 года назад

    Lazy loader yapabilirim sayende abi :)

  • @ertugrulsenceruzun9772
    @ertugrulsenceruzun9772 3 года назад +3

    Daha çok js, like like like

  • @IbrahimAli-sn6dd
    @IbrahimAli-sn6dd 3 года назад

    Ellerine sağlık!
    Çox güzel bir anlatım!
    Bu arada 24:32 de güldürdün reis :)

  • @YazlmYazar
    @YazlmYazar 3 года назад +1

    Google Ads için kullandığımızda sorun yaratıyor mu? Yükleme sürelerine en çok Google Ads'ler gecikme yaşatıyor. Bunu aşmak için Observer önerir misin? Ya da farklı bir önerin var mı?

    • @PROTOTURKCOM
      @PROTOTURKCOM  3 года назад +1

      Evet reklamlar için de kullanılıyor

  • @aonec
    @aonec 3 года назад

    İçerik geldiyse, daha izlemeden beğenimizi atarız... :)

  • @gokhanyucelturkhan
    @gokhanyucelturkhan 3 года назад

    Back-end ile birleştiğinde nasıl bir şey ortaya çıkıyor? Sayfa içeriğini önce veritabanından çekiyor ama görüntüyü mü göstermiyor?

    • @PROTOTURKCOM
      @PROTOTURKCOM  3 года назад

      istersen yeri geldiğinde api ile çağırıp göster sana kalmış :)

  • @senseineo1827
    @senseineo1827 3 года назад +1

    20 yaş gençleşmissin üstadım :)

  • @cikolatallahmacun5809
    @cikolatallahmacun5809 3 года назад

    Bıyıklar iyiydi ya 😅

  • @benno3406
    @benno3406 3 года назад

    Tayfun abi php, js gibi dillerde performansın nasıl artırılabileceği ile ilgili video çekebilir misin İnternete bu konu ile alakalı düzgün bir kaynak bulamadım

    • @PROTOTURKCOM
      @PROTOTURKCOM  3 года назад +1

      bu onlardan bir tanesiydi, css ile ilgilide bir örnek hazırlamıştım, yavaş yavaş çoğalacaktır :)

  • @Mustafa-du8ns
    @Mustafa-du8ns 3 года назад

    Kesmişsin :(
    -
    Abi bu bilgi bu şehvet bu bilmem artık ney nereden geliyor bu bilgi kaynağı ne abi nerelerde ne araştırıyorsun :D dün bana bu olay lazımdı fakat ben bunu scroll hesaplaması ile çözdüm ama yine de kralsın reis seviliyosun

    • @PROTOTURKCOM
      @PROTOTURKCOM  3 года назад

      scroll ile kasmalar oluyor bunu tavsiye ediyorlar performans için haberin olsun :)

    • @ertugrulsenceruzun9772
      @ertugrulsenceruzun9772 3 года назад

      Valla bende de aynı ne zaman birşey lazım olsa ertesi gün Tayfun abi videosunu çekiyor :D

    • @Mustafa-du8ns
      @Mustafa-du8ns 3 года назад

      @@PROTOTURKCOM anladım abi teşekkür ederim bilmiyordum. Ben şey yapmıştım bi fonksiyon atadım load olunca fonksiyonu çalıştırıyor ve scroll atınca da çalıştırıyor kasma yönünden sürekli fonksiyonu call attığı için evet olabilir şimdi mantıken hatalı geldi

  • @caglayancalskan8395
    @caglayancalskan8395 2 года назад

    25:19 güldürdü

  • @FrexxLebron62
    @FrexxLebron62 3 года назад

    Tayfun abi bana phpyi bırak hatta her şeyi bırak javascripte başla dediler fraameworkleri ezberle dediler ben javascript kursu arıyorum udemyde dersin varsa alacağımda veya dersini nerden bulabilirim

    • @PROTOTURKCOM
      @PROTOTURKCOM  3 года назад

      gökhan kandemir ya da mehmet seven kurslarını tavsiye ederim, ancak bir şeyleri öğrenmek için bildiklerini bırakmana gerek yok :) eğer öyleyse o zaman her şeyi bırak e-ticaret'e başla, boşver :)

  • @huseyincuma9523
    @huseyincuma9523 3 года назад

    Hocam görüntüleme yok diyor erken gelmişim

  • @kaanbozkurt7675
    @kaanbozkurt7675 3 года назад

    ParlakAdam

  • @denizkizil5751
    @denizkizil5751 2 года назад

    sakalli halinle 20 yas fark var arada :)