DEV Community

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

Posted on

54 11

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!

Billboard image

Deploy and scale your apps on AWS and GCP with a world class developer experience

Coherence makes it easy to set up and maintain cloud infrastructure. Harness the extensibility, compliance and cost efficiency of the cloud.

Learn more

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
 
pauldunz profile image
Paul Dunz β€’

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
 
pauldunz profile image
Paul Dunz β€’

Nice to hear man😍

Collapse
 
webfoxx20 profile image
webfoxx20 β€’

Nice write up paul.

Collapse
 
pauldunz profile image
Paul Dunz β€’

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

SurveyJS custom survey software

JavaScript Form Builder UI Component

Generate dynamic JSON-driven forms directly in your JavaScript app (Angular, React, Vue.js, jQuery) with a fully customizable drag-and-drop form builder. Easily integrate with any backend system and retain full ownership over your data, with no user or form submission limits.

Learn more

Best practices for optimal infrastructure performance with Magento

Running a Magento store? Struggling with performance bottlenecks? Join us and get actionable insights and real-world strategies to keep your store fast and reliable.

Tune in to the full event

DEV is partnering to bring live events to the community. Join us or dismiss this billboard if you're not interested. ❀️