Introduction to JavaScript + Setup | JavaScript Tutorial in Hindi #1
Summary
TLDRThis 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
🌐 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.
💻 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.
📚 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.
Mindmap
Keywords
💡JavaScript
💡Web Developer
💡ECMAScript
💡Programming
💡HTML
💡Node.js
💡Replit
💡Console
💡Function
💡Variable
💡Document Object Model (DOM)
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.
Посмотреть больше похожих видео
5.0 / 5 (0 votes)