The best way to learn or simply master the basics of Javascript like any other programming language is to spend time building projects.

I've listed 7 projects that are easier to build & concepts you will learn as you build them.

7 Beginner Friendly Projects 🧵
1. Random password generator
Build a web app with Javascript that generates random passwords when the button is clicked on.

JS concept you will get to practice

- for loop
- Math.floor and Math.random methods
- Variables
- DOM manipulation
2. Background changer

The idea of this project includes when a button is clicked the background changes. It is very fun to do and takes about 5mins to code.

JS concept you will get to practice

- Styling CSS elements with JS
- Arrays
- DOM manipulation
3. JS Clock

This is another interesting project to get your hands dirty with as a beginner. For the analogue ticks, you will need to use CSS to style the position & more

JS concept you will get to practice

- setInterval method
- Styling CSS Element with JS
- DOM manipulation
4. Tip calculator

Building your own custom tip calculator can save you the trouble of calculating tips manually. You will get to practice.

JS concept you will get to practice

- functions
- Events
- DOM manipulation
5. Calculator

CSS grid property is easier to use when displaying your calculator elements and to make it functional you simply add JS.

JS concept you will get to practice :

- if/else statements
- Events for the buttons
- for loop
- JS functions
6. Stopwatch

This is one easy JS project to build in a day as a beginner.

JS concept you will get to practice :

- if statement
- Variables
- JS functions
- DOM manipulations
7. To-do list app

You can build your own custom to-do list app as a Javascript project where you can simply add the enter and delete task functionality, also you can beautify yours with CSS.

JS concept you will get to practice :

- Events
- JS functions
- DOM manipulation
If you liked this:
1. Retweet the first tweet
2. Follow me on Twitter @kaarthikhere for more threads like this one

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Kaarthik (he/him)

Kaarthik (he/him) Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @kaarthikhere

10 Sep 21
10 Websites that offer free fonts 🧵
1. Google Fonts
Library of around 1000 free licensed font families.
Link: fonts.google.com
2. DaFont
Archive of freely downloadable fonts.
Link: dafont.com
Read 12 tweets
8 Sep 21
10 Color Tools & Resources for your projects🧵
1. A Super-Fast Color Schemes Generator 
coolors.co
2. Overly Descriptive Color Palettes 
colors.lol
Read 12 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us on Twitter!

:(