Hey there! I am Hitik Saini, a Full Stack Web Developer and more from Uttarakhand, India.
Today I am going to write my first Blog(story) on this platform and I chose it to be a basic one. As you are clever enough to know that what this article holds let’s get the things started.
The language that powers the web by BRENDAN EICH. He first named it LiveScript, later some called it Jscript therefore ECMASCRIPT(Europeans standardised it) and the name became official in 1997. ECMAScript is often abbreviated to ES. We can use the Google Chrome browser as our development environment, because of the excellent developer tools it provides and is awesome to use.
Web Developers use this languages for multiple purpose like to code logical functionality for websites or to do server side coding (NodeJS is a good example for this)
To be honest you will get the code for most of them on the internet but it is my personal recommendation that even if you copy the code you should know the working of each and every line of the .js file you’ve copied. Moreover I will provide you my GitHub repository link where in I am re-coding these 10 projects again with proper comments so that a newbie can also understand the code. Also I will only brief you out here as the explanation part is done over repositories. So just take the idea first and start developing on your own at first place and then refer to the code if you stuck somewhere.
Tip : It is also recommended not to hurry and get all these projects done in hurry, take your time, learn by doing, keep a goal for doing 2 projects in one week or whatever suits with you.
An interactive timer for personal use while you are on PC, which runs in browser tab to record your activity. I have made it live using GitHub Pages, check it out: https://hitiksaini.github.io/Stopwatch/
Check the code on GitHub: https://github.com/hitiksaini/Stopwatch
2. Breakout Game
These games are in which the player must smash a wall of bricks by deflecting a bouncing ball with a paddle. The paddle may move horizontally and is controlled with the controller, the computer’s mouse or the touch of a finger (in the case of touchscreen). See it here: https://hitiksaini.github.io/Brick-Breaker-Game/
Check the code on GitHub: https://github.com/hitiksaini/Brick-Breaker-Game
PLAY IT! I’ve selected some good GK Questions for you.😎
Check the code on GitHub: https://github.com/hitiksaini/quiz
5. Guess the Number Game
It is a fun educational game that challenges you to find a number based on greater than or less than feedback. Everything is well explained as comments in .js file. You will have 10 guesses to randomly guess a number between 1–500 you win of you do it under 10 attempt. Play it here: https://hitiksaini.github.io/Guess-the-number/
Check the code on GitHub: https://github.com/hitiksaini/Guess-the-number
And as I committed earlier in this story that I will share a GitHub link where you can find more projects like these moreover you can create a PR(a term used in GitHub for pull requests) for better projects. Therefore,
6.. 7.. 8.. 9.. 10.. and more projects like these on my repository made for the sole purpose of getting started with JS, give it a star/fork
Thank you! I don’t know how this will go but do let me know how I was at my first attempt :)
Find me on:
Hitik Saini - Executive Co-lead - Mozilla Chandigarh | LinkedIn
View Hitik Saini's profile on LinkedIn, the world's largest professional community. Hitik has 2 jobs listed on their…