#code academy

Code Academy - props

I learned a bit during my high school IT class but I’ve found a few great resources online.

All resources listed are FREE (as if I’d pay for something lol)

💻 W3Schools {resource, DIY tutorial}

link: https://www.w3schools.com/html/default.asp

I used this during school as a great resource, particularly for reminding myself of parts I’d forgotten. It also appears you can learn through tutorials on the site!

💻 code academy {guided tutorial}

link: https://www.codecademy.com/learn/learn-html

I’ve been using this site for C# lately and it’s been really good and I see it has a HTML (and CSS) beginners course for free! It’s really good because the screen will be split with an explanation of something on the left, followed by an activity to code on the right. It also gives you hints and the solution if you can’t get it.

💻 khan academy {videos, examples, semi-guided tutorial}

link: https://www.khanacademy.org/computing/computer-programming/html-css

Finally, there’s khan academy. I believe this is the longest ‘course’ of the three. First you’ll be shown an explanation / video of the code, then given an activity to try.

Overall, my biggest tip would just be to try it! I think going through the tutorials and then using what you’ve learned and building your own site would be a great way to learn!

Also, when I say site really I mean a page where you change the background colour, have some headings and paragraphs, play around with floating things, inserting images, linking images and text and so on.

I think using code academy, then moving to khan academy when you’re finished (since code academy is fairly short) and using w3schools as a resource could be a nice way to learn it. But play around and see what you like (if you end up using any of these haha)

Mimo

I came across a fun duolingo-style learning app for coding basics called Mimo. It covers the basics of HTML, CSS and JavaScript under the Web Development paths. There’s also a beginner path to learn Python.

Nothing beats writing your own code from scratch using an editor program on your computer, but this app is a nice supplementary tool for revision and an introduction to new tags and elements. They also offer a 30-day free trial which I’m currently doing, and as it’s on your phone it makes it so easy to do 20 minutes of coding a day, no excuses!

Above is an example of some code I wrote via the app which I can export and edit in Atom later.

Free Code Camp

I completed the Basic HTML and HTML5 course on Free Code Camp today.

I didn’t learn much more than I had already learned in class but it was a great revision exercise. It covers things like basic elements, nested elements, achors, images, links, lists, buttons, forms and check boxes.

The course doesn’t take that long to complete so I highly recommend it for anyone who wants to scrub up on the basics of HTML before moving onto CSS.

Code Academy 

Ok, so Code Acadmey is my new favourite HTML learning tool! Code Academy goes into more detail than Free Code Camp or Mimo. There are clear step-by-step instructions and very clear and comprehensive examples and explanations. I’m going to complete the rest of their Learn HTML Course over the weekend. I still have the Semantic HTML module to do.

LIFE IN THE FAST LANE  // theme number 4 by cherry vibez

FEATURES

400 width posts

1 - 300 x 150 px sidebar image

245 x 650 hanging pop up image

4 - 80 x 80 pop up images

as many as you want 50 x 50 character images

3 main customizable links

20+ customizable colors

Pop up navigation

As many as you want – pop up links

optional updates tab

** you can edit the links, character images & updates tab by going to the code down towards the bottom, look for these in the code ( down towards the bottom ) [ 1 & 2 & 3 ] **

CREDITS

@octomoosey‘s starter base code & audio post tutorial

google fonts

w3schools

WHAT YOU’RE ALLOWED TO DO

edit/customize this to your liking.

WHAT YOU CAN’T DO

remove my credit

claim as your own

use as a base code

repost ( always reblog this post instead )

don’t be rude

like/reblog if using or find helpful. also if you like this theme, consider buying me a coffee? i’d super appreciate it.

me: I wanna learn coding *does some courses on Code academy

me: I think I'm ready for the real thing!!!

program: *syntax error*