Introduction to JavaScript + Setup | JavaScript Tutorial in Hindi #1

Summary

This video script introduces viewers to the world of JavaScript, emphasizing its importance for web developers. The instructor promises a comprehensive course covering JavaScript from basics to advanced concepts, complete with notes, source code, and interactive resources. The script outlines various ways to execute JavaScript, including in-browser execution and using runtimes like Node.js. It also introduces Replit as a platform for running JavaScript and provides a simple example of a program that adds three numbers, hinting at the course's practical approach to learning.

Takeaways

• 🌐 JavaScript is essential for web development, with mastery leading to success in creating interactive web applications.
• 📚 The course offers comprehensive learning resources including handwritten notes and source code.
• 👨‍🏫 The instructor emphasizes the importance of starting from scratch to build a strong foundation in programming.
• 💡 Programming is described as a method of communication with computers, requiring clear and precise instructions.
• 🧠 Computers are referred to as 'dumb machines' that need explicit directions to perform tasks.
• 🔍 The video introduces ECMAScript as the standard for JavaScript, ensuring consistency across different browsers and platforms.
• 🚀 JavaScript's liberal nature is highlighted, where it attempts to execute code even without strict syntax like semicolons.
• 🛠️ Multiple methods to execute JavaScript are discussed, including in-browser consoles, Node.js, and platforms like Replit.
• 🔧 The video demonstrates practical execution of JavaScript using browser consoles and Replit, showcasing interactivity.
• 📈 The course promises to be game-changing, starting with basic concepts and advancing to more complex programming techniques.

Q & A

Why is JavaScript considered essential for web development?

JavaScript is essential for web development because it allows the creation of interactive and dynamic web applications. Without JavaScript, web pages would be static, and many modern web functionalities would not be possible.

What does the instructor promise to provide in the JavaScript course?

The instructor promises to provide a comprehensive JavaScript course with handwritten notes, source code, and many more resources, covering JavaScript from the basics to advanced concepts.

Why does the instructor include an 'Intro to Programming' in a JavaScript course?

The instructor includes an 'Intro to Programming' to ensure that learners start from scratch, which is beneficial for those who have never done programming before, allowing them to understand the basics before diving into JavaScript.

How does the instructor describe the computer in terms of understanding instructions?

The instructor describes the computer as a 'dumb machine' that requires clear, straightforward instructions to perform tasks, unlike humans who can understand and infer from vague or incomplete instructions.

What is the purpose of ECMAScript in the context of JavaScript?

ECMAScript is a standard for JavaScript that ensures consistency across different browsers and platforms. It defines the core features of the language, allowing for interoperability and preventing fragmentation of the language.

Why is JavaScript described as 'liberal' in the script?

JavaScript is described as 'liberal' because it allows for a lot of flexibility in coding practices. It tries to autocorrect code and avoid throwing errors, even when certain syntax rules like the omission of semicolons are not followed.

How can JavaScript be executed according to the script?

JavaScript can be executed in various ways, including inside a web browser, using a runtime like Node.js, embedding script tags in HTML documents, or using platforms like Replit.

What is the significance of the v8 engine mentioned in the script?

The v8 engine is significant because it is the JavaScript engine that powers Google Chrome. It was extracted and used in Node.js, allowing JavaScript to be run outside the browser environment.

What is Replit and how does it relate to JavaScript execution?

Replit is a platform that allows users to write, run, and share code. It is particularly useful for executing JavaScript code in a browser-based environment, making it accessible to users without the need for a local development setup.

How does the instructor demonstrate the execution of JavaScript in the script?

The instructor demonstrates the execution of JavaScript by showing how to write 'console.log("Hello World")' in the browser console and in Replit, highlighting the ease of running JavaScript code in these environments.

Outlines

00:00

🌐 Introduction to JavaScript and Its Importance

The speaker emphasizes the significance of JavaScript in web development, stating that without knowledge of JavaScript, it's challenging to become a successful web developer. Mastery of JavaScript, however, can lead to great success. The course aims to teach JavaScript comprehensively, from basics to advanced concepts, using resources like handwritten notes and source code. The speaker introduces the first video, which will cover an introduction to programming, explaining that programming is a method of communication with computers, akin to human languages but with a precise structure. The speaker uses analogies to illustrate the computer's literal interpretation of commands and introduces the concept of ECMAScript as a standard for JavaScript to ensure consistency across different browsers and platforms.

