Practice, practice, practice. To become better at anything you will need to undertake some deliberate practice. The internet is rife with videos and tutorials, it takes time and effort just to find some good tutorials that will help you out. In this tutorial., I will give you a list of 10 cool free Javascript tutorials that you can partake in that will help you improve your vanilla Javascript skills. I am a man of action and I have personally undertaken. Just to prove it, I have also linked to my own GitHub and website for each project, hopefully, this will allow you to try before you buy!
Project 1: Tic-Tac-Toe
Video by web dev simple. Took me about an hour to complete. Created by Web Dev Simplified. Has some nice CSS psudeo selection in it,
Links: - YouTube - Demo - My Attempt - My GitHub - My Attempt
Project 2: Rock Paper Scissors
Create the classic Rock, Scissors, Paper. Simple enough project to get up and running. Contains some nice CSS animations. Created by Dev Ed
Links: - YouTube - Demo - My Attempt - GitHub - My Attempt
Project 3: Meditation App
In this video, you will learn how to create a mediation app. In this project, you will learn about playing videos and sounds, countdown timers and some cool CSS animations. Created by Dev Ed
Links: - YouTube - Demo - My Attempt - GitHub - My Attempt
Project 4: Build A Calculator
Create a Calculator using vanilla Javascript, CSS and HTML. Created by Web Dev Simplified
Links: - YouTube - Demo - My Attempt - GitHub - My Attempt
Project 5: Minesweeper
Build the classic Minesweeper game. The objective of Minesweeper is to clear a rectangular board containing hidden "mines" without detonating any of them, with help from clues about the number of neighbouring mines in each field. Created by TraversyMedia
Links: - YouTube - Demo - My Attempt - GitHub - My Attempt
Project 6: Connect 4
Learn to build a connect four. Players choose a colour and then take turns dropping coloured discs into a grid. The objective of the game is to be the first to form a horizontal, vertical, or diagonal line of four of one's own discs. Created by Code with Ania Kubów. As with most of Ana's videos, she leaves it to style yourself.
Links: - YouTube - Demo - My Attempt - GitHub - My Attempt
Project 7: Space Invaders
Learn to play the classic arcade game. I found this game had a slight bug in the left/right edge logic, however, it will give you the basics of getting up and running. Created by Code with Ania Kubów. As with most of Ana's videos, she leaves it to style yourself.
Links: - YouTube - Demo - My Attempt - GitHub - My Attempt
Project 8: Candy Crush
Learn to create the game Candy Crush. The rules of Candy Crush is basic enough for a preschooler, match 3 or 4 candies of the same colour. Created by Code with Ania Kubów. As with most of Ana's videos, she leaves it to style yourself, however, she does provide the icons and background image from her GitHub to make this look a little nicer!
Links: - YouTube - Demo - My Attempt - GitHub - My Attempt
