Vlad Pasca👨‍💻's profile picture
Vlad Pasca👨‍💻
@VladPasca5
View on Twitter

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

A thread🧵

👇

  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

Inspiration - https://pascavld.github.io/Background-generator/

  1. 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

Inspiration - https://pascavld.github.io/to-do-list/

  1. 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

Inspiration - https://pascavld.github.io/loan-calculator/

  1. 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

Inspiration - https://pascavld.github.io/guess-the-number/

  1. 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

Inspiration - https://pascavld.github.io/guess-the-number/

  1. 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

Inspiration - https://pascavld.github.io/calculator/

  1. 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

Inspiration - https://pascavld.github.io/weather-app/

The end of this thread🧵

Thanks for reading, I hope you found it useful.

If you did make sure you follow me on Twitter @VladPasca5 for more tweets about improving as a developer, web development, and coding in general.

What would add to this list? 👇

Glad you liked this thread. You all took my account to over 6000 followers🙏🥳Thanks a bunch https://twitter.com/VladPasca5/status/1372729541605478401

Help us raise more money for charities by sharing this page ♥️
Wait! Before you go...
Grab Exclusive Deals for Books, Courses, Software.
100% of Profits Are Donated To Research-Backed Charities.