05:01

💻 Execution Methods of JavaScript

The speaker discusses various ways to execute JavaScript, highlighting its role in creating interactive web applications. JavaScript can be executed within a browser, as seen on platforms like Facebook, Google, and Twitter, where content changes dynamically without page reloads. The speaker demonstrates executing JavaScript in a browser's console and introduces Node.js, a runtime that allows JavaScript to run outside the browser, created by Ryan Dahl. The speaker also mentions executing JavaScript by embedding script tags in HTML documents and introduces Replit, an online platform for running JavaScript code. Replit is described as user-friendly, allowing even those without a laptop to execute JavaScript on their phones. The speaker guides viewers on creating a Replit project and demonstrates a simple JavaScript program that adds three numbers.

10:03

📚 Conclusion and Future Course Content

The speaker concludes the video by promising engaging and powerful JavaScript programs in upcoming videos, which will be organized into a playlist for easy access. They mention creating a folder on Replit for the course, named 'Ultimate JavaScript Course - CodeWithHarry', and plan to add all future videos and code to this folder. The speaker also shares a simple program that adds three specific numbers and encourages viewers to copy-paste the code to familiarize themselves with Replit. They express their intention to provide PDFs for all chapters, starting with the introduction chapter, and assure viewers that following the course will make them JavaScript champions.

Keywords

💡JavaScript

JavaScript is a high-level, interpreted programming language that is widely used for adding interactivity to web pages. It allows developers to create dynamic content, handle events, and manipulate the Document Object Model (DOM) of an HTML page. In the video, JavaScript is emphasized as an essential skill for web developers, with the presenter stating that mastering it is crucial for success in web development.

💡Web Developer

A web developer is a professional who designs, codes, and maintains websites, including their structure, layout, and programming. The video underscores the importance of JavaScript for web developers, suggesting that without knowledge of JavaScript, it is difficult to become a successful web developer.

💡ECMAScript

ECMAScript is a scripting-language specification standardized by ECMA International. It is most commonly known as the foundation for JavaScript. The video explains that ECMAScript is a standard that ensures consistency across different JavaScript implementations, allowing developers to write code that works across various browsers and platforms.

💡Programming

Programming is the process of creating a set of instructions that tell a computer how to perform a task. The video introduces programming as a method of communication with computers, emphasizing that it's a way to give precise instructions to a computer to perform specific actions, which is fundamental to the concept of creating web applications.

💡HTML

HTML, or HyperText Markup Language, is the standard markup language used to create web pages. The video mentions HTML in the context of embedding JavaScript within an HTML document using script tags, which is one way to execute JavaScript code on a webpage.

💡Node.js

Node.js, often referred to as Node, is an open-source, cross-platform JavaScript runtime environment that allows developers to run JavaScript on the server side. The video introduces Node.js as a way to execute JavaScript outside the browser, which was pioneered by Ryan Dahl and has since become a popular tool for backend development.

💡Replit

Replit is an online integrated development environment (IDE) that allows users to write, compile, and run code in the cloud. The video highlights Replit as a platform for executing JavaScript, making it accessible to users who may not have a local development environment or a powerful computer.

💡Console

The console in web development refers to a debugging tool built into web browsers that allows developers to interact with the browser and see the output of their JavaScript code. The video demonstrates using the console to execute JavaScript code and view the output, such as printing 'Hello World'.

💡Function

In programming, a function is a reusable block of code that performs a specific task. The video briefly introduces the concept of functions in JavaScript, although it does not delve into the specifics. Functions are a fundamental part of JavaScript, allowing developers to organize code into modular, reusable pieces.

💡Variable

A variable in programming is a storage location paired with an associated symbolic name, which contains some known or unknown quantity of information referred to as a value. The video uses variables in the context of a JavaScript program that adds three numbers, illustrating how variables are used to store and manipulate data within the code.

💡Document Object Model (DOM)

The DOM is a programming interface for HTML, XML, and SVG documents. It provides a structured representation of the document, allowing scripts to change document structure, style, and content. Although not explicitly mentioned in the video, the DOM is a fundamental concept in web development with JavaScript, as it is the means through which JavaScript interacts with and manipulates web pages.

Highlights

JavaScript is essential for creating powerful web applications.

Mastering JavaScript is key to becoming a successful web developer.

The course offers comprehensive learning resources including handwritten notes and source code.

The course starts with an introduction to programming, emphasizing the basics.

Programming is described as a method to communicate with computers.

Computers are referred to as 'dumb machines' that require clear, direct instructions.

JavaScript can execute tasks that are difficult for humans with ease.

ECMAScript is introduced as the standard for JavaScript development.

JavaScript's liberal nature is highlighted, allowing for flexible coding practices.

Executing JavaScript can be done in various ways, including in-browser and through runtimes like Node.js.

Replit is introduced as a platform for executing JavaScript without the need for a powerful device.

The course will cover JavaScript from basic to advanced concepts, ensuring a game-changing learning experience.

The instructor demonstrates how to execute JavaScript in the browser console.

Node.js is explained as a runtime that allows JavaScript to run outside the browser.

The instructor shows how to create and execute JavaScript code on Replit.

The course includes practical examples, such as a simple program to add three numbers.

The instructor promises to provide PDFs for all upcoming chapters to support learning.

The course aims to make learners champions in JavaScript.

Transcripts

JavaScript is an amazing language

that allows you to create powerful web applications.

If in today's date you do not know JavaScript

So hardly you guys can become a successful web developer

On the other hand, if you guys have mastered JavaScript

if you people have become a master of JavaScript

then you guys can become a very successful web developer.

And you guys will be able to do that work,

which other people do very hard, very easily.

In this course,

with Handwritten notes, Source code

and many more resources,

we will learn JavaScript from starting to end,

I'm here for you guys to make things a lot easier

Request from you people: Like this video,

write on the comment below

"This JavaScript course is helpful"

Our first video will be. Intro to programming,

in which I will introduce you to programming.

And many of you,

Perhaps

Introduction to programming,

would not have been expected in JavaScript course.

But the fun of learning somewhere from scratch is something else.

We'll start with the basics

and then will raise the bar like anything

I can assure you,

this JavaScript course is going to be game changing for many of you career.

This is the ultimate JavaScript course

Let's get started

So guys I'm in my computer screen

as you guys can see

And here I would like to introduce you guys from PDF,

which I have created for you people.

Here you will find all the notes: Inside this course

So let me start from introduction to programming.

Programming is a way to talk to a computer

If you have never done programming in your life

so let me tell you guys

that in Hindi, in English, in Bengali,

in Spanish, in Japanese, or in Chinese

The way we talk to others:

In the same way, to talk to the computer,

we have to adopt a method,

and this method is called programming.

We call this protocol as a programming

I hope you guys understand what programming is

What is a computer, it is a very dumb machine

And if you ask him to do any work,

he will not do it.

Like if you tell the computer that man, make a tea and bring it

will you have tea?

will not get it

if i say to my computer to recharge my phone, some cheap one

Will he understand!, he will never understand

Say do recharge of 310, even then you will not understand

Okay

So you have to tell the computer

very clearly straight forward,

do this, do it like this, okay

add (1 + 2), then the computer will do

If you want to get any work done using any application,

from computer

then it will do it

Like if I write here

45 + 8 =

so 53, it told me

Here which application it used, Chrome

Because all the logic of has been written,

It knows what to do: Inside it.

See, if I tell him to make tea,

then make tea, he does not know

That's why I called the computer dumb over here, okay

Suppose you tell someone that man,

I am very hungry, bring some cereals to eat.

and he brings you a DVD of a serial and gives it to you.

So what would you say

I wanted to ate cereals, I didn't want this DVD

Don't want to see a little bit: mother-in-law, daughter-in-law

Balika Vadhu or else Ghar-Ghar ki kahani

or else Kasauti zindagi ki

You got the point, Okay.

So if someone brings you the DVD of that serial,

then you will tell him only that don't get my mind worse

Already my mind is getting worse, I am feeling hungry here.

Bring me cereal to eat, not the DVD of this serial.

So in this way, if you speak anything to the computer,

it will not work for you.

Because computer is a dumb machine: I already told you

This is what I wrote in the notes:

Programming is the act of constructing a program

a set of precise structure telling a computer what to do.

You have to clearly tell the computer to do this, do it like this

and it will do your job

If the computer is dumb then why should the computer do it?

why don't you pick it up and throw it away?

Do not throw it because

some work is such that computer can do faster than human.

Can't do it smarter than a human,

can do faster than humans

We do it because of speed, we can do it because of accuracy

we can use the computer.

Because if you tell to which person, how much would (4 + 3) be:

Maybe once tell you 6, but computer will never tell you 6,

given that you have programmed it correctly.

It is not that you are asking the computer 3 times,

how much would (4 + 3) be: it would tell you 7

And the fourth time by telling you 10, put you in the dark.

Computer is very loyal, ok

Now let's talk about the ECMA Script here

And then I will tell you people, how will we execute JavaScript

ECMA Script A Standard: Of JavaScript

That is, anytime you write about JavaScript,

or add something to it.

Let us say

You think this language:, want to add in, a feature (x), ok

So you would add in ECMA script, which is a standard:

JavaScript that follows

Let me tell you a little history about this thing.

It happened in the first 90's, late 90's,

when JavaScript was being developed

When this happened,

when a lot of people

were working on different features of JavaScript.

Somebody was saying that add this thing in JavaScript,

some one was saying add that thing in JavaScript

there was no one standard

That's why ECMA Script was made a standard.

Whatever things are added,

it should not happen that my JavaScript is running separately,

your JavaScript is running separately.

If I have made a browser

then your JavaScript is not running in my browser

You have made a browser,

so your JavaScript is not in me,

mine is not in you,

we do not want all these things

We need a standard here, which everyone will follow,

do well to follow

And we 'll understand what's going on, Okay.

So that's why we made ECMA Script a standard

If anyone ever tells you, Ecma Script

So you can use interchangeably JavaScript and ECMA script.

In almost, all the cases, Okay.

After this wrote a line: I have here

JavaScript is very liberal in what it allows

That is, JavaScript allows you

Doing almost anything.

will never throw an error,

when there is too much limit

when it is seen throwing an error JavaScript

Do not put semicolon (;), will not throw error

JavaScript will always try to do something,

which autocorrects the code you have written,

and throws the least error.

So that's why JavaScript is called Liberal here.

So now i scroll down

why is it not scrolling

my computer hangs

Someone: call a municipality

I don't know what happened,

I had to plug it back out of the mouse, after that it worked

so let's talk now how to execute JavaScript

See, there are several ways to execute JavaScript:

You can execute JavaScript inside the browser.

Whenever you visit the website

such as a website like Facebook,

Or if you also look on Google

And then you, I will give an example of a good website.

You look at Twitter, ok

So the content you have there changes.

and changes happen without reloading

we can talk on WhatsApp web

You sent a message to a friend on WhatsApp Web,

and the message has come to you

You didn't need to reload the page

What is all this? it's all JavaScript

I don't know my friend what do you keep messaging

Songs, Identification card, PAN card, Marksheet

I don't know what keep messaging me in WhatsApp

I say what's going on

He says he wants to transfer to computer

i say i only get you to transfer,

send me everything

So people do it, okay

So we use JavaScript to create interactive web applications.

And one of the best, easy and clear way to execute JavaScript,

straight forward way is browser.

Like if I open new here then right click and inspect

Go to console, here I'll write console.log("Hello") and I'll say "Hello", ok

Let me write "Hello World"

hit enter to see "Hello World" printed here

Now I will explain this JavaScript, what is written

What is console, what is console.log

What kind of functions are there in JavaScript, what are they

I will tell you all this, so don't be confused: what are all,

if you are a programming beginner

So overall by opening new then right clicking, inspecting

you can execute JavaScript

So this is the birth right of all of you people: Okay,

Now another way to execute JavaScript copy, use a runtime

like node Js,

what is node Js

What did someone do,

which is the engine inside the browser,

which was the v8 engine, put it inside a C# program.

So that JavaScript can be run outside browser

This person's name was Ryan Dahl, and he did this work.

in order to execute JavaScript

in order to CWT of JavaScript outside of the browser

That's why he worked

And they got a lot of success by doing this work.

People appreciated his program very much

and call it JavaScript runtime

Node JS as you all can install inside your computer

and run JavaScript code

Another way is to execute JavaScript

You can put script tag inside Html

You can put script tags inside the Html document.

And there you guys, when you execute the HTML page,

you will see the JavaScript being executed

But I will tell you another way to execute JavaScript here.

and that is Replit, Okay.

Replit

What is replit now?

i tell you guys

If you guys are associated with this channel,

then you people would probably know.

that what is replit?

Replit Basically is a very powerful platform:

through which we can run JavaScript.

If you guys have phone etc.,

overall you can run JavaScript here

I will tell you the code, it will be easy

Simultaneously if you people do not have a laptop,

some people do not have them.

Those people can also execute JavaScript on the phone

They don't need any fancy laptop, phone,

that means powerful phone.

You can run from normal to phone, if you want, JavaScript

so what i will do here, i will show you guys how replit works

You can make a repl in this

So look at this, I made all these repls:

It's my private repl, okay

I won't show it to you

Now this is something I made a public repls:

which I wrote the code, to give to you people, ok

So all these repls are made

But for the sake of this course,

which I'm going to make a repls for.

I will create a folder for that

And I'll name it, Ultimate JavaScript Course - CodeWithHarry

Okay

And here I will click on create folder

And after clicking on Create Folder,

you will see a folder has been created here

Ultimate JavaScript Course - CodeWithHarry

So in this way you people can organize in folders

Now I can make a new repl inside it

Okay

So here I will name this repl 01

0, is not even 01

00 will give

I search here the template of JavaScript

JavaScript, Okay.

And here for the JavaScript, I'll just use the latest with node Js,

Now what is the node Js: I have already told you people

So I'll name it, 00_Introduction_to_Js

Okay

And this would be the name of my file, i.e. the title of the repl

And I'll click on create a repl,

obviously, it will be public,

so that all of you people get the code that I am going to write

And you guys see here, it's loading all the files

And if I write here, console.log("Hello World")

and then run this repl

So you guys look over here, Hello World I see

Okay!

Now here you see, I will show you one thing.

This replit's feature:

I will right click here,

and after right click I will click on generate code

And suppose I write here

write a program to add three numbers

and i click on generate

This is not a feature of JavaScript, it is a feature of Replit:

I will tell you guys.

I just want to tell you people

how you guys can do this kind of work.

So also the advanced features of Replit: Like I showed you here

But we will walk slowly,

I do not want to sin more by showing all this to you people now.

This is a function: in JavaScript

I'll tell you what the function is, in JavaScript

Don't you think that in the first video the function was written,

not even told what happens

Simply want to write some code and want to show you people

how powerful JavaScript is:

This is the code to add three numbers:

Okay!

And if I write here, let c =

I am going to assume that you do not understand this code.

Okay

But we will understand in the coming time

that what would have happened to this thing.

I just want to show you by writing some code

And I want to familiarize you guys with replit

Look if I run it, it is printing 57

It added three numbers, okay

What is console.log, what is function keyword,

What did we do

Why this bracket was put, why did it do this,

it was done like this,

you will know all this in the upcoming video

Now just do a copy, do copy-paste

And don't tell me that I don't copy-paste

Know you guys who: in exams

I know

know all

So that was all about just video,

i hope you guys had fun

I'll do one thing, make a playlist of JavaScript course

so that you guys will get to know better

When are all the videos being uploaded

You will get to see all the videos in one place.

So I'll make a playlist

And in replit, I have also made a playlist here

regarding the JavaScript course

And for you guys which is Simply, Ultimate JavaScript Course

Accessing This Folder,

Will Keep Putting It In, Videos From The Series

You guys have access to all the repls

I will also put the repl link in the description

As I write the program, I will give you the link of repl

And here I am to improve this program a little bit.

I write

This program adds three numbers

Okay

don't adds three numbers, adds 1, 2 and 54, Okay

So I have taken a very simple program,

which adds three numbers.

I know, will it feel, this thing is not making any sense

But in the coming videos we will write such programs.

Which you will enjoy seeing,

and "WOW" will come out of your mouth

So with that said,

I conclude this video

see you in upcoming videos

And I want to tell you people that this is a PDF

I will give you the link in the description

also download this.

Right now we have only the first chapter, the zero chapter,

the introduction chapter which: it has just arrived

I will also give you the PDF of the first chapter

You will continue to get PDFs of all the upcoming chapters.

And after seeing these codes,

you guys will become the champion of JavaScript,

that's my promise.

So guys that's all in this video for now

Thankyou so much guys for watching this video

And i will see you next time.