Hey, this is Sasha and in this video, what I want to share with you are the tools and resources that you’re going to need in order to build a basic website, or go through these tutorial lessons when it comes to HTML.
Notepad and Filezilla
You’re not going to need a ton of tools but you will need just a handful of tools and all of them are actually absolutely free. So besides having your web browser, you will also need something like Notepad, or a text file editor, or even Sublime Text. This is what I’m going to be using, as its Sublime Text.
You’ll need Filezilla which is an FTP program — file transfer protocol program. That’s only if you’re uploading things to the web. You’re not going to really need that per se as we go through some of these initial training videos. You could just do it right in your browser on your local computer and then, of course, you will need your browser. But as you get more into this, you’ll probably want some more advanced tools like Sublime Text and FileZilla FTP Client and some browser extensions.
If we take a look here at Notepad, you can write basic HTML code right here. And as you get into writing this code, the only downside with Notepad is it doesn’t color correct things. There’s a lot fewer features. It’s a script down version, but you could save it.
When you do go and save this Notepad file, you could save it as a .html or .htm or .php file. You could save it as one of those extensions. For our purposes, if we use Sublime Text it just makes things a lot easier.
Sublime Text
Not to mention the white strength of the Notepad is just — after looking at it for hours, it just hurts your eyes. Usually, that’s one of the reasons why stock brokers or even coders that use something with a dark background, it just as strenuous on the eyes.
I personally like using Sublime Text and if you go to Sublime text, it is absolutely free, and what you can do is click it, and it will look something like this. There are others of course, but there’s a lot of advantages to Sublime Text and you’ll see as we go through this tutorial.
Of course, you could just manually type things in, but it does give you a lot of benefits to speed processing some things. In either case, by all means, you can use this or Notepad.
There are others of course, but there’s a lot of advantages to Sublime Text and you’ll see as we go through this tutorial. Of course, you could just manually type things in, but it does give you a lot of benefits to speed processing some things. In either case, by all means, you can use this or Notepad.
As we go through the lessons, I’ll be using Sublime text, but you can see as you write things, you can definitely make things a lot quicker. You can just go here and download this.
More Tools and Resources
The other tool is Filezilla and it’s not Filezilla.com but if you search for Filezilla, you’ll see it’s Filezilla_project.org. When you go there, it’s a free FTP solution. This is when we start transferring files to the web server. You might want to take a look at that.
Then of course, for the browser, I’m just going to be using Google Chrome right here. There are some browser extensions that you may want to get, like a browser width chrome extension which will allow you to set a width of the browser.
Simply because when you’re testing CSS code in the future, that might be handy. For our purposes in these training lessons, we won’t need it. And then also an auto refresh. So if you have a second monitor or a third monitor, this is really handy because what you could do is code let’s say on this screen, save the file, and then loop this auto refresh every 15 seconds, so that way on your other screen or other monitors, it’s constantly refreshing periodically every so many seconds. In that way, you can see the new result.
So ultimately, those things are handy for workflow purposes, but again, not as necessary, So that’s all you really need. We’re going to get into Sublime text right here. And this is what we’ll be using. When I start up this sublime text, it may look slightly different and that is simply because just the way that I have it configured, if I go to the configuration files, and you go into my settings.
I’ll just show you those settings so you can just take a quick peek at my settings. It’s not anything advanced or extreme, but here are my basic settings, if you want to take a look and make some of those changes.
I also have on key bindings — I have a few key bindings which means if I do control B, it changes the tag into strong. If I do control 1, it will do H1 and H2 and these are just some tags that we get into. But of course, there are other key bindings that you could do. Anyways, you can customize those things, and could manually just type anything that we do in here.
One last point I want to make is towards the lower right over here, if you take a look at the sublime text, you’ll notice there is an HTML little area right there. And if I go ahead and click on that, you could change it to PHP color code. You could change it to HTML. We’re going to be mostly working on HTML. In that way it just color codes things as we type out the code. So as we type in, let’s just say, HTML, right here you can see there are some codes that are being color coded.
And as I get into some more color coding, and you can see how quickly this starts to work out with sublime text. In either case — and I type in, let’s say, Google.com, you can see how it’s color coding things and that’s one of the advantages to sublime text.
In either case, we’re going to use the HTML color coding as far as the spacing goes. But again, it’s totally up to you what you use. If you change it to I think Emmett, you’ll change it a little bit differently. If you change it to PHP, it might change it a little differently, but overall, having some nice color code helps you just read the code a lot easier.
Other than that, that’s all you really need as far as writing a website, writing some code. You just need a basic text editor. You need a browser to preview it and that’s it. If you’re looking to upload files to the web, in that case, you need an FTP program like Filezilla or in fact, there are packages and preferences within sublime text but that is beyond the scope of this presentation, simply because that’s more detail for setting up and configuration for sublime text, which I may do another training video on at some time in the future.
But for our purposes, this is all you need to get started, so check out some of the resources. I’m going to mention them under this video or on the website. So go ahead, pick up these tools. Install them, or you could just use something like Notepad and open up your browser and that’s all you need.
Thanks for joining me in this training video. Go ahead hit play on the next video and let’s continue learning together.
Don’t forget to sign up to my newsletter list. That way you’re notified as I launch new live classes or business training video. So go ahead click here and sign up to the newsletter by entering your name and email address when you get on that page and you can also get some free goodies as things get released.
Thanks again and I hope to see you in the next lesson!
