DEV Community

loading...
Cover image for 7 projects ideas to build as a beginner web developer (HTML, CSS and JavaScript only)

7 projects ideas to build as a beginner web developer (HTML, CSS and JavaScript only)

pascavld profile image Pasca Vlad Originally published at blog.vlddev.live ・2 min read

If you found value in this thread you will most likely enjoy my tweets too so make sure you follow me on Twitter for more information about web development and how to improve as a developer. This article was first published on my Blog

1. Gradient Background generator

This is an awesome project to start with as a JavaScript newbie

It contains a little bit of JavaScript but enough to get you some confidence

You can also use this website yourself after you build it

2. To-Do list App

This is a project everyone recommends to build because you learn a ton from it

From how to manipulate the DOM to how to work with Local Storage

This is the project that taught me the most

3. Loan Calculator or any convertor

This project will teach you:

  • how to get and use the data from the user

  • how to manipulate that data using JavaScript

  • how to display data to the DOM

4. Number Guesser

This project will teach you:

  • how to generate a random number

  • how to get data from the user and compare that data with the one you generated

  • how to restart everything after the number of tries goes to 0

5. Book List

This is a great project to build if you want to learn more about how to get data from the user and save it on your website

You'll also practice more working with Local Storage and saving an entire list of items there

6. Calculator App

This project will teach you how to use Classes when working in the DOM and how to format your data in a way that looks nice

It will also teach you how to use CSS Grid in practice

7. Weather App

This is an awesome project to build if you want to learn more about APIs and how to work with them

You'll learn how to get the data you want from an API and display that on your website

The end

I hope found this useful and if you did please let me know. If you have any question feel free to DM me on Twitter .

Discussion (0)

pic
Editor guide