Read on Twitter
Want to Start Javascript Projects to Practice as a Beginner?
This
is for you
This
is for you
1. Build a Javascript Clock 
To give you an idea of where to start with this JavaScript project idea, look no further than the Lolcats Clock—a project that’s a staple of the Skillcrush JavaScript course.
Link: https://codepen.io/codifiedconcepts/pen/bwgxRq
To give you an idea of where to start with this JavaScript project idea, look no further than the Lolcats Clock—a project that’s a staple of the Skillcrush JavaScript course.
Link: https://codepen.io/codifiedconcepts/pen/bwgxRq
2. Build a Javascript Tip Calculator
This calculator on CodePen by Carolyn Hemmings is a perfect JavaScript sample project that shows the kind of fun JavaScript projects you can build with JavaScript and a little bit of HTML and CSS.
Link: https://codepen.io/cphemm/pen/reNwWd
This calculator on CodePen by Carolyn Hemmings is a perfect JavaScript sample project that shows the kind of fun JavaScript projects you can build with JavaScript and a little bit of HTML and CSS.
Link: https://codepen.io/cphemm/pen/reNwWd
3. Build a Javascript Animated Navigation Toggle
This JavaScript project sample by A. James Liptak shows the kind of dynamic navigation features you’ll have access to once you’ve added JavaScript to your toolkit.
Link: https://codepen.io/AJamesL/pen/MXmvZp?page=5
This JavaScript project sample by A. James Liptak shows the kind of dynamic navigation features you’ll have access to once you’ve added JavaScript to your toolkit.
Link: https://codepen.io/AJamesL/pen/MXmvZp?page=5
4. Build a Javascript Map
This simple JavaScript projects like Sara B’s interactive Codepen map is a solid way to familiarize yourself with JavaScript’s map-making capabilities.
Link: https://codepen.io/aomyers/pen/LWOwpR
This simple JavaScript projects like Sara B’s interactive Codepen map is a solid way to familiarize yourself with JavaScript’s map-making capabilities.
Link: https://codepen.io/aomyers/pen/LWOwpR
5. Build a Javascript Game
Martin’s Codepen maze is a perfect example of games as simple JavaScript projects.
Link: https://codepen.io/TheCodeDepository/pen/jKBaoN?page=8
Martin’s Codepen maze is a perfect example of games as simple JavaScript projects.
Link: https://codepen.io/TheCodeDepository/pen/jKBaoN?page=8
6. Build a Javascript Mouseover Element
Roger Van Hout’s Happy Bouncing Balls mouseover on CodePen displays a field of balls resembling the kind you’d get from gum machines as a kid. Hover your mouse over any single sphere and watch it expand.
Link: https://codepen.io/b4rb4tron/full/wjyXNJ
Roger Van Hout’s Happy Bouncing Balls mouseover on CodePen displays a field of balls resembling the kind you’d get from gum machines as a kid. Hover your mouse over any single sphere and watch it expand.
Link: https://codepen.io/b4rb4tron/full/wjyXNJ
7. Build a Javascript Drawing
Consider trying a drawing JavaScript project like Narayana’s Infinite Rainbow on CodePen.
Link: https://codepen.io/nswamy14/pen/MXoZjg?page=1&
Consider trying a drawing JavaScript project like Narayana’s Infinite Rainbow on CodePen.
Link: https://codepen.io/nswamy14/pen/MXoZjg?page=1&
8. Build a Javascript To-Do List
Use your JavaScript chops to whip up a to-do list like this JavaScript project sample built by John Fichera on Codepen.
Link: https://codepen.io/JohnPaulFich/pen/MXmzzM
Use your JavaScript chops to whip up a to-do list like this JavaScript project sample built by John Fichera on Codepen.
Link: https://codepen.io/JohnPaulFich/pen/MXmzzM
9. Create Some Sliding Javascript Drawers
Take a look at the code and see if you can come up with something similar!
Link: https://github.com/oncebot/pushbar.js
Take a look at the code and see if you can come up with something similar!
Link: https://github.com/oncebot/pushbar.js
