#3 JavaScript Tutorial | First Hello World Program

In this tutorial post we will be running our first JavaScript program which is a basic Hello World program where we ill simple print Hello World(or any other text) on the browser.
The 2 softwares needed to start of with JavaScript are –
Text Editor : I will be using Visual Studio Code Text Editor which is highly recommended by many specially for Javascript, however you can use any other text editor like Notepad++ or Sublime text etc.
Browser : Of course a browser is needed to load the HTML document and run the JavaScript so I will be using Google Chrome browser. You can use any browser of your choice as most modern browsers have JavaScript enabled by default.
There are 2 ways to include JavaScript in your HTML Document –
Embedding JavaScript in the same HTML document
Using External JavaScript file and linking it in your HTML document.
1. Embedding JS in HTML document –
As you can see in the code below, we are embedding JS code using the script tag of HTML. Usually when the JavaScript code is small it is directly embedded in the HTML document, however, it is not recommended to embed large sized JS code directly in the HTML document as the code becomes un-organized.

2. External JavaScript File –
As you can see below there are 2 file – one the actual HTML document and other a separate external javascript file (demo.js). This demo.js file is linked in the HTML document using the script tag with the use of the attribute src as shown in the code below. When the javascript code is large, it is highly recommended to use a separate external file to keep the HTML doc and the JS code organized.

For Program code and more resources checkout this article – https://simplesnippets.tech/first-hello-world-program-in-javascript/

Video by – Tanmay Sakpal
Simple Snippets Channel link – https://www.youtube.com/simplesnippets

35 thoughts on “#3 JavaScript Tutorial | First Hello World Program

  1. Hey can you help me with the following topics?

    filter, map and reduce
    arrow functions,

    template literals

    default parameters

    object literals

    rest and spread operators

    destructuring assignment

Leave a Reply

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