The 10 Days of JavaScript: Day 0

by birtanpublished on July 3, 2020

hello everyone and welcome to the ten

days of JavaScript team here we are in

day number zero and the question is

where do we begin if we want to learn

JavaScript well in my mind the answer is

simple we begin with the language itself

but what do I mean by that the human

mind is made for language right the same

way that a cheetah is born to run you

and I are born to use language it's our

super power and it comes naturally right

parents don't have to quote teach their

children how to speak you simply talk in

front of a child and they naturally

absorb language the human mind is able

to put all the puzzle pieces together

without breaking a sweat so let's use

this strength to our advantage because

I've found that when students view

JavaScript big-picture as a language

just like English or Spanish or Mandarin

the learning process becomes so much

easier but on the other hand if instead

you view JavaScript as just a big long

list of made-up words that you need to

memorize well in that case learning

JavaScript feels like trying to grab a

fistful of sand very difficult to grasp

so right now let me give you an example

of what I mean when I say that we should

begin with the language itself

let's take English as an example so

here's a sentence the asked cat quickly

ate the Zzyzx now two of the words in

the sentence are made-up nonsense but

because we understand the structure of

the English language it doesn't really

matter that we don't know what these

words mean we can still basically

understand the sentence as a whole so we

want this same level of comfort with the

JavaScript language because once you

understand the structure of a language

it gives you contextual clues to help

you understand what's going on even if

you don't understand each word

individually right we still know that

there's a cat and it's quickly eating

something okay now at this point you

might be wondering what does this have

to do with JavaScript and computer

programming

well let me give you a metaphor so again

let's take the English language and we

know that we speak English in many

different environments just for two

quick examples let's take your family's

home and your workplace so you speak

English in both environments but each

environment also has its own made-up

words or jargon or slang that are not

part of the language itself right so

maybe in your family's home you have a

made-up nonsense word to describe the

way your dog eats its food

who knows every home and family is

different but the point is is that you

probably have unique little phrases or

words that if you used with a stranger

they would just look at you weird and

have no idea what you mean

right and it's the same thing with your

workplace no matter which industry you

work in it probably has its own unique

set of jargon or slang or made-up words

and people outside of your workplace

environment probably will not understand

these words or phrases okay so there's

this distinction between language and

environment okay and it's the same thing

with JavaScript JavaScript is also

spoken in different environments some of

the most common are the web browser

nodejs MongoDB and countless others but

these are just three of the most popular

don't worry I do not expect you to know

what node is and I do not expect you to

know what MongoDB is we will learn about

those things later on in the course for

now all you need to know is that there

are multiple environments in which

JavaScript can be spoken and just like

with the English environments like our

family's home and workplace each

environment has its own unique made-up

words or jargon or slang so for example

here's a line of JavaScript code that

you would use in the web browser

environment now don't worry I do not

expect you to understand this code at

all I'm only showing it right now to

demonstrate the difference between

language and environment so hang in

there with me this code tells the web

browser to show a pop up

message that reads thanks for clicking

anytime the visitor clicks anywhere on

the page now here's the important part

even though this is a line of JavaScript

code none of these words are part of the

JavaScript language so for example the

word document or the squished together

phrase of add eventlistener or the word

click or alert yes these are words in

the English language but they are not

words in the JavaScript language these

words only have meaning within the

context of the web browser environment

if you used any of these words in a

different JavaScript environment it

would be like using one of your made-up

family words with a stranger okay but

the question becomes if these words are

not in the JavaScript language then what

makes this line of code JavaScript well

it's the periods the parentheses the

quotes the commas and the other symbols

these are the structure or skeleton or

syntax of the language they are the glue

that holds the sentence together and

that is what we want to learn first

that's exactly what we're going to focus

on in this first chapter by the end of

this chapter when you see a line of

JavaScript code you're going to have the

same feeling as when I showed you this

sentence in English right you might not

understand every single word

individually but because you understand

that there are adjectives and nouns and

verbs your mind is still able to get a

general idea of what's going on okay so

we're going to get that same level of

comfort and familiarity and even

predictability with JavaScript getting

to that point has got to be our first

goal it's the first step to genuinely

understanding a programming language now

if you've ever tried to learn JavaScript

in the past but got discouraged because

it seemed too difficult or confusing

it's probably because the teacher took

the opposite approach far too many

teachers make the mistake of having you

begin by memorizing

environmental jargon right these made-up

words that are unique to each

environment they start out by having you

memorize these words and abilities

before you even understand the glue that

holds everything together right the

language itself the syntax the structure

now teachers do this because they

underestimate you your intellect and

your attention span they think that if

you don't build the cheesy click me i'ma

button app in the first 10 minutes of

the course that you'll get bored and

give up they think that you don't have

the mental capacity for abstract ideas

and they think that you need to jump

into concrete examples right away or

you'll get confused okay but I know that

that's not true the fact that you

mastered the English language is proof

that it's not true your mind was made

for language and we're going to leverage

that on our way to becoming a full-stack

JavaScript developer so here's what

we're going to do in this course like I

said in our first chapter we're going to

focus on the language itself after that

once we've built up a bit of comfort

we're then going to learn the three most

popular and lucrative JavaScript

environments which as of today are the

web browser nodejs and Mongo DB again

don't worry at this point I do not

expect you to know what node or Mongo DB

are we will learn about that later in

the course for now all you need to know

is that there are multiple JavaScript

environments and each one has its own

unique set of jargon or slang or lingo

or new vocabulary and using these words

is how we perform the unique abilities

of that environment here's a quick

example for each of these big three

environments hey web browser when

someone clicks on this button do this in

response

hey node when someone visits this URL

please show them this content and hey

MongoDB please save this data into a

database so we can access it later on in

the future

now obviously you can't just use plain

English like this

but the idea is that each environment

has its unique jargon or lingo or new

vocabulary new made-up words that you

use in your code to perform these unique

abilities okay and as fun as that is and

as tempting as it might be to jump right

into that we need to begin first with

the language itself the symbols the

syntax the structure the anatomy of a

JavaScript sentence once we're

comfortable with that

then we can jump in to the concrete uses

for JavaScript in the real world in

these environments and that my friends

is how we become a full-stack JavaScript

developer we combine the abstract with

the concrete we learn the language and

then we understand how to use it to

build all layers of an application this

holistic skillset is incredibly

in-demand

it can be very lucrative but more

importantly it can be very fun and

rewarding so I don't know about you but

I am very excited to get started on this

JavaScript journey with you in our very

next lesson we're going to begin coding

experimenting and moving right along so

let's get things rolling let's start

building some momentum and I will see

you in the next lesson the ten days of

javascript is the first chapter from my

upcoming premium course full stack

JavaScript from scratch I'm making these

first 10 or 11 videos freely available

on YouTube and so for the next 10 days

I'm going to upload one new video each

day so stay tuned or if you're watching

this in the future all the lessons are

up so feel free to binge watch the full

premium course is not available just yet

but if you subscribe to this channel

you'll be notified as soon as it's out

or you're watching this video in the

future it's already available enjoy

[Music]

Related Videos

Be the first to comment “The 10 Days of JavaScript: Day 0”

Your email address will not be published.

There are no comments yet.