Learn to Code For Free

Day 1

1. Welcome to Learn HTML for free at One Month!

In this 7-day free online coding course, you will learn the basics of the HTML & CSS coding languages. The course is designed to be completed in less than 7 days, and you are free to work a little everyday, or binge the entire course all at once. By the end, you will build a porfolio website from scratch, and be given the tools to customize the project with your name, colors, and images so that you can be proud to share it on Facebook, Linkedin, or as part of your CV/resume. Last, but not least, you'll be given a chance to launch your website live on the internet! Sounds exciting? Ready? Ok! Let's get started learning to code.

2. Install Sublime Text

Download Sublime Text. Sublime will be our text editor. A text editor is an application that we can use to code HTML and CSS (and nearly every other programming language).

Day 2

1. Party Tips! HTML is the Structure of your Page

Code along with me! I'll introduce you to some basic HTML and CSS concepts. And I'll kiss my arm.

2. Party Tips: CSS is the Style

Let's add some colors to our project

Day 3

1. Party Tips! Learn more HTML!

Whats the difference between h1 and h2 tags? When do we use p tags? In this lesson you will learn some of the most important HTML elements.

2. Party Tips! Adding Images with HTML

Images are beautiful. Let's bring some into our website!

Day 4

1. C is for Cookie Monster

Let's start building our portfolio site

2. First add your Text

Feeling overwhelmed when you start building a website from scratch? Try to use a template. And start with the HTML (text, and images) first. Let me show you how I do it!

Day 5

1. HTML Links

In 1965, Ted Nelson coined the term hyperlink. That's almost 30 years before Tim Berners Lee invented HTML and the World Wide Web. I'm a New Media geek, ask me questions if you'd like to hear more about where the web came from!

2. How to Add images with HTML

In this lesson you will learn how to add images to you're HTML project using the <img> (image) tag. The image tag does not have a closing tag. When we add an image with HTML we add the "src" (source) attribute to tell the website where the image is located. And than we add the "alt" (alternative text) attribute to describe the image.

Day 6

1. Write Better CSS with External Style Sheets

We want to separate each coding language into its own file. That will help keep us organized.

2. Understanding Digital Color

Let's add in some glorious color.

Day 7

1. Finish the Cookie Monster Portfolio

Padding, border-radius, text-decoration, and adding images with CSS

2. Homework: Your HTML challenge for this week!

Make an HTML portfolio site for yourself! For your homework you will add a new background image (using CSS), embed a video from YouTube, choose your own color palette, and more.

Bonus Videos

1. Get Your Site Live with Web Hosting | Using Hostgator

Looking good! In this lesson, I'll show you how to get your website live on the internet for nearly free ($0.01 for the first month) with Hostgator hosting.