JavaScript is the the programming language that built the web. Learn how it evolved into a powerful tool for building websites, servers with Node.js, mobile apps, desktop software, and more https://fireship.io/courses/javascript/

#js #programming #100SecondsOfCode

🔗 Resources

History of JavaScript https://youtu.be/Sh6lK57Cuk4
How JavaScript Works https://fireship.io/courses/javascript/intro-how-js-works/
JavaScript Docs https://developer.mozilla.org/en-US/docs/Web/JavaScript
HTML in 100 Seconds https://youtu.be/ok-plXXHlWw

🔥 Get More Content - Upgrade to PRO

Upgrade to Fireship PRO at https://fireship.io/pro
Use code lORhwXd2 for 25% off your first payment. 

🎨 My Editor Settings

- Atom One Dark 
- vscode-icons
- Fira Code Font

🔖 Topics Covered

- What is JavaScript?
- JavaScript beginner introduction
- Who created JavaScript?
- ECMAScript vs JavaScript
- JS programming basics
- Run JS in browser
- Var vs Let vs Const
2024-02-04T05:36:13.055Z
nova-2
2-general-nova
2024-01-09.29447
30089e05-99d1-4376-b32e-c263170674af
fe19c776-3c2d-4a8c-bb4d-bcc094895353
d1bb2eb0ed4b27c8074e6a63669ce224549b06d2c9e941d0ff63a84b2a9bd1d2
67875a7f-c9c4-48a0-aa55-5bdb8a91c34a
deprecated
JavaScript.
A high level, single threaded, garbage collected, interpreted, or just in time compiled, prototype based, multi paradigm dynamic language with a non blocking event loop made famous for building websites.
It was created in 1995 in just 1 week by Brendan Eich, with the goal of adding an easy to learn scripting language to the Netscape Browser.
It was originally named Mocha, but the genius marketing people at the time wanted it to sound like that c new Java language.
Today, it's a fully featured language that continues to evolve through the ECMAScript standard.
It's most well known for building front end web applications because it's the only language other than WebAssembly that is natively supported in browsers.
However, anything that can be built with JavaScript will be built with JavaScript, like server side applications with Node.
AS, mobile applications with React Native or Ionic, and desktop apps with Electron.
It's an interpreted scripting language, but tools like the v eight engine in Chromium use a just in time compiler to convert it to machine code at runtime.
It's also excellent at handling IO intensive jobs, despite the fact that it's a single threaded language made possible by a non blocking event loop that can queue up work in the background without blocking the main thread.
To get started, create a file ending in dot JS.
Your code will start executing from the global context.
Use the console to log a value with the built in debugger.
Now think about where you want to run this file.
Is it a front end browser or a back end Node.
Js server?
In the browser, you can reference it with a script tag, then the browser will execute it when you open that HTML file.
On a website, JavaScript is often used to grab an element from the DOM.
Document query selector will grab the first button, then we can assign it to a variable with either var, let, or const.
Var is the o g way to do it, but is typically avoided.
Let is for variables that be reassigned while const is for variables that cannot be reassigned.
Now to make the button interactive, we can add an event listener to it by defining a function for the on click event.
We can use the function keyword here or the more concise arrow syntax.
Now, the event loop will execute this function whenever a new click occurs.
Functions are first class objects to support functional programming patterns, but JavaScript also supports classes and inheritance for object oriented patterns.
Even though it's single threaded, it can do work asynchronously with the Promise API which also supports the asyncawait syntax.
Js code can also run on the server thanks to the Node JS runtime.
Instead of buttons on a web page, it interacts with things like the file system API.
Execute your code on the server by pulling up the terminal and entering the node command.
This has been drift in 100 seconds.
Hit the like button and subscribe if you wanna see more short videos like this, and become a FireShip Pro member if you wanna learn how to do all kinds of crazy stuff with JavaScript.
Thanks for watching and I will see you in the next one.

Speaker 0: JavaScript. A high level, single threaded, garbage collected, interpreted, or just in time compiled, prototype based, multi paradigm dynamic language with a non blocking event loop made famous for building websites. It was created in 1995 in just 1 week by Brendan Eich, with the goal of adding an easy to learn scripting language to the Netscape Browser. It was originally named Mocha, but the genius marketing people at the time wanted it to sound like that c new Java language. Today, it's a fully featured language that continues to evolve through the ECMAScript standard.

It's most well known for building front end web applications because it's the only language other than WebAssembly that is natively supported in browsers. However, anything that can be built with JavaScript will be built with JavaScript, like server side applications with Node. AS, mobile applications with React Native or Ionic, and desktop apps with Electron. It's an interpreted scripting language, but tools like the v eight engine in Chromium use a just in time compiler to convert it to machine code at runtime. It's also excellent at handling IO intensive jobs, despite the fact that it's a single threaded language made possible by a non blocking event loop that can queue up work in the background without blocking the main thread.

To get started, create a file ending in dot JS. Your code will start executing from the global context. Use the console to log a value with the built in debugger. Now think about where you want to run this file. Is it a front end browser or a back end Node.

Js server? In the browser, you can reference it with a script tag, then the browser will execute it when you open that HTML file. On a website, JavaScript is often used to grab an element from the DOM. Document query selector will grab the first button, then we can assign it to a variable with either var, let, or const. Var is the o g way to do it, but is typically avoided.

Let is for variables that be reassigned while const is for variables that cannot be reassigned. Now to make the button interactive, we can add an event listener to it by defining a function for the on click event. We can use the function keyword here or the more concise arrow syntax. Now, the event loop will execute this function whenever a new click occurs. Functions are first class objects to support functional programming patterns, but JavaScript also supports classes and inheritance for object oriented patterns.

Even though it's single threaded, it can do work asynchronously with the Promise API which also supports the asyncawait syntax. Js code can also run on the server thanks to the Node JS runtime. Instead of buttons on a web page, it interacts with things like the file system API. Execute your code on the server by pulling up the terminal and entering the node command. This has been drift in 100 seconds.

Hit the like button and subscribe if you wanna see more short videos like this, and become a FireShip Pro member if you wanna learn how to do all kinds of crazy stuff with JavaScript. Thanks for watching and I will see you in the next one.
JavaScript. A high level, single threaded, garbage collected, interpreted, or just in time compiled, prototype based, multi paradigm dynamic language with a non blocking event loop made famous for building websites. It was created in 1995 in just 1 week by Brendan Eich, with the goal of adding an easy to learn scripting language to the Netscape Browser.
It was originally named Mocha, but the genius marketing people at the time wanted it to sound like that c new Java language. Today, it's a fully featured language that continues to evolve through the ECMAScript standard. It's most well known for building front end web applications because it's the only language other than WebAssembly that is natively supported in browsers.
languages
However, anything that can be built with JavaScript will be built with JavaScript, like server side applications with Node.
AS, mobile applications with React Native or Ionic, and desktop apps with Electron. It's an interpreted scripting language, but tools like the v eight engine in Chromium use a just in time compiler to convert it to machine code at runtime. It's also excellent at handling IO intensive jobs, despite the fact that it's a single threaded language made possible by a non blocking event loop that can queue up work in the background without blocking the main thread. To get started, create a file ending in dot JS. Your code will start executing from the global context.
programming
Use the console to log a value with the built in debugger. Now think about where you want to run this file. Is it a front end browser or a back end Node. Js server? In the browser, you can reference it with a script tag, then the browser will execute it when you open that HTML file. On a website, JavaScript is often used to grab an element from the DOM. Document query selector will grab the first button, then we can assign it to a variable with either var, let, or const. Var is the o g way to do it, but is typically avoided. Let is for variables that be reassigned while const is for variables that cannot be reassigned. Now to make the button interactive, we can add an event listener to it by defining a function for the on click event. We can use the function keyword here or the more concise arrow syntax. Now, the event loop will execute this function whenever a new click occurs. Functions are first class objects to support functional programming patterns, but JavaScript also supports classes and inheritance for object oriented patterns. Even though it's single threaded, it can do work asynchronously with the Promise API which also supports the asyncawait syntax. Js code can also run on the server thanks to the Node JS runtime. Instead of buttons on a web page, it interacts with things like the file system API. Execute your code on the server by pulling up the terminal and entering the node command.
This has been drift in 100 seconds. Hit the like button and subscribe if you wanna see more short videos like this, and become a FireShip Pro member if you wanna learn how to do all kinds of crazy stuff with JavaScript. Thanks for watching and I will see you in the next one.
youtube
streaming
JavaScript. A high level, single threaded, garbage collected, interpreted, or just in time compiled, prototype based, multi paradigm dynamic language with a non blocking event loop made famous for building websites. It was created in 1995 in just 1 week by Brendan Eich, with the goal of adding an easy to learn scripting language to the Netscape Browser. It was originally named Mocha, but the genius marketing people at the time wanted it to sound like that c new Java language. Today, it's a fully featured language that continues to evolve through the ECMAScript standard. It's most well known for building front end web applications because it's the only language other than WebAssembly that is natively supported in browsers. However, anything that can be built with JavaScript will be built with JavaScript, like server side applications with Node. AS, mobile applications with React Native or Ionic, and desktop apps with Electron. It's an interpreted scripting language, but tools like the v eight engine in Chromium use a just in time compiler to convert it to machine code at runtime. It's also excellent at handling IO intensive jobs, despite the fact that it's a single threaded language made possible by a non blocking event loop that can queue up work in the background without blocking the main thread. To get started, create a file ending in dot JS. Your code will start executing from the global context. Use the console to log a value with the built in debugger. Now think about where you want to run this file. Is it a front end browser or a back end Node. Js server? In the browser, you can reference it with a script tag, then the browser will execute it when you open that HTML file. On a website, JavaScript is often used to grab an element from the DOM. Document query selector will grab the first button, then we can assign it to a variable with either var, let, or const. Var is the o g way to do it, but is typically avoided. Let is for variables that be reassigned while const is for variables that cannot be reassigned. Now to make the button interactive, we can add an event listener to it by defining a function for the on click event. We can use the function keyword here or the more concise arrow syntax. Now, the event loop will execute this function whenever a new click occurs. Functions are first class objects to support functional programming patterns, but JavaScript also supports classes and inheritance for object oriented patterns. Even though it's single threaded, it can do work asynchronously with the Promise API which also supports the asyncawait syntax. Js code can also run on the server thanks to the Node JS runtime. Instead of buttons on a web page, it interacts with things like the file system API. Execute your code on the server by pulling up the terminal and entering the node command. This has been drift in 100 seconds. Hit the like button and subscribe if you wanna see more short videos like this, and become a FireShip Pro member if you wanna learn how to do all kinds of crazy stuff with JavaScript. Thanks for watching and I will see you in the next one.
JavaScript.
javascript
A
a
high
high
level,
level
single
single
threaded,
threaded
garbage
garbage
collected,
collected
interpreted,
interpreted
or
or
just
just
in
in
time
time
compiled,
compiled
prototype
prototype
based,
based
multi
multi
paradigm
paradigm
dynamic
dynamic
language
language
with
with
a
a
non
non
blocking
blocking
event
event
loop
loop
made
made
famous
famous
for
for
building
building
websites.
websites
It
it
was
was
created
created
in
in
1995
1995
in
in
just
just
1
1
week
week
by
by
Brendan
brendan
Eich,
eich
with
with
the
the
goal
goal
of
of
adding
adding
an
an
easy
easy
to
to
learn
learn
scripting
scripting
language
language
to
to
the
the
Netscape
netscape
Browser.
browser
It
it
was
was
originally
originally
named
named
Mocha,
mocha
but
but
the
the
genius
genius
marketing
marketing
people
people
at
at
the
the
time
time
wanted
wanted
it
it
to
to
sound
sound
like
like
that
that
c
c
new
new
Java
java
language.
language
Today,
today
it's
it's
a
a
fully
fully
featured
featured
language
language
that
that
continues
continues
to
to
evolve
evolve
through
through
the
the
ECMAScript
ecmascript
standard.
standard
It's
it's
most
most
well
well
known
known
for
for
building
building
front
front
end
end
web
web
applications
applications
because
because
it's
it's
the
the
only
only
language
language
other
other
than
than
WebAssembly
webassembly
that
that
is
is
natively
natively
supported
supported
in
in
browsers.
browsers
However,
however
anything
anything
that
that
can
can
be
be
built
built
with
with
JavaScript
javascript
will
will
be
be
built
built
with
with
JavaScript,
javascript
like
like
server
server
side
side
applications
applications
with
with
Node.
node
AS,
as
mobile
mobile
applications
applications
with
with
React
react
Native
native
or
or
Ionic,
ionic
and
and
desktop
desktop
apps
apps
with
with
Electron.
electron
It's
it's
an
an
interpreted
interpreted
scripting
scripting
language,
language
but
but
tools
tools
like
like
the
the
v
v
eight
eight
engine
engine
in
in
Chromium
chromium
use
use
a
a
just
just
in
in
time
time
compiler
compiler
to
to
convert
convert
it
it
to
to
machine
machine
code
code
at
at
runtime.
runtime
It's
it's
also
also
excellent
excellent
at
at
handling
handling
IO
io
intensive
intensive
jobs,
jobs
despite
despite
the
the
fact
fact
that
that
it's
it's
a
a
single
single
threaded
threaded
language
language
made
made
possible
possible
by
by
a
a
non
non
blocking
blocking
event
event
loop
loop
that
that
can
can
queue
queue
up
up
work
work
in
in
the
the
background
background
without
without
blocking
blocking
the
the
main
main
thread.
thread
To
to
get
get
started,
started
create
create
a
a
file
file
ending
ending
in
in
dot
dot
JS.
js
Your
your
code
code
will
will
start
start
executing
executing
from
from
the
the
global
global
context.
context
Use
use
the
the
console
console
to
to
log
log
a
a
value
value
with
with
the
the
built
built
in
in
debugger.
debugger
Now
now
think
think
about
about
where
where
you
you
want
want
to
to
run
run
this
this
file.
file
Is
is
it
it
a
a
front
front
end
end
browser
browser
or
or
a
a
back
back
end
end
Node.
node
Js
js
server?
server
In
in
the
the
browser,
browser
you
you
can
can
reference
reference
it
it
with
with
a
a
script
script
tag,
tag
then
then
the
the
browser
browser
will
will
execute
execute
it
it
when
when
you
you
open
open
that
that
HTML
html
file.
file
On
on
a
a
website,
website
JavaScript
javascript
is
is
often
often
used
used
to
to
grab
grab
an
an
element
element
from
from
the
the
DOM.
dom
Document
document
query
query
selector
selector
will
will
grab
grab
the
the
first
first
button,
button
then
then
we
we
can
can
assign
assign
it
it
to
to
a
a
variable
variable
with
with
either
either
var,
var
let,
let
or
or
const.
const
Var
var
is
is
the
the
o
o
g
g
way
way
to
to
do
do
it,
it
but
but
is
is
typically
typically
avoided.
avoided
Let
let
is
is
for
for
variables
variables
that
that
be
be
reassigned
reassigned
while
while
const
const
is
is
for
for
variables
variables
that
that
cannot
cannot
be
be
reassigned.
reassigned
Now
now
to
to
make
make
the
the
button
button
interactive,
interactive
we
we
can
can
add
add
an
an
event
event
listener
listener
to
to
it
it
by
by
defining
defining
a
a
function
function
for
for
the
the
on
on
click
click
event.
event
We
we
can
can
use
use
the
the
function
function
keyword
keyword
here
here
or
or
the
the
more
more
concise
concise
arrow
arrow
syntax.
syntax
Now,
now
the
the
event
event
loop
loop
will
will
execute
execute
this
this
function
function
whenever
whenever
a
a
new
new
click
click
occurs.
occurs
Functions
functions
are
are
first
first
class
class
objects
objects
to
to
support
support
functional
functional
programming
programming
patterns,
patterns
but
but
JavaScript
javascript
also
also
supports
supports
classes
classes
and
and
inheritance
inheritance
for
for
object
object
oriented
oriented
patterns.
patterns
Even
even
though
though
it's
it's
single
single
threaded,
threaded
it
it
can
can
do
do
work
work
asynchronously
asynchronously
with
with
the
the
Promise
promise
API
api
which
which
also
also
supports
supports
the
the
asyncawait
asyncawait
syntax.
syntax
Js
js
code
code
can
can
also
also
run
run
on
on
the
the
server
server
thanks
thanks
to
to
the
the
Node
node
JS
js
runtime.
runtime
Instead
instead
of
of
buttons
buttons
on
on
a
a
web
web
page,
page
it
it
interacts
interacts
with
with
things
things
like
like
the
the
file
file
system
system
API.
api
Execute
execute
your
your
code
code
on
on
the
the
server
server
by
by
pulling
pulling
up
up
the
the
terminal
terminal
and
and
entering
entering
the
the
node
node
command.
command
This
this
has
has
been
been
drift
drift
in
in
100
100
seconds.
seconds
Hit
hit
the
the
like
like
button
button
and
and
subscribe
subscribe
if
if
you
you
wanna
wanna
see
see
more
more
short
short
videos
videos
like
like
this,
this
and
and
become
become
a
a
FireShip
fireship
Pro
pro
member
member
if
if
you
you
wanna
wanna
learn
learn
how
how
to
to
do
do
all
all
kinds
kinds
of
of
crazy
crazy
stuff
stuff
with
with
JavaScript.
javascript
Thanks
thanks
for
for
watching
watching
and
and
I
i
will
will
see
see
you
you
in
in
the
the
next
next
one.
one
success
The speaker discusses the development of JavaScript, a language used to build websites and mobile applications. They explain how JavaScript can be used to create front-end web applications, handle IO jobs, and handle events in a single threaded way. The speaker also discusses creating a file ending in dot JS and using the console to log a value with the built inatera. They recommend creating a file that interacts with the file system API and using the more concise syntax to read it.
JavaScript in 100 Seconds
JavaScript. A high level, single threaded, garbage collected, interpreted, or just in time compiled, prototype based, multi paradigm dynamic language with a non blocking event loop made famous for building websites. It was created in 1995 in just 1 week by Brendan Eich, with the goal of adding an easy to learn scripting language to the Netscape Browser. It was originally named Mocha, but the genius marketing people at the time wanted it to sound like that c new Java language. Today, it's a fully featured language that continues to evolve through the ECMAScript standard. It's most well known for building front end web applications because it's the only language other than WebAssembly that is natively supported in browsers. However, anything that can be built with JavaScript will be built with JavaScript, like server side applications with Node. AS, mobile applications with React Native or Ionic, and desktop apps with Electron. It's an interpreted scripting language, but tools like the v eight engine in Chromium use a just in time compiler to convert it to machine code at runtime. It's also excellent at handling IO intensive jobs, despite the fact that it's a single threaded language made possible by a non blocking event loop that can queue up work in the background without blocking the main thread. To get started, create a file ending in dot JS. Your code will start executing from the global context. Use the console to log a value with the built in debugger. Now think about where you want to run this file. Is it a front end browser or a back end Node. Js server? In the browser, you can reference it with a script tag, then the browser will execute it when you open that HTML file. On a website, JavaScript is often used to grab an element from the DOM. Document query selector will grab the first button, then we can assign it to a variable with either var, let, or const. Var is the o g way to do it, but is typically avoided. Let is for variables that be reassigned while const is for variables that cannot be reassigned. Now to make the button interactive, we can add an event listener to it by defining a function for the on click event. We can use the function keyword here or the more concise arrow syntax. Now, the event loop will execute this function whenever a new click occurs. Functions are first class objects to support functional programming patterns, but JavaScript also supports classes and inheritance for object oriented patterns. Even though it's single threaded, it can do work asynchronously with the Promise API which also supports the asyncawait syntax. Js code can also run on the server thanks to the Node JS runtime. Instead of buttons on a web page, it interacts with things like the file system API. Execute your code on the server by pulling up the terminal and entering the node command. This has been drift in 100 seconds. Hit the like button and subscribe if you wanna see more short videos like this, and become a FireShip Pro member if you wanna learn how to do all kinds of crazy stuff with JavaScript. Thanks for watching and I will see you in the next one.
The speaker discusses the development of JavaScript, a language used to build websites and mobile applications. They explain how JavaScript can be used to create front-end web applications, handle IO jobs, and handle events in a single threaded way. The speaker also discusses creating a file ending in dot JS and using the console to log a value with the built inatera. They recommend creating a file that interacts with the file system API and using the more concise syntax to read it.

        [INST]
        You are youtuber called Fireship you make engaging high-intensity and entertaining coding tutorials and tech news. 
        you covers a wide range of topics relevant to programmers, aiming to help them learn and improve their skills quickly.
        
        Given the title of the video : JavaScript in 100 Seconds 
        and a small summary : The speaker discusses the development of JavaScript, a language used to build websites and mobile applications. They explain how JavaScript can be used to create front-end web applications, handle IO jobs, and handle events in a single threaded way. The speaker also discusses creating a file ending in dot JS and using the console to log a value with the built inatera. They recommend creating a file that interacts with the file system API and using the more concise syntax to read it.
        [/INST]
        
        Generate the video : JavaScript. A high level, single threaded, garbage collected, interpreted, or just in time compiled, prototype based, multi paradigm dynamic language with a non blocking event loop made famous for building websites. It was created in 1995 in just 1 week by Brendan Eich, with the goal of adding an easy to learn scripting language to the Netscape Browser. It was originally named Mocha, but the genius marketing people at the time wanted it to sound like that c new Java language. Today, it's a fully featured language that continues to evolve through the ECMAScript standard. It's most well known for building front end web applications because it's the only language other than WebAssembly that is natively supported in browsers. However, anything that can be built with JavaScript will be built with JavaScript, like server side applications with Node. AS, mobile applications with React Native or Ionic, and desktop apps with Electron. It's an interpreted scripting language, but tools like the v eight engine in Chromium use a just in time compiler to convert it to machine code at runtime. It's also excellent at handling IO intensive jobs, despite the fact that it's a single threaded language made possible by a non blocking event loop that can queue up work in the background without blocking the main thread. To get started, create a file ending in dot JS. Your code will start executing from the global context. Use the console to log a value with the built in debugger. Now think about where you want to run this file. Is it a front end browser or a back end Node. Js server? In the browser, you can reference it with a script tag, then the browser will execute it when you open that HTML file. On a website, JavaScript is often used to grab an element from the DOM. Document query selector will grab the first button, then we can assign it to a variable with either var, let, or const. Var is the o g way to do it, but is typically avoided. Let is for variables that be reassigned while const is for variables that cannot be reassigned. Now to make the button interactive, we can add an event listener to it by defining a function for the on click event. We can use the function keyword here or the more concise arrow syntax. Now, the event loop will execute this function whenever a new click occurs. Functions are first class objects to support functional programming patterns, but JavaScript also supports classes and inheritance for object oriented patterns. Even though it's single threaded, it can do work asynchronously with the Promise API which also supports the asyncawait syntax. Js code can also run on the server thanks to the Node JS runtime. Instead of buttons on a web page, it interacts with things like the file system API. Execute your code on the server by pulling up the terminal and entering the node command. This has been drift in 100 seconds. Hit the like button and subscribe if you wanna see more short videos like this, and become a FireShip Pro member if you wanna learn how to do all kinds of crazy stuff with JavaScript. Thanks for watching and I will see you in the next one.
        