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: codepen.io/codifiedconcep…
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: codepen.io/codifiedconcep…
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: codepen.io/cphemm/pen/reN…
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: codepen.io/cphemm/pen/reN…
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: codepen.io/AJamesL/pen/MX…
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: codepen.io/AJamesL/pen/MX…
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: codepen.io/aomyers/pen/LW…
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: codepen.io/aomyers/pen/LW…
5. Build a Javascript Game
Martin’s Codepen maze is a perfect example of games as simple JavaScript projects.
Link: codepen.io/TheCodeDeposit…
Martin’s Codepen maze is a perfect example of games as simple JavaScript projects.
Link: codepen.io/TheCodeDeposit…
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: codepen.io/b4rb4tron/full…
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: codepen.io/b4rb4tron/full…
7. Build a Javascript Drawing
Consider trying a drawing JavaScript project like Narayana’s Infinite Rainbow on CodePen.
Link: codepen.io/nswamy14/pen/M…
Consider trying a drawing JavaScript project like Narayana’s Infinite Rainbow on CodePen.
Link: codepen.io/nswamy14/pen/M…
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: codepen.io/JohnPaulFich/p…
Use your JavaScript chops to whip up a to-do list like this JavaScript project sample built by John Fichera on Codepen.
Link: codepen.io/JohnPaulFich/p…
9. Create Some Sliding Javascript Drawers
Take a look at the code and see if you can come up with something similar!
Link: github.com/oncebot/pushba…
Take a look at the code and see if you can come up with something similar!
Link: github.com/oncebot/pushba…
• • •
Missing some Tweet in this thread? You can try to
force a refresh
