JavaScript ile Güncel Hava Durumu Uygulaması - OpenWeather API Kullanımı
HTML-код
- Опубликовано: 7 сен 2024
- Bu video da javascript ile open weather api üzerinden şehir isimlerine göre güncel hava durumlarını görüntüleyebildiğimiz bir uygulama geliştiriyoruz.
Open Weather API :
openweathermap...
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.
ö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.
Vallahi Nolu'r Kodları Vermeyin
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
Cok kaliteli video olmus emegine saglik, Umarim JS ile ilgili daha fazla videolar gelir.
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.
eğlenirken öğrendim yine sayenizde, elinize sağlık hocam :)
Harika, Çok basit anlatımla , Çok Şey Anlatmayı başarmışsınız. Tebrikler
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.
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.
Hocam çok iyisiniz devamının gelmesini bekleriz
Hocam ben boyle anlatis gormedim.Cok iyisiniz.
Çok sade ve açıklayıcı olmuş. Teşekkürler.
Hocam elinize ağzınıza sağlık çok iyi oldu bu video benim için
Gerçekten harika anlatıyorsunuz teşekkürler.
Adam bes dakika da uygulama yapti aferin...
hocam 0 disslike almayı başaran tek youtubersınız . Her videomu full like alır
Kesinlikle çok güzel video. Ellerine sağlık
Çok güzel ama keşke en basından anlatsaydın
çok şey öğrendim elinize sağlık
Çok kaliteli bir video olmuş, teşekkürler
güzel iş emeğinize sağlık, teşekkürler
Videoya bakma amacım iftarı beklerken kaç dakika kaldığını falan öğrenmek.
Harikasınız Hocam :)
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
index.html içerisinde addEventListener ile çektiğin değeri doğru ve hatasız olup olmadığını tekrar kontrol et istersen.
Merhaba Burak,
index.html içerisinde script'i divlerden sonra çağırırsan problem kalmayacaktır.
tırnağı böylemi yaptın ``
Selamlar. Anlatiminiz icin cok tesekkürler. birsey sormak istiyorum biraz bagimsiz. aktüel olarak nasil browserda görüyorsunuz?
Elinize sağlık hocam
Güzel bir video olmuş Elinize Sağlık. Anroid Telefonlarda bulunan AccuWeather Sayfasını yapabilirmisiniz.
İşime yaradı teşekkürler
Sayfa her açıldığında inputa veri girmeden sabit bir şehri nasıl yazdırabilirim?
kullandığınız programın ismi nedir? Bu yazılımı yapmak için hangi program lazım?
Elinize saglik.
Hocam kodları verebilir misiniz rica etsem?
Hocam ben hatami buldum keycode C harfini kucuk yazmisim ve {} bunun yerine bunu () kulanmisim
hocam kodlarına ulaşma sansıımız var mı?
eline sağlık
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.
tırnağı böylemi yaptın ``
@@mousekafas380 hallettim teşekkür ederim.
HTML CSS tamam da JS cok kapsamli zor degil, ama cok pratik yapilirsa basarabilirim:
ne durumdasın
@@umuttw75 JS tmmdir React'te gectim. Iki hafta oldu React'te baslayali.
@@myytkn8526 1 yılda html css js mi yaptın
@@umuttw75 Yok alti ayda
Hocam merhaba derece işaretini nasıl koyuyorsunuz ?
alt(basılı tut) + 0176 sayısını girdiğin zaman ° işaretini veriyor
Tyler potts ? :)
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
devcie yazıyor
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)
20 satırda hata var demek
Hocam merhaba, ".app" yazdıktan sonra bir tuşa basıyorsunuz ve kod hazır geliyor.Bunun olayı nedir tam olarak ?
vs code kullanıyorsanız tab tuşuna basarak yapabilirsin. Emmet özeliiği olarak geçiyor
14:15 abi gecersiz api anahtarı diyo ne yapmalıyım
Bende de kaynak bulunamadı diyo yaa yardımcı olabilir misiniz
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
çözebildiniz mi ?
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.
Reis hatayı İngilizce yazmış zaten orda e tanımlamışsın ama kullanmamışsın diyor
jQuery kullandığını başlıkta belirtsene kardeşim.
Taglara bakamayacak kadar zekisin
@@mucahitozcantr Ben JQuery bildiğim için anladım zaten kullandığını. Bilmeyen birisi nereden anlayacak Einstein Müco
@@mustafabedir6324 Bilmeyen birinin bu seviyede kod izlemesi zaten saçma
@@mucahitozcantr 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
@@mustafabedir6324 Haklısınız bey efendi, bilmesi veya belirtmesi gerekiyor, yorum yazarken biraz daha uslubunuza dikkat etmenizi öneririm.
Style.css kısmını yazmaya başladığım an localhost hatası veriyor napmam lazım çok acil cevap verirseniz çok sevinirim
Belkide eklememişsindir html e
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)
Weather yerine wather yazmışsınız linki oluştururken
@@KadirKasm hocam onu duzeltim ama yine calismadi
keycode degil keyCode olacak
city.innerText calısmıyor hocam
hocam siz enter' a tıklamadan sonuç geliyor, kafam karıştı
'${parametre}' ${parametre} neden işe yaramıyor ?
Back tık kullanıcaksın, def tick deil
React.js dersleri gelir mi peki ?
Bana bunun kodları lazım paylaşabilir misin lütfen
abi kullandığın uygulama adı?
Ekran eklentisinin adını bilen var mı
live server kullanabilirsin alt L O Kısayoluyla açılabiliyor
bende resim gelmedi
herhangi bir resim ekleyebilirsin. Aynı resmi senin bilgisayarında olmadığı için gelmez
1
banane am