DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’» is a community of 963,503 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
Cover image for Best JavaScript coding projects for beginners! πŸ‘¨πŸ»β€πŸ’»
Paul Dunz
Paul Dunz

Posted on

Best JavaScript coding projects for beginners! πŸ‘¨πŸ»β€πŸ’»

If you started coding in JavaScript and want to know some awesome project ideas, to practice this language on its fullest, here are the best JavaScript coding projects for beginners!!



Weather App

Weather App
This project will help you to learn, how to deal with API's and the JS-fetch function.

Shopping Cart

Shopping Cart
A shopping cart teaches you how to deal with API's or databases. It allows you to deal with a lot of data. Furthermore you have the possibility to add some filters.

Portfolio Page

Portfolio Page
This project is extremely simple. You don't have to use any API's or databases for this. There is no need for any backend! Just make some kind of landing pages and add interesting information about you! For more, just add a simple contact page!

Tic Tac Toe

Tic Tac Toe
With this game, you'll get a small view into game development. Especially for games where you and your partner have to play in alternating order.

To-Do List

To-Do List
With this project you will go deeper into the thematic "removing and adding" elements. You will learn how to deal with "Drag and Drop" and way more!

Digital Clock

Digital Clock
The digital clock is a very basic project to get to know the built in function for time. Beside to that you'll learn some CSS skills.



It's your turn!

Comment down below other awesome projects for beginners, that you already coded. Let me know!

Top comments (7)

Collapse
 
shaksy_boy profile image
Shakeeb Shahid

Add some links to learn how to make the shopping cart and portfolio page using JS.

Collapse
 
pauld103 profile image
Paul Dunz Author

SoonπŸ˜‰πŸ€

Collapse
 
shrihankp profile image
Shrihan

Always remember, if a "best project list" contains a to-do app, then it has to be the best 🀭

Collapse
 
damienpirsy profile image
Matteo Vignoli

And a weather app! I think the Internet Police won't have the article published if there weren't a Todo list and Weather app :D

Collapse
 
pauld103 profile image
Paul Dunz Author

Nice to hear man😍

Collapse
 
webfoxx20 profile image
webfoxx20

Nice write up paul.

Collapse
 
pauld103 profile image
Paul Dunz Author

Thank you a lot😌 for more check out my insta: javascript_coding

Classic DEV Post from 2020:

js visualized

πŸš€βš™οΈ JavaScript Visualized: the JavaScript Engine

As JavaScript devs, we usually don't have to deal with compilers ourselves. However, it's definitely good to know the basics of the JavaScript engine and see how it handles our human-friendly JS code, and turns it into something machines understand! πŸ₯³

Happy coding!