I struggled when I started learning JavaScript. What helped me the most were projects and labs that were fully immersive. With this, I learned where I should focus my learning more on and I was able to apply concepts that I had trouble with on projects. Not only did I understand it better but my application of it, improved. So here is a list of projects and labs that I enjoyed while learning JS.
To Do List
Yes you can probably do this any language but it's simple and you can get creative with it. This help you explore and play with JS functions. This will also help with understanding DOM manipulation better.Anything that holds cards
Get data of anything then put those into cards. This will help with rendering things on page and also experimenting with time on JS. This is also very helpful with adding things to the DOM.Like or Comment
Adding a like or comment animation is very helpful in working with both JS and DOM manipulation. If you want, you can take this a step further and add the backend to it.
4.Easy Game Animations
This can be as simple as moving a bar across the screen with arrows but it did help a lot when I started with JS.
Anything with Filtering or Toggles
One of the labs we had worked with both filtering and toggling. Learning this is crucial because most websites have some kind of filtering or toggling involved.Menu Listing
Have a list displayed then make that into an even bigger list by displaying more information and even pictures after clicking on the one of the items on a list.Play with Backgrounds and Text Color
Actually decorate and play with color as you click on different things. This will help you get used to using event listeners.Some Kind of Tracker
For my final project on this module, my group built a fancy job tracker. It helped solidify everything we learned in JS and DOM manipulation.
Hope this gave you some ideas! Enjoy your projects!
Top comments (0)