Learning JavaScript in the Summers

What is JavaScript?

JavaScript is everywhere on the web. It’s an essential part of the modern interactive web and is a driving force behind much of the evolution we see both on the web and in interactive computing devices.

What can JavaScript do?

I had a basic idea about JavaScript, but I thought I should learn more during my summer vacation. And, yes, also write an article on it.

So, here are the projects I made on JavaScript:

1. JS Analog Clock 1: bit.ly/JSAnalogClock1

2. JS Typing Speed Test App 1: bit.ly/JSTypingSpeedTestApp1

3. JS Responsive Images 1: bit.ly/JSResponsiveImages1

Yes, I’ve open-sourced all the codes on GitHub. The links to the codes are mentioned above. Do check it out, take help from it, or contribute to it.

1. JS Analog Clock 1

JS Analog Clock 1 is an analog clock based on JavaScript.

JS Analog Clock 1

Here’s the link to the codes of JS Analog Clock 1: bit.ly/JSAnalogClock1

JS Analog Clock 1 Code

2. JS Typing Speed Test App 1

JS Typing Speed Test App 1 is a typing speed test app based on JavaScript.

JS Typing Speed Test App 1

Here’s the link to the codes of JS Typing Speed Test App 1: bit.ly/JSTypingSpeedTestApp1

JS Typing Speed Test App 1 Code

3. JS Responsive Images 1

In JS Responsive Images 1, I’ve used JavaScript to inject the responsive images markup into the web page, when it is appropriate.

JS Responsive Images 1

Here’s the link to the codes of JS Responsive Images 1: bit.ly/JSResponsiveImages1

JS Responsive Images 1 Code

Extras on JavaScript?

Yes, I’ve open-sourced some helpful JavaScript codes. Here are those which people might find helpful while programming:

1. JS Copyright Footer 1: bit.ly/JSCopyrightFooter1

JS Copyright Footer 1 is an HTML footer tag with copyright contents, based on JavaScript. The year is included in it, and it automatically fetches the current year.

2. JS Where Links Go 1: bit.ly/JSWhereLinksGo1

JS Where Links Go 1 is a JavaScript code which tells where the links are directed from the web page.

3. JS Where Links Go 2: bit.ly/JSWhereLinksGo2

JS Where Links Go 2 is another JavaScript code which tells where the links are directed from the web page in a more specific way.

4. JS Image List 1: bit.ly/JSImageList1

JS Image List 1 is a JavaScript code which gives the list of sources of images present in a web page.

5. JS Image List 2: bit.ly/JSImageList2

JS Image List 2 is a JavaScript code which gives the list of sources of images and their data-type attributes present in a web page.

Let’s code together?

Yes, why not! Let’s connect on GitHub.

Here’s my GitHub profile: github.com/YashasviJaiswal

Do check it out, take help from it, or contribute to it.

And, let’s connect on social media platforms: about.me/YashasviJaiswal


Learning JavaScript in the Summers was originally published in Hacker Noon on Medium, where people are continuing the conversation by highlighting and responding to this story.

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

%d bloggers like this: