JavaScript tutorial #1|| JavaScript tutorial||codeandman(Source Code)

Hello what's up guys how are you all today in this post I am going to give you the source code of my video called "JavaScript tutorial #1|| JavaScript tutorial||codeandman" so let's begin with this awesome post:

Checkout this video:

coding of index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JS tutorial no 01</title>
</head>
<body> 
    <p>This is a paragraph</p>
    <h1>Welcome to tutorial 01 by codeandman(Gautam Sharma)</h1>
    <h2>SUBSCRIBE, LIKE,Share this video😍😍</h2>
    <script>
        var age = 12;
        console.log("Your age is : ",age);
        console.log("HELLO WORLD");
    </script>
</body>
</html>

this was the coding which we have done during this video.

What we have done during this video

In this video we have covered these things:

difference b/w client side and server side
Installation of vs code and other extensions
First Line of code in the JavaScript in the browser.
apply JS to pages

Difference b/w Client side and Server Side

Client Side

The Client Side is the part of the website which the user can see. Basically, it is the html, CSS and JavaScript which the server returns to the browser. then the browser compiles this HTML, CSS and JavaScript and shows the user what they want. I hope that you understand what I want to tell you.

Server Side

The Server side is the part of the website which the user cannot see. basically it is the algorithm of a website. algorithm means sequence of steps to do something. Like different sequence of steps for searching and different for adding new content.

Installing VS code and other extensions

If you want to install vs code in your pc then you have to follow these steps:

Go to any browser and go to google
after that search for vs code download
after that click on the first link coming in the search results
now download vs code for your operating system.
now install the vs code by doing next next (similarly like you install a game).
now open the vs code and then go to the extensions section.
from the extensions section search for live server now download and install the live server.

Now we have installed vs code and also other extensions. The vs code is a code editor which we are going to use during this course and the live server generates a URL which automatically reloads when we edit our html or css or js in the vs code. check the video for details

First Line of code in JS in the browser

go to your browser and then click inspect.
after that you will see a window appears.
click on the console.
now console will be opened.
write this statement "console.log("hello world");"
You will see hello world coming.

now say congratulations to yourself because you have written first line of code in JS successfully😊😊.

For more things click on the video which is available at the very top of the post.

Thank You.

CodeAndMan

Search This Blog