DEV Community

Cover image for Learn Javascript By Building Projects (for free!)
Chris Dixon
Chris Dixon

Posted on

94 27

Learn Javascript By Building Projects (for free!)

This week, I have just released a free, project based Javascript course.

Fun Javascript Projects.com!

The course is aimed at beginners, and currently included 6 projects to see how HTML, CSS and Javascript all fit together.

Although I do explain as we go, the intention is to just jump in and build things, to give beginners a portfolio of projects they can use, modify and reference in the future.

What will you build? Let's take a look.

Project 1- Quick Tip (tip calculator)

tip calculator image

https://quick-tip.netlify.app/

Project 2- Running Tracker App

running tracker project

https://running-tracker.netlify.app/

Project 3- Guess The Number Game

Guess the number game image

https://guess-the-number-project.netlify.app/

Project 4- Number Match Game

Number match game

https://number-match-game.netlify.app/

Project 5- Photo Effects App

Photo effects image

https://photo-effects-application.netlify.app/

Project 6- Music Player App

Music player image

https://music-player-project.netlify.app/

This course is completely free, and the project can be taken at your own pace, in any order.

Hope you enjoy!

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

Top comments (12)

Collapse
 
sulmanweb profile image
Sulman Baig ā€¢

Used your website. The content is great. I stuck on the password validation error for a while. Please highlight the error if signup has so that user can catch it. Your validation error just changes paragraph which is no much eye catchy. Otherwise all else is great.

Collapse
 
chrisdixon161 profile image
Chris Dixon ā€¢

Thanks for letting me know, I will look into it today!

Collapse
 
jwmarino profile image
Marino Acosta ā€¢

If you know basic CSS and HTML, can you learn basic JavaScript doing JUST projects? Without following chapter by chapter books or Udemy tutorials?

Collapse
 
chrisdixon161 profile image
Chris Dixon ā€¢

Although basic js is recommended, I don't see why you could not pick it up as you go. Give the first project a try and see how you go!

Collapse
 
jwmarino profile image
Marino Acosta ā€¢

Thank you!

Collapse
 
viniciusrio profile image
Vinicius Rio ā€¢

Hey man, this is awesome! I go to reservation time for this. Thank you!

Collapse
 
uzair004 profile image
Muhammad Uzair ā€¢

Interesting set of projects šŸ™Œ

Collapse
 
nialljoemaher profile image
Niall Maher ā€¢

Talk about amazing content and all for free, fair play Chris! Most creators wouldn't put so much time and effort into a course like this and then give it away for free. *tips hat ā¤ļø

Collapse
 
dewhallez profile image
Akin Wale ā€¢

Nice projects.
Thanks for sharing!

Collapse
 
mjcoder profile image
Mohammad Javed ā€¢

Awesome stuff! šŸ‘

Collapse
 
misslorsx profile image
Laura Jane ā€¢

Iā€™m currently working on these & I love doing them! Thank you! šŸ˜ƒ

Collapse
 
jwmarino profile image
Marino Acosta ā€¢

Is it possible to learn JavaScript just by doing projects?

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

šŸ‘‹ Kindness is contagious

Please leave a ā¤ļø or a friendly comment on this post if you found it helpful!

Okay