JavaScript ile Güncel Hava Durumu Uygulaması - OpenWeather API Kullanımı

แชร์
ฝัง
  • เผยแพร่เมื่อ 21 ม.ค. 2025

ความคิดเห็น • 92

  • @MertBeyy
    @MertBeyy 3 ปีที่แล้ว +12

    Bir beginner olarak api çekmenin dışında bir dünya şey öğrendim. Çok öğretici ve başarılı bir video olmuş, emeğinize sağlık. Başarılar dilerim.

  • @ahmet.erturk
    @ahmet.erturk 3 ปีที่แล้ว +6

    özellikle bu tarz derlerde kodları paylaşmıyorsun. Bu çok güzel bir şey. tembellik edip hazır kodu okumuyor, oturup yazıyoruz. birebir yazdım ve gayet de kullanışlı oldu :) bu tarz videolarda kodları paylaşma Kadir böyle daha iyi. gerçekten öğrenmek isteyen oturup yazsın hem bolca pratik de oluyor gerçekten.
    emeğine sağlık.

  • @elinordeniz
    @elinordeniz 2 ปีที่แล้ว +1

    Asla hakettiği yerde olmayan kanal. Anlatım çok açıklayıcı ve anlaşılır. Yani süper keyifli videolar için teşekkürler

  • @burhanakcan7350
    @burhanakcan7350 3 ปีที่แล้ว +9

    Cok kaliteli video olmus emegine saglik, Umarim JS ile ilgili daha fazla videolar gelir.

  • @trollvatandas7313
    @trollvatandas7313 2 ปีที่แล้ว +1

    Ellerinize sağlık, sadece hava durumu olarak değil css kısmında da neyi neden yaptık sorusuna çok güzel cevaplar vermişsiniz. çok istifade ettim.

  • @lyssithea3032
    @lyssithea3032 3 ปีที่แล้ว +2

    eğlenirken öğrendim yine sayenizde, elinize sağlık hocam :)

  • @Ateş-0704
    @Ateş-0704 2 วันที่ผ่านมา

    Çok kaliteli çok güzel Kendimi geliştirdim bu video bilmediğim birçok kod öğrendim

  •  3 ปีที่แล้ว

    Harika, Çok basit anlatımla , Çok Şey Anlatmayı başarmışsınız. Tebrikler

  • @naslolur8961
    @naslolur8961 3 ปีที่แล้ว +3

    Hocam çok iyisiniz devamının gelmesini bekleriz

  • @ecute00
    @ecute00 2 ปีที่แล้ว

    Hocam ben boyle anlatis gormedim.Cok iyisiniz.

  • @Umut34
    @Umut34 ปีที่แล้ว

    Gerçekten harika anlatıyorsunuz teşekkürler.

  • @burakkaya7783
    @burakkaya7783 3 ปีที่แล้ว +3

    Hocam consolda Uncaught TypeError: Cannot read property 'addEventListener' of null
    at script.js:41 bu hatayı veriyor ne yapmam lazım yardımcı olursanız sevinirim

    • @muratalmanya6684
      @muratalmanya6684 3 ปีที่แล้ว

      index.html içerisinde addEventListener ile çektiğin değeri doğru ve hatasız olup olmadığını tekrar kontrol et istersen.

    • @yasinmertuzunburun102
      @yasinmertuzunburun102 3 ปีที่แล้ว

      Merhaba Burak,
      index.html içerisinde script'i divlerden sonra çağırırsan problem kalmayacaktır.

    • @mousekafas380
      @mousekafas380 2 ปีที่แล้ว +1

      tırnağı böylemi yaptın ``

  • @evrentank6402
    @evrentank6402 2 ปีที่แล้ว

    Çok sade ve açıklayıcı olmuş. Teşekkürler.

  • @BIZ.BIR.ALIYEYIZ
    @BIZ.BIR.ALIYEYIZ 2 ปีที่แล้ว +1

    14:15 abi gecersiz api anahtarı diyo ne yapmalıyım

    • @emreozyahni4631
      @emreozyahni4631 ปีที่แล้ว

      Bende de kaynak bulunamadı diyo yaa yardımcı olabilir misiniz

  • @muhammetguloglu6268
    @muhammetguloglu6268 4 หลายเดือนก่อน

    MUHTEŞEM ÖĞRETİCİ, AKICI, YALIN. VİDEONUN 3. DAKİKASINDA ABONE OLDUM BEĞENDİM SONUNA GELDİM SUAN YORUM YAPIYORUM. ŞİMDİ KANALINDAN ÖĞRENECEKLERİMİ ALMAYA GİDİYORUM

  • @FatihSirinoglu_GoodInvest
    @FatihSirinoglu_GoodInvest 2 ปีที่แล้ว +3

    openweather'da API seçerken seçtiğiniz API nin şehir ismine göre kaynak üreten bir API olduğuna dikkat etmelisiniz çünkü API'lar daha çok latitude ve longitude yani enlem ve boylam üzerinden kaynak sağlıyor.

  • @goktugsulun464
    @goktugsulun464 3 ปีที่แล้ว +1

    Hocam elinize ağzınıza sağlık çok iyi oldu bu video benim için

  • @savtlive7272
    @savtlive7272 ปีที่แล้ว

    Sayfa her açıldığında inputa veri girmeden sabit bir şehri nasıl yazdırabilirim?

  • @frkx235
    @frkx235 3 ปีที่แล้ว

    Çok kaliteli bir video olmuş, teşekkürler

  • @GevorgKolikisayan
    @GevorgKolikisayan 3 ปีที่แล้ว

    Hocam ben hatami buldum keycode C harfini kucuk yazmisim ve {} bunun yerine bunu () kulanmisim

  • @coderweasley7373
    @coderweasley7373 2 ปีที่แล้ว

    Harikasınız Hocam :)

  • @ertugrulhaykr2731
    @ertugrulhaykr2731 หลายเดือนก่อน

    hocam apı den link i çekemiyorum 404 bulunamıyor

  • @mfk1267
    @mfk1267 2 ปีที่แล้ว

    çok şey öğrendim elinize sağlık

  • @myytkn8526
    @myytkn8526 3 ปีที่แล้ว +1

    Adam bes dakika da uygulama yapti aferin...

  • @thestranger2309
    @thestranger2309 3 ปีที่แล้ว

    güzel iş emeğinize sağlık, teşekkürler

  • @furkankarabulut4185
    @furkankarabulut4185 3 ปีที่แล้ว +1

    hocam kodlarına ulaşma sansıımız var mı?

  • @benimleokusan387
    @benimleokusan387 3 ปีที่แล้ว +1

    Hocam merhaba derece işaretini nasıl koyuyorsunuz ?

    • @muratalmanya6684
      @muratalmanya6684 3 ปีที่แล้ว +2

      alt(basılı tut) + 0176 sayısını girdiğin zaman ° işaretini veriyor

  • @yazilimportali6431
    @yazilimportali6431 2 ปีที่แล้ว

    Selamlar. Anlatiminiz icin cok tesekkürler. birsey sormak istiyorum biraz bagimsiz. aktüel olarak nasil browserda görüyorsunuz?

  • @fatihbelbüken
    @fatihbelbüken ปีที่แล้ว +2

    hocam js kısmını çok üstünkörü anlatmışşınız. Yani neyi nerde ne amaçla kullanıdığı keşke biraz daha açsaydınız.

  • @ademkaya2766
    @ademkaya2766 3 ปีที่แล้ว +1

    Hocam Çok Teşekkür Ederim Ancak Sürekli "Internal error" alıyorum.
    birçok şey denememe rağmen başarılı olamadım yardımcı olabilir misiniz.

    • @mousekafas380
      @mousekafas380 2 ปีที่แล้ว +1

      tırnağı böylemi yaptın ``

    • @ademkaya2766
      @ademkaya2766 2 ปีที่แล้ว +1

      @@mousekafas380 hallettim teşekkür ederim.

  • @toprakiskgel546
    @toprakiskgel546 2 ปีที่แล้ว

    merhabalar hocam öncelikle emeğinize sağlık const setQuery = (e) kısmında e hata olarak kalıyor ve düzeltemiyorum parameter any olarak gözüküyor ve 'e' is declared but its value is never read. şu şekilde bir hata alıyorum

    • @omeryusufsorhun6917
      @omeryusufsorhun6917 2 ปีที่แล้ว

      çözebildiniz mi ?

    • @mucahitxx
      @mucahitxx 2 ปีที่แล้ว

      Dinleme yapıcaksın, e nin anlamı zaten event dinlemek veya işlemleri uygulamak empyt bir parametre verdiysen sorun cıkar çünkü hatada evet param. Konulmuş ancak değeri asla okunmaz, çünkü onu dinleyen bir format yok.

    • @cedric7438
      @cedric7438 ปีที่แล้ว

      Reis hatayı İngilizce yazmış zaten orda e tanımlamışsın ama kullanmamışsın diyor

  • @erenozer9756
    @erenozer9756 2 ปีที่แล้ว

    merhabalar hocam bu kodda şu hatayı alıyorum
    The value "devcie--width" for key "width" is invalid, and has been ignored.
    index.html:5 The key "initial--scale" is not recognized and ignored. neyde hata var 1saatir bulamadım yardımcı olurmusunuz

  • @Fenix-wm6ih
    @Fenix-wm6ih 2 ปีที่แล้ว

    hocam biraz erken oldu biliyorum fakat console'da şöyle bir hata alıyorum Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'country')
    at displayResult (script.js:20:53)

  • @GevorgKolikisayan
    @GevorgKolikisayan 3 ปีที่แล้ว

    Elinize sağlık hocam

  • @MCAN-dj2xt
    @MCAN-dj2xt 3 ปีที่แล้ว

    İşime yaradı teşekkürler

  • @denizgokcee
    @denizgokcee 2 ปีที่แล้ว

    Hocam merhaba, ".app" yazdıktan sonra bir tuşa basıyorsunuz ve kod hazır geliyor.Bunun olayı nedir tam olarak ?

    • @mustafacagrozturk4346
      @mustafacagrozturk4346 2 ปีที่แล้ว

      vs code kullanıyorsanız tab tuşuna basarak yapabilirsin. Emmet özeliiği olarak geçiyor

  • @sorespapatya-fm5yn
    @sorespapatya-fm5yn 7 หลายเดือนก่อน

    Hocam kodları verebilir misiniz rica etsem?

  • @İnsannn6666
    @İnsannn6666 2 ปีที่แล้ว +1

    kullandığınız programın ismi nedir? Bu yazılımı yapmak için hangi program lazım?

  • @furkanozmen1226
    @furkanozmen1226 3 ปีที่แล้ว

    hocam 0 disslike almayı başaran tek youtubersınız . Her videomu full like alır

  • @captive21
    @captive21 3 ปีที่แล้ว

    Elinize saglik.

  • @denizcrpan6125
    @denizcrpan6125 3 ปีที่แล้ว

    Style.css kısmını yazmaya başladığım an localhost hatası veriyor napmam lazım çok acil cevap verirseniz çok sevinirim

    • @mucahitxx
      @mucahitxx 2 ปีที่แล้ว

      Belkide eklememişsindir html e

  • @hizlisokak2645
    @hizlisokak2645 3 ปีที่แล้ว +1

    Çok güzel ama keşke en basından anlatsaydın

  • @halildogukanylan4733
    @halildogukanylan4733 2 ปีที่แล้ว

    city.innerText calısmıyor hocam

  • @mavipanter982
    @mavipanter982 3 ปีที่แล้ว +2

    Videoya bakma amacım iftarı beklerken kaç dakika kaldığını falan öğrenmek.

  • @yukselgunay6362
    @yukselgunay6362 ปีที่แล้ว

    eline sağlık

  • @mehmetaliakdemir7849
    @mehmetaliakdemir7849 3 ปีที่แล้ว

    React.js dersleri gelir mi peki ?

  • @01-JD-01
    @01-JD-01 2 ปีที่แล้ว +1

    '${parametre}' ${parametre} neden işe yaramıyor ?

    • @mucahitxx
      @mucahitxx 2 ปีที่แล้ว

      Back tık kullanıcaksın, def tick deil

  • @GevorgKolikisayan
    @GevorgKolikisayan 3 ปีที่แล้ว

    Hocam lutfen burda ne hata yaptimi soyleyebilir misiniz siz
    const setQuery = (e) =>{
    if (e.keycode == '13')
    getResult(seachBar.value)
    }
    const getResult = (cityName) =>{
    let query = `${url}wather?q=${cityName}&appid=${key}&units=metric&lang=am`
    fetch(query)
    .then(weather => {
    return weather.json
    })
    .then(displayResult)
    }
    const displayResult = (result) =>{
    let city = document.querySelector('.city')
    city.innerHTML = `$(result.name),$(result.sys.country)`
    let temp = document.querySelector('.temp')
    temp.innerHTML = `$(Math.round(result.main.temp))°C`
    let desc = document.querySelector('.desc')
    desc.innerHTML = result.weather[0].description
    let minmax = document.querySelector('.minmax')
    minmax.innerHTML = `$(Math.round(result.main.temp_min))°C /
    $(Math.round(result.main.temp_max))°C`
    }
    const seachBar = document.getElementById('seachBar');
    seachBar.addEventListener('keypress',setQuery)

    • @KadirKasm
      @KadirKasm  3 ปีที่แล้ว +1

      Weather yerine wather yazmışsınız linki oluştururken

    • @GevorgKolikisayan
      @GevorgKolikisayan 3 ปีที่แล้ว

      @@KadirKasm hocam onu duzeltim ama yine calismadi

    • @sonersener7009
      @sonersener7009 3 ปีที่แล้ว

      keycode degil keyCode olacak

  • @Metovski
    @Metovski 3 ปีที่แล้ว +1

    Tyler potts ? :)

  • @ugur4634
    @ugur4634 3 ปีที่แล้ว

    Bana bunun kodları lazım paylaşabilir misin lütfen

  • @Bunuyap2024
    @Bunuyap2024 ปีที่แล้ว

    abi kullandığın uygulama adı?

  • @RESTWEL
    @RESTWEL 3 ปีที่แล้ว

    Güzel bir video olmuş Elinize Sağlık. Anroid Telefonlarda bulunan AccuWeather Sayfasını yapabilirmisiniz.

  • @Mehmetzz
    @Mehmetzz ปีที่แล้ว

    hocam siz enter' a tıklamadan sonuç geliyor, kafam karıştı

  • @haydarozturk8225
    @haydarozturk8225 3 ปีที่แล้ว

    Ekran eklentisinin adını bilen var mı

    • @sipinoza5120
      @sipinoza5120 2 ปีที่แล้ว

      live server kullanabilirsin alt L O Kısayoluyla açılabiliyor

  • @Vxses_7
    @Vxses_7 ปีที่แล้ว

    bende resim gelmedi

    • @habibsezer2
      @habibsezer2 ปีที่แล้ว +1

      herhangi bir resim ekleyebilirsin. Aynı resmi senin bilgisayarında olmadığı için gelmez

  • @mustafabedir6324
    @mustafabedir6324 2 ปีที่แล้ว +3

    jQuery kullandığını başlıkta belirtsene kardeşim.

    • @mucahitxx
      @mucahitxx 2 ปีที่แล้ว

      Taglara bakamayacak kadar zekisin

    • @mustafabedir6324
      @mustafabedir6324 2 ปีที่แล้ว +1

      @@mucahitxx Ben JQuery bildiğim için anladım zaten kullandığını. Bilmeyen birisi nereden anlayacak Einstein Müco

    • @mucahitxx
      @mucahitxx 2 ปีที่แล้ว

      @@mustafabedir6324 Bilmeyen birinin bu seviyede kod izlemesi zaten saçma

    • @mustafabedir6324
      @mustafabedir6324 2 ปีที่แล้ว +1

      @@mucahitxx JQuery tercihen öğrenilecek bir framework, öğrenmek sadece JavaScript öğrenmek isteyen birisi neden gereksiz yere JQuery öğrenmek zorunda kalsın, içerik sahibinin kullandığı teknolojiyi belirtmesi gerekiyor. Boş yapma

    • @mucahitxx
      @mucahitxx 2 ปีที่แล้ว

      @@mustafabedir6324 Haklısınız bey efendi, bilmesi veya belirtmesi gerekiyor, yorum yazarken biraz daha uslubunuza dikkat etmenizi öneririm.

  • @myytkn8526
    @myytkn8526 2 ปีที่แล้ว

    HTML CSS tamam da JS cok kapsamli zor degil, ama cok pratik yapilirsa basarabilirim:

    • @umuttw75
      @umuttw75 ปีที่แล้ว

      ne durumdasın

    • @myytkn8526
      @myytkn8526 ปีที่แล้ว +1

      @@umuttw75 JS tmmdir React'te gectim. Iki hafta oldu React'te baslayali.

    • @umuttw75
      @umuttw75 ปีที่แล้ว

      @@myytkn8526 1 yılda html css js mi yaptın

    • @myytkn8526
      @myytkn8526 ปีที่แล้ว

      @@umuttw75 Yok alti ayda

  • @Orca_Talk
    @Orca_Talk 3 ปีที่แล้ว

    1

  • @ilkerozkan2952
    @ilkerozkan2952 2 ปีที่แล้ว +2

    banane am