jshowto.md - brainchildservices/curriculum GitHub Wiki

Slide 1

HOW TO USE JAVASCRIPT?

Being a scripting language, JavaScript cannot run on its own. In fact, the browser is responsible for running JavaScript code. When a user requests an HTML page with JavaScript in it, the script is sent to the browser and it is up to the browser to execute it. The main advantage of JavaScript is that all modern web browsers support JavaScript. So, you do not have to worry about whether your site visitor uses Internet Explorer, Google Chrome, Firefox or any other browser. JavaScript will be supported. Also, JavaScript runs on any operating system including Windows, Linux or Mac.

Slide 2

TOOLS YOU NEED!

To start with, you need a text editor to write your code and a browser to display the web pages you develop. You can use a text editor of your choice including Notepad++, Visual Studio Code, Sublime Text, Atom or any other text editor you are comfortable with. You can use any web browser including Google Chrome, Firefox, Microsoft Edge, Internet Explorer etc.

Slide 3

A SIMPLE JAVASCRIPT PROGRAM

You should place all your JavaScript code within <script> tags (<script> and </script>) if you are keeping your JavaScript code within the HTML document itself. This helps your browser distinguish your JavaScript code from the rest of the code. As there are other client-side scripting languages (Example: VBScript), it is highly recommended that you specify the scripting language you use. You have to use the type attribute within the <script> tag and set its value to text/javascript like this:

<script type="text/javascript">

Slide 3 Downwards

HELLO WORLD EXAMPLE:

 <html>
 <head>
     <title>My First JavaScript code!!!</title>
        <script type="text/javascript">
        alert("Hello World!");
        </script>
 </head>
 <body>
 </body>
 </html>

Note: type="text/javascript" is not necessary in HTML5. Following code will work.

Slide 3 Downwards

HELLO WORLD EXAMPLE:

 <html>
 <head>
 	<title>My First JavaScript code!!!</title>
 	<script>
 		alert("Hello World!");
 	</script>
 </head>
 <body>
 </body>
 </html>

You can use Jsfiddle.net to Test the above codes.

go to https://jsfiddle.net/ and copy paste the code into js Fiddle.

Slide 4

Is JavaScript a case-sensitive language?

Yes, JavaScript is a case sensitive language. The language keywords, variables, function names, and any other identifiers must always be typed with a consistent capitalization of letters.

⚠️ **GitHub.com Fallback** ⚠️