Welcome to the project.
Number one, I'm so happy to see you here and I hope you are excited to start this project.
So basically, this class is the class where I'm going to do a quick overview about the project that
we are about to start the project ahead.
So over here, I'm going to give you all the details that you need.
And if you have a little bit of experience with JavaScript, you may try to do by yourself.
Otherwise you just follow the videos.
I'm going to go step by step without jumping anything, without hiding any light of code, and all in
a very good pace.
So grab your coffee.
My one is here.
Good morning.
It's morning for me if you don't like coffee.
I don't know.
You shouldn't be here.
I'm kidding.
No, I'm not.
I'm kidding.
Grab your drink.
Learning must be a funny stuff.
Yeah, it must be fun.
Learning, especially new technology.
Like these one programming language JavaScript.
It must be fun.
We must have fun.
So bring your drink and.
And let's go.
Let's move on.
So what I'm expecting from the first project, the project number one is this.
I already made a few lines of code.
And those line of codes they give, they gave me a result.
The result, unfortunately, I cannot see right now because I am out putting the result into the development
console of my browser.
So every single browser provides a tool or a set of tools to the developers to us to make our life easy.
Google Chrome has its own development tools and you can access those clicking, doing the right click
in a blank page and then going to inspect as soon as I open this pack, inspected it.
Let me just make this a little bit bigger.
There we go.
As soon as I open, inspect and I'm just going to move my screen over here.
You should be able to see on the top the menus or the tabs for elements, for the console, for the
sources, network performance and so on.
Those tools, they provide information that can make our life easier when we are coding, and especially
when you are, we are troubleshooting something.
So based on that, if I go to console sorry, before we go to console here, you can see my Hello world
is here.
You can see that this code is injected by the live server.
So everything that we've done on before we started the project one is right over here and you can see
in plain code or plain English code, I would say yeah.
And, and also we can see the console console is going to be our best friend from now on.
Everything that you want to output, not to the actual page, but somewhere.
And then you can move to the actual page.
Actual page this somewhere it's the console.
So if you output the console, the end user won't be able to see it.
But you can test and you can just make sure everything is working.
And the output that I'm getting is my name is Andre Iacono and I'm 28 years old and yes, I am 28 years
old if you don't believe.
Yeah, I'm not.
But anyway, that's my age over here.
So this code, it's coming from a file.
Which file is that?
Is the main file dot JS that we created previously?
But how do I get this code over here?
There are many things that I did enable and typed in code that I'm going to show you is step by step
on the next classes here.
But this is the end result.
If we get to the end of the project one with this result.
We are good to go to the project.
Number two.
So.
Let's go to the next class.