Javascript Introduction

js

What is Javascript?

JavaScript is a client-side programming language which adds interaction to your static webpage. HTML and CSS create the structure, but they don’t do anything from there. Instead, with JavaScript you can add interaction to it.

Let’s take an example:

If you visit https://time.com/, you would see hamburger icon on the page. Once you click on that an overlay will pop up, you can’t do it without JS.

Another example, If you visit https://www.jcpenney.com/findastore You see map on that page which is JavaScript too. Those are just 2 examples but in reality, you can do much more with JS.

Also, JavaScript code runs in the web browser itself. In other words, you don’t need a server or compiler to run the code which makes coding and testing very easy.

Now let’s start learning JS:

First step is to setup env from which you can develop and execute the code.

You can do it through by using online resources which you can access globally, or you can just use app on your computer which has inbuilt useful features.

I have some suggestions for online and in-app resources which you can try.

Let’s talk about the online editors first as it’s easy to manage and can be accessed from anywhere. You can also use as shared editor where two or more people can code together!

Online Editors:

https://playcode.io/

https://jsfiddle.net/

https://js.do/

https://jsbin.com/?html,output

https://www.w3schools.com/tryit/

Here are some suggestions for In-app editors. Most of the editors provide auto complete, linting and version control support.

In-app Editors:

Visual Studio Code

Subline

Phpstorm

Espresso

Notepad++