Learning JavaScript in the Summers

Written by YashasviJaiswal | Published 2018/06/16
Tech Story Tags: coding | javascript | web-development | html | code-in-the-summers

TLDRvia the TL;DR App

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.

  1. 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


Published by HackerNoon on 2018/06/16