Building a Weather App with Javascript

Building a Weather App with Javascript

One of my recent projects required me to build a weather app that worked with JavaScript of my choice to deliver the weather of an area based on the individual’s typed location. Building a Weather App with Javascript. I started out by building out my create a Weather Application.

One of my recent projects required me to build a weather app that worked with an API of my choice to deliver the weather of an area based on the individual’s typed location. This was my first introduction to working with an API so I knew there was going to be a steep learning curve but I was excited at the chance to finally get some practical application of Javascript and to build a functioning product.

I started my project by deciding what API I wanted to use for my project. These projects are built and submitted in code pens and to minimize the number of external assets I’d be using I knew I wanted an API that came with weather icons.

After doing a little research and seeing some feedback from fellow campers I decided to use the OpenWeatherMap API. Setting up an account was as easy as it could be and their free accounts allow up to 7,200 calls per day and caps calls per minute at 60. This obviously wouldn’t be ideal for a high traffic product for the sake of this project it would work splendidly.

Once I had that set up I was ready to get coding. I started out by building out my HTML. I didn’t get overly fancy with the architecture since the emphasis of the build would be on JS. One thing I did inside of my HTML was, I went ahead and placed id to the elements I knew I would want to target later with my JS.

After the HTML was in place I took a few minutes to give it a little styling. Again, the main purpose of this project was to work with JS so the HTML & CSS got the bare minimum treatment.

And now on to the fun stuff!

api-call javascript learning

What is Geek Coin

What is GeekCash, Geek Token

Best Visual Studio Code Themes of 2021

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Learn JavaScript - Full Course for Beginners. DO NOT MISS!!!

In this video tutorial, we'll learn Learn JavaScript - Full Course for Beginners. This complete 134-part JavaScript tutorial for beginners will teach you everything you need to know to get started with the JavaScript programming language. DO NOT MISS!!!

Top 10 API Security Threats Every API Team Should Know

Learn what are the most important API security threats engineering leaders should be aware of and steps you can take to prevent them

Consume Web API Put method in ASP NET MVC | Calling Web API | Rest API Bangla Tutorial

LIKE | COMMENT | SHARE | SUBSCRIBE In this tutorial, we learned how to consume Web API Get and Post methods in the ASP.NET View. Here, we will see how to con...

Consume Web API Delete Method in ASP NET MVC | Calling Web API | Rest API Bangla Tutorial

LIKE | COMMENT | SHARE | SUBSCRIBE In this tutorial, we learned how to consume Web API Get,Post and PUT methods in the ASP.NET View. Here, we will see how to...

Consume Web API Post method in ASP NET MVC | Calling Web API | Rest API Bangla Tutorial

LIKE | COMMENT | SHARE | SUBSCRIBE In this tutorial, I will discussed about how to consume Web API Get method and display records in the ASP.NET View. Here, ...