Hello, in this episode, we're going to talk about what kind of tools you'll need in order to work with this course. And the truth is you don't need a whole lot. There are lots of different things you can use. But here are some recommendations. So first of all, plain text editor, you can get this either from if you're on Windows, you can use Notepad. Or if you happen to be on a Mac, you can also use TextEdit, though you should use it in its plain text mode.
All that said, Why you can use a plain text editor, it's probably not the most ideal, just because it doesn't give you as much help as it could. So for that, I sort of recommend a color coding editor. So what it does, it's going to color code the code so that you can actually see what types of code or pieces of code, how they interact with each other. And the tags get a different color than say, content and some of those sorts of things. So it makes it much easier to debug and figure out whether you've got a syntax error or something going on, or some other type of error. So for those notepad plus plus i believe is available cross platform.
But it's definitely available in Windows Adam is definitely available cross platform, another one brackets. And then Sublime Text is probably a little bit beyond the skill level. It is a great text editor. But and a very powerful text editor probably more than you need. So I wouldn't buy it if you don't need to notepad plus, plus atom, and brackets are all free to download. And really anything.
Anything else you use any other coding tool for HTML and CSS should work fine. Just about anything. Really thing that I'm going to recommend though, is code pen di O, this is a website that's available, free to use. It's easy to use, it automatically updates as you type which is super helpful as you're learning. It takes care of a lot of the fiddly stuff with just how to build a page and what to do for those sorts of things. It will allow you to sort of focus on the code that you want to focus on rather than having to deal with all of the code around that code that you would need if you're using just a big using text editor and any class demos will be in code pen.io.
So, let's take a look at that, we're going to look at getting set up how to create a free account. It's important to save your work mostly so you can go back to it and fix it. But also play with it. And when you start working on your project, it's good to have it in place where you can save it over time as you go through the course, and are able to then just publish it so that other people can see and look at what you've done. And let's go ahead and punch some zombies in the throat. Alright, so this is the code pen website.
Down here in the bottom left, you're going to have sign up. So you click on that, sign up with an email. That process is pretty typical. I'm going to log in just because I already have an account. logging in. Alright, now once you're logged in, you can I already have, or these are some pens that they think you might be interested in.
But what we're going to do is we're going to go to explore, we're going to create, create an a pen, and in code pen, a pen is just this, it's a HTML, CSS and JavaScript portion of a page that you can play with it, the JavaScript portion is not something we need. So we're going on I'm going to do is to minimize that. And we're actually not going to deal with CSS right now. We'll get to that a little later in the course. So I'm gonna minimize that as well. And so we just have some HTML, I'm just gonna write a quick little thing here, hello world.
That is, the default way to sort of start learning a programming language is to type hello world and output it to the screen. As you can tell, as I type it came out. So copan data was just a really great tool to use really easy and hopefully will make your life a lot simpler as you try to follow along. So those are the tools thanks, let's head to the next section.