JavaScript tutorial #1|| JavaScript tutorial||codeandman(Source Code)
JavaScript tutorial #1|| JavaScript tutorial||codeandman(Source Code)
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.
Comments
Post a Comment