So you want to learn to code. Well Neo, swallow the red pill and join me behind the scenes to see the code that makes up the matrix.

Why should you bother? Could you get the same thing done by using WordPress or some other content management system? If you looked at the source of marcram.com, you would realize that’s what I’m using here after all, so why am I trying to get you to do things the hard way?That depends on what you want to do, we will focus on a solid grounding in the basics so that you can have a foundation on which to build. If all you want to do is go on to hand code pretty websites, the basics you learn here will serve you well. If you want to become a WebApp coding Ninja, the basics are absolutely required.

What you will need

  1. A Mac, this is called Mac Webmaster after all, Running Mac Os X 10.8.5 or higher
  2. A good text editor, I will be using Textwrangler and nano.
  3. Patience and time, learning anything new requires effort.
  4. An ftp client, I will be using Cyberduck.
  5. A photo editor, I will be using Adobe Photoshop.

With the exception of Photoshop, all of the tools discussed here will be free. In Mac Webmaster Basics we are going to cover the following

  • Specifying a Basic Website
  • Trello (optional, but useful and free)
  • Create a basic HTML5 Document
  • Intro to terminal
  • Using Nano
  • Turning on the webserver on your Mac
  • Introduction to CSS
  • Designing with a Grid
  • Photoshop basics for the Web
  • Javascript Basics
  • Uploading your site to a Live Webserver with cyberduck