💻 #88: Build a Weather App with HTML, CSS, and JavaScript 🌤

Use the basics to build a real-time weather app

Sep 22, 2023

Happy Friday, developer!

Let’s get back to the basics. It's vital to embrace the basics like HTML, CSS, and JavaScript when building projects. While frameworks and libraries can be handy, sticking to the fundamentals helps you understand web development.

These basics are the building blocks of the web, and mastering them gives you the skills to create custom solutions, troubleshoot effectively, and stay adaptable in this ever-evolving field.

Tutorial of the week:

Length: 1 hour
Difficulty: Beginner

This weekend’s tutorial is by WebDevSimplified. His channel is great for tutorials as well as tips for setting up your text editor.

What you’ll learn this weekend:

HTML
Data Parsing
Javascript

3 frontend projects of the week:

Use these projects to inspire future projects of your own.

1. Create A Stained Glass Window

This website lets you rank a topic, first, second, and third, and you see how you compare to others. A neat and simple idea for a front-end project. I’ve noticed quite the boom in once-a-day web apps after Wordle.

Check it out!

2. Is there sun on the patio?

As someone who lives in the Netherlands you know the weather can be a bit grey…

This project shows you which patios are either in the sun or partly in the sun. I don’t think I would use this in practice, but the project itself is quite impressive. Well done!

Check it out!

3. Johnny Cash Has Been Everywhere

This project maps Johnny Cash's travels and calculates the distances he covered, in in time with his song "I've Been Everywhere."

It’s actually quite impressive to see where he’s been

Check it out!