Tutorials

Below are the first videos in the Playlists that I linked on the left. If you like any of the creators, check out what other subjects they offer!

HTML5

This is one of many HTML tutorials on YouTube. The all cover the same things. I think this is a good place to start because the language is pretty simple. It will get you used to the rules of programming, and get you used to all the little bugs that can appear in your code.

CSS

CSS is the rules that you make for HTML code, it lets you make different "classes" of objects, so that when you write it in HTML, it will show up exactly how you want it (in a certain color, with a certain padding of space around it, etc). It's a little more complicated than HTML, but once you get the basics of HTML, you should be able to understand it enough to at least tinker around.

Inkscape

Inkscape is a free photo editor that I use a lot. It has the same tools as Adobe Photoshop, but its free and there are lots of useful tutorials online for doing certain things.

Kdenlive

Kdenlive is a free video editor that I use for small projects. Like Inkscape, it can do most of what the more popular editors can do, but it's free.

Java

Java is a little more complicated than HTML, but its how you make webpages "dynamic" like make them move when you change the size of the window. It can do a lot more than that though. Its the next step if you want to progress past HTML.

Python

I didn't use any Python to make this website, but it is a widely used coding language that will help you if you ever want to write a small program to automate anything.

Git and GitHub

Github is where we will 'host' our files so they show up when we go to the website. I only know 4 commands of Git, but thats all you need to know to set it up. Actually, it might be simpler now. Im not sure. This is really advanced stuff and not necessary, but I just wanted to put it here for completeness.

Embedding Video from YouTube onto your Website

I thought I would include here how I put these videos on here, its very easy. Just Press the "Share" button below the video, then choose "Embed Video", highlight and copy the code, and paste it in your HTML file. Right click on this text and choose "inspect" to see the codes for the embedded videos, they start with "iframe"