ASMR Programming - Minimal Weather App (Adding Backend) - No Talking

Hello Everyone ✨I am starting a new series following the challenge of 100 days of code. i will create random apps, web apps, and all things that you need to know about javascript 😎

Become a Javascript Developer now with our 100 Days of Code javascript Development Bootcamp course!✅
day 44 - 100 days javascript coding ⚜️

AKKO Youtube : @akkooficial6385

Join the full "100 Days Of JavaScript Code - Web Development Bootcamp" course :

source of all projects also will upload in AsmrProg github page :

with this coding bootcamp you will learn how to be an javascript developer✅
Follow my 100 days of javascript playlist i will upload video's of javascript projects in it for easier access and video's in this playlist sorted by day 1 to day 100 😉

Every week i will update this playlist ✅

Video Contents :

00:00 - Intro (100 days of code - day 44)
00:25 - Warming hands
00:35 - What we will do?
00:56 - Main codes
01:23 - Get api key
01:47 - Main js codes
03:40 - Mapping icons
04:26 - fetchWeatherData()
10:11 - Get day info
13:20 - Next 4 days
18:43 - Event listeners
20:30 - Fix bugs
21:30 - Final Result

Other Video's :

Subscriptions, good comments and likes are great support for me 😍
Don't re-upload or edit the videos on your channel.
All copyrights by AsmrProg.

About AsmrProg Channel :

Here I upload ASMR programming tutorials related to HTML, CSS, Sass, JavaScript, React, PHP, Frameworks such as Bootstrap and more along with creative UI/UX Designs.
AsmrProg is a community for web developers from all levels to learn and grow their skills in front-end and back-end web development.

AsmrProg
Asmr Prog
ASMR Programming
ASMR Coding
ASMR keyboard typing
ASMR web design
ASMR coding html
ASMR coding website
No Talking ASMR
No Talking Coding
No Talking Programming

[PreetPatel-zv]

Bro ur a legend, ur videos help me make my website as a portfolio for my college, thank you bro ur a legend.

[SarahCoding]

Watching you build these webpages is really inspiring. Love it!

[majsco]

*If anyone if looking for the weatherIconMap to copy paste, here it is.* 😊

'01d': 'sun',
'01n': 'moon',
'02d': 'sun',
'02n': 'moon',
'03d': 'cloud',
'03n': 'cloud',
'04d': 'cloud',
'03n': 'cloud',
'09d': 'cloud-rain',
'09n': 'cloud-rain',
'10d': 'cloud-rain',
'10n': 'cloud-rain',
'11d': 'cloud-lightning',
'11n': 'cloud-lightning',
'13d': 'cloud-snow',
'13n': 'cloud-snow',
'50d': 'water',
'50n': 'water',

[henrymarquesdossantossouza]

mano ainda não acredito que o conteúdo seja tão bom e pegue tão pouca visualização e curtida, merece muito mais!

[Nomanjamali]

After doing 8hrs of coding this is what i am watching to relax😂♥

[ForYouPlays]

Awesome! I've also been learning some tricks watching you so that's great! :)

[alixerkmir]

u can do sort, like this: "const gameContainer = document.querySelector(".container"),
userResult = img"),
cpuResult = img"),
result = document.querySelector(".result"),
optionImages =
" in 3:14

[asmrKotlin]

It was excellent. I really enjoyed it.

[Darknight]

big fan imagen getting heart from asmrprog

[madkarmaa]

you could've used an image API to get a location's image as background

[spectronewcastro]

Is Amazing😁😁😁😁👍
Video of Profile Card
Please Please

[hien.]

Hello, great video. Is it possible to see the json data? I feel like i can kind of understand what is being typed but i would also like to actually see how the data is being selected so how would I do this?

[mrerhi]

what is the extension that u use when writing js. the one that gives u information on what u need to add. Thank u in advance!

[Wendel_Veloso]

I watched both episodes of this incredible saga, I loved it :D
For curiosity:
1. It would be possible to change the background image according to the searched location in some kind of database.
2. Would it be possible to interact with the interface by creating a field where the region of interest could be written to know the weather?

a big hug!

[SodiolsSayem]

I love your videos. ❤How do you make the cursor trail? Which is following the cursor. Please make a tutorial video or tell us how you did this. Please reply

[thomraider]

Hey, it's me again! Can you tell me a way of changing from light rain to another language like mine is "chuva leve", is there somehow to do it? Thanks

[zivotinjezadecu]

Hi bro, i have questions. It seems that only for USA when is day then showing day temperature for next 4 days. For example I’m in Europe and when is day it shows moon nigh icons for next 4 days? Why is that? In your app too it’s same case I see, it shows lower night temperatures…🤔

[Bunnyeater_lamen]

I want to program even though I don't know it, I want to study software engineering and work for the United States (I'm Brazilian) I also want to live in Japan and work remotely, I really like Japan

[林祐丞-bm]

Should I need to subscribe open weather to use these features?

[nelsonemanuel]

Does anyone know how to place the cursor like this?
please tell me