Introduction to JavaScript - Learn JavaScript

  »   JavaScript Basics  »   Introduction to JavaScript - Learn JavaScript

JavaScript is not Java

And I can continue and say that Java has nothing to do with JavaScript. Besides that, both are programming languages and that they can share some syntax at a macro level they are completely different. In fact, there is a good illustration around the web that says that "Java is to JavaScript as ham is to hamster". Having clear up this part, you can now continue to learn JavaScript

Why learn JavaScript

JavaScript is one of the most extensive programming languages on the internet, there is plenty of libraries that use JavaScript to accomplish really spectacular stuff. But before you dive into any of these libraries like jQuery, Bootstrap, Node or Angular, you should really learn the basics of JavaScript

What can JavaScript do for you

Well that is a good question. Javascript can do lots of things. From showing a simple text while modifying some HTML element, real-time form handling, image galleries, 2D or 3D animation, build games and lot more.

Start learning JavaScript here

Great, so where do we start. Here is a simple example that lets you use one of the simplest yet useful JavaScript snippet

JavaScript<html><body><script type="text/JavaScript">document.write("This is a very simple yet powerful JavaScript function");</script></body>
</html>

This will output the following message:

JavaScript<html>
<body>
	<script type="text/JavaScript">
		document.write("This is a very simple yet powerful JavaScript function");
	</script>
</body>
</html>

This will output the following message:

JavaScriptThis is a very simple yet powerful JavaScript function

Now that is a boring example, isn't it? Try with the following and let me know what you think.

JavaScript<p id="test_p">I am a boring paragraph.</p>
<button type="button" onclick='document.getElementById("test_p").innerHTML = "This is quite better!"'>Give it a try!</button>

Demo

I am a boring paragraph.

Now let's take a closer look at our first Javascript example and learn some basic concepts. Click next and let's start.