And welcome back.
In the last section, we talked about the World Wide Web and the Internet and what the differences were,
and then I promised you that we'll finally talk about some small success and JavaScript.
So I've been vaguely referencing these files and just told you that they're simple text files for now.
But what are they specifically?
Well, initially, if you remember.
We had Tim Berners Lee, who created the very first website, and this website uses HTML and XML, that's
the first file over here is a way for us to just write text on a website.
And these texts on websites can also have these things called hyperlinks that can link to other parts
of the website.
So that's what happened in nineteen ninety one, nineteen ninety one, we had a way for us to share
documents and this can link to another website, another file, another research paper.
But as you can see, it wasn't the prettiest.
So in 1995, 1996, two technologies came into being one was success and one is JavaScript.
Now, what did they allow you to do?
Well, success solved.
The problem of, well, this is nice and all, but would it be nice if we had some visual aspects we
can toy around with this website, make it look pretty?
And then JavaScript said, well, ideally we'll be able to have something like this website where,
you know, I can click over here.
I can shop now.
I can.
Put in my credit card and get these fancy slippers and I can do all this interactive things with my
website, so let's play around with this and try and incorporate from this basic HTML file to add some
success in JavaScript to this page.
The way we're going to do that is we're going to go into view.
Developer and developer tools, you might remember this from our previous lessons.
So once you click on that, you'll get this pop up at the bottom of the screen for some of you might
be on the right side, but it doesn't matter.
You'll get both things.
And we've seen this before.
And if you look at the top over here, it says HTML and that's it.
HTML is this it's this file that has this weird syntax that describes how this web page, Shilluk and
text.
So you can see over here, it says the World Wide Web.
These are just text on the right side.
Over here you'll see something called styles.
So Styles will actually let you add styles to the website, as the name suggests.
And that's what CCIS if we click on HTML here and actually let's click on Body without knowing any success
or anything.
If we define something like color.
Semicolon and then let's go blue.
It changes the tax color to blue chrome, lets you play around with websites and actually inject some
CSFs into this HTML without knowing any success, we can kind of play around, type in a letter and
it will have a dropdown.
So let's see over here.
If we can do background color, let's make it and then press tab.
I'm going to do red.
Make the website really, really well, frankly, pretty ugly.
But that's CSFs right here.
We've just added some success to this basic Web site.
Let's turn this color off because it is not pretty.
OK, so ASML.
Texts and links, success, pretty colors now how can we add some JavaScript?
So remember, we have three files over here.
JavaScript came along and said, these are great.
You know, we have these beautiful text websites that link to other pages and we have access that if
you make websites really, really pretty.
But would it be nice to have some interactivity, to have dropdown menus, to make websites like they
are now interactive?
We can actually do this again with the developer tools, if you click on console over here without knowing
any bit of JavaScript.
For now, we're just going to show you a simple JavaScript line and we're going to type in alert.
And let's say hi there, exclamation marks.
And I press enter.
And look at that, we just made the very first website ever made interactive with JavaScript.
Now, obviously this doesn't do anything, but hopefully this shows you where we were before.
In 1991 to where we are now.
Websites that are interactive.
Full of JavaScript success and, of course, HTML.
See, in the next one, bye.