So here I am at the Shayhowe textbook, and
I'm on the section called Getting to Know HTML.
If you're like me, when you're reading things about programming,
you read them and you nod along,
even when you don't always completely understand what they were talking about.
And you wish there was some sort of example, or
a teacher showing you in real time what's going on.
Well, Shayhowe uses CodePen, and
that's one of the reasons I really like this textbook.
So let's take a look at what I'm talking about.
As you scroll down, you definitely that there is places where
there is code while you're reading, functions right here.
You can see that they're talking about the visions and
they've given a little text and it's HTML and
you understand the code but you don't really know what it looks like.
Well, if we scroll down a little bit further,
you'll come across code that's actually inside something called CodePen.
What you want to look for is this caption, right here.
It actually says Edit on CodePen on it.
So let's see what happens when I click on this link.
What CodePen does is it gives you a chance to see the HTML and
also perhaps the CSS and JavaScript.
I know that you don't necessarily understand CSS or JavaScript yet.
You may, you may not.
But you can still always play with all the different parts.
Let me make this a little bit bigger so you can see it.
And you can see that they've put in the code for
heading Level 1, Level 2, Level 6.
I'm going to go in there and I'm going to change it.
And I'm going to say what happens if I change this H3 to an H1?
Go over here.
You can see that Heading Level 3,
even though it says Heading Level 3, is much bigger.
I love CodePen and I really encourage you to always click on it, and go in, and
see what happens when you type things in.
You don't need an account, although you can definitely have one.
It's a great way to feel like you really understand and own the content.