An Interest In:
Web News this Week
- March 28, 2024
- March 27, 2024
- March 26, 2024
- March 25, 2024
- March 24, 2024
- March 23, 2024
- March 22, 2024
25 Beginner JavaScript Project Ideas
I previously wrote a blog about 15 JavaScript beginner projects and it was quite popular ( check it out here ). What many didn't know is those projects were part of a list of 25. Below is the complete list just in case you missed that story. These projects should keep you busy for at least half a year. Assuming, of course, that you figure them out on your own with nothing but good old stackoverflow for tips.
If you manage to get through all the projects this way, I can virtually guarantee that you'll be a bad ass developer. Don't believe me? When I first started, I could barely handle solving project number one on my own. By the time I was done, well, you see what I built on project 25.
Once your done with these projects, you'll be more than ready to start with a framework like node.js and do some real damage. For now, build these projects so you can master the front-end. Don't rush yourself to full stack development. I see it happen all to often, aspiring developers trying to learn everything in a month and then looking like a deer that seen headlights when asked to build a decent looking website. Take your time and learn it right.
I left a link to the GitHub repo for each project but that's only to be peeked at when you have tried everything else. You can also try out the projects live.
Visit my website sometime at Miguel Nunez.
1. Colors
GitHub:
Try it live:
Colors
2. Hex colors gradient
GitHub:
Try it live:
Hex Colors Gradient
3. Random quote generator
GitHub:
Try it live:
Random quote generator
4. The message
GitHub:
Try it live:
The message
5. Counter
GitHub:
Try it live:
Counter
6. Image carousel
GitHub:
Try it live:
Image carousel
7. Digital clock
GitHub:
Try it live:
Digital clock
8. Calculator
GitHub:
Try it live:
Calculator
9. Grocery list
GitHub:
Try it live:
Grocery list
10. Tip calculator
GitHub:
Try it live:
Tip calculator
11. Flashcards
GitHub:
Try it live:
Flashcards
12. To-do list
GitHub:
Try it live:
To-do list
13. Sticky notes
GitHub:
Try it live:
Sticky notes
14. Timer
GitHub:
Try it live:
Timer
15. Math
GitHub:
Try it live:
Math4kids
16. Unsplash API
GitHub:
Try it live:
Unsplash API
17. Typewriter
GitHub:
Try it live:
Typewriter
18. Square cards
GitHub:
Try it live:
Square cards
19. Weather application
GitHub:
Try it live:
Weather application
20. Wikipedia API
GitHub:
Try it live:
Wikipedia API
21. Marvel API
GitHub:
Try it live:
Marvel API
22. Quiz app
GitHub:
Try it live:
Quiz App
23. Recipe API
GitHub:
Try it live:
Recipe API
24. Music player
GitHub:
n/a
Try it live:
n/a
25. Image editor
GitHub:
n/a
Try it live:
n/a
Original Link: https://dev.to/codefoxx/25-beginner-javascript-project-ideas-3m9h
Dev To
An online community for sharing and discovering great ideas, having debates, and making friendsMore About this Source Visit Dev To