>> False, bingo.
[00:01:00] Great, two for two so far. Excellent work. Okay, how about 1 + 1 === 2? True or false?
>> Ha-ha, yes, the plus operator, when it operates on two numbers, which the 1's are here, gives their sum, which is 2. Now, how about '1' + '1' === '2', true or false?
>> I'm hearing false. Boom, the plus operator, when it operates on strings, it does something different than when it operates on numbers. So on strings, it concatenates them. So we would get?
>> String 11, yeah, string 11. Okay, last question. Typeof[string 'J', string 'S'] === strings 'array'.
[00:01:53] True or false?
[00:03:31] Another option that we have is using a local text file and a text editor. So for example, if let's say you're on macOS, you probably have a built-in text editor called TextEdit. Or there are other text editors that folks like to use for coding, specifically the most popular of which these days is called VS Code, Visual Studio Code.
[00:04:33] Now, there's a finished version as reference, which we'll get to by the end of this section. And then there's also the kind of fancy or multi question version, which is what we just walked through with multiple questions, which you can look at on your own time if you wanna take it to the next level.
[00:04:48] But for now, we're going to open this starter file, and we'll see we have kind of a blank slate here with just some HTML that is setting up the page for us, so we don't have to worry about that. So what we're going to do is we're gonna save this file locally to our own computer, which on most systems, you can do as a right clicking on the page, And Save Page As or Save File As depending on your browser.
[00:05:20] And this should give you the option to save it to, let's say, your downloads. And you can save it as whatever you want to save it as, .html, or it might do that for you. So we are going to save that wherever you'd like. You should also have an option in the file menu if the right click doesn't work to save page as, or just Ctrl or Cmd + C usually works.
[00:05:49] And once we've got that saved, we're gonna open it in our text editor of choice. So whether you're using kind of the built-in TextEdit program, or whether you're using something a little bit more robust like VS code, it's totally fine. So in this case, I'm going to use VS Code just to show it to you.
[00:06:12] But if you're using some other editor, there's other ones out there too that folks use, like Atom or Sublime was very popular for a while there too. Anything is fine. In this case, we just need something that lets us edit the text file. So I'm going to open this file up, And we should get this, our nice little DOCTYPE html that we know and love.
[00:06:41] And we can scroll down and see some CSS going on, and keep scrolling down and see what we've got here, okay? Hopefully, everybody is able to download it and get it opened in some kind of text editor. Now, the nice thing about an IDE as opposed to text edit or something like that is that it does fancy stuff for us, like syntax highlighting.
>> It's script, right?
>> Script, lovely. Yes, so there is a script element in our page. So if we scroll down, we see a few different elements, for example, we have a style element, where a bunch of CSS goes, it was just pre-written, so we don't have to worry about.
[00:09:04] So, all right, now, in our example here, we have a whole bunch of this stuff. What is this? There's all these to-do things, and there's all of these slash, slash, slash, slash, slash, slash. So what is all this about? What are all of these things? Anybody know?
[00:09:50] Now, that human might be, let's say, your co-worker, who has to also work on the same code base that you do. Or it might be you in the future, who has to remember what the crap you were doing when you wrote this code. [LAUGH] So code comments are really useful.
[00:10:06] They help others and yourself understand what your code is there for, maybe why you wrote it a certain way or what a certain part of the code does. Or sometimes, for example, if you're doing something a little bit weird or that you normally wouldn't do, you can leave a note, a comment to say, this is why I'm doing this weird thing.
[00:10:26] And it also can be useful to keep track of things that you want to do later with these to-do comments. So in fact, some tooling, some IDEs, and things like that will even parse out the word to-dos and sort of make a little checklist for you. We're not gonna get that fancy, but the idea is that we can use that to kind of map out for ourselves what we've done already and what we still need to do.
>> Why is the CSS all in one page?
>> Why is the CSS all in one page. Well, right now, the reason that all of this stuff is in one page is so that it is easy for us to work with, so that we can download just one file and edit it simply.
[00:12:14] And so just to make our lives simple, we've just got one .html file, and it has all of the stuff we need for this particular page. Okay, so in this case, we've got a whole bunch of to-dos here. In fact, it's a little overwhelming, there's a lot of to-dos happening.
[00:12:32] What we're gonna do in this part of the course is gradually work through these to-dos to fill in the functionality of our quiz page so that we go from this blank thing that has no information and nothing happens to our, Beautiful, interactive, meaningful quiz project.