Congratulations, you're about to take your first steps to becoming a developer! Our team has put together an original learning series that incorporates carefully curated coding tutorials, original hands-on challenges, and super-fun quizzes. In completing each component you will learn an important skill essential to every new coder's success. In this first lesson, you'll learn about HTML, the basic language of the web and how to use it to create a web page introduction of yourself.

Now that you've got HTML basics in your toolkit it's time to get fancy with style! With CSS, you'll learn how to style your personal introduction page to look more like a magazine and less like a grocery list.

The box model is one of the fundamentals of CSS and here you’ll learn how to use it correctly to make a professional layout. When you understand the Box Model you’ll be well on your way to layout zen and the web will be your oyster!

If you’ve completed and understood everything so far, you’ve demonstrated your ability to leverage both HTML and CSS to create the foundation of any good site – its layout. So what’s next? Well, now it’s time to get a little more HEADy – to start thinking about user experience as you turn a series of web pages into a web site.

Your web site is really starting to come together but it’s lacking a little something: pictures! How can you have a web site if you can’t post cat photos? And beyond photos, images can be used for logos and design elements so let’s learn how to get them loaded in.

By completing Unit 1 you’ve demonstrated your ability to make web pages. Creating pages with HTML and CSS alone are static, meaning, they don’t change and you can’t really interact with them. That would be fine if all you wanted to develop were sites with content that rarely needed updating but you’re here because you want to make interactive web apps, right?

In this lesson you’ll learn about a secret magic trick developers use to solve all their problems — Google — and use it to figure out how to take user input and display it reversed in your console.

In this lesson you will begin to explore “intelligent” interactivity by creating a script that prompts the user with a question, evaluates the response, then provides feedback based on that response.

In this lesson you will learn about jQuery, a javascript framework, and use it to create a simple word game.

In this lesson, you’ll learn about the HTML5 Canvas Element, a relatively new tool, and you will use it to draw a few lines with code. The Canvas really is just that — a canvas for displaying and animating all your programmatically generated 2D shapes and images. If you’ve ever played a game on Facebook or watched a video on Hulu you have already used the canvas so now it’s time to put it to work for you!

In this lesson, you’ll expand on what you’ve already learned about working with the Canvas element in HTML5. More specifically, you’ll learn how to use shapes in your Canvas creations, and then how to fill them in with colors and gradients.

This is one of the most critical and difficult lessons in the entire series. Not because its long and sophisticated — it’s not — but because we’re introducing for loops and how they are a big part of what programming is all about: repeating a set of instructions over and over again, efficiently. We will what we made in the previous challenge, a slice of cheese, and use a loop to place five randomly sized holes in randomly selected places on the cheese.

There’s so much to learn about animation with the Canvas element that we can’t even begin to cover it all here, but that doesn’t mean we can’t get our feet wet and have some fun! After all, one of the best things about coding is that it’s fun.

In this first API tutorial we’re going to use Instagram to create a page with four of the most recently shared images tagged with the word “kitty”.

In this lesson you will learn about the Google Maps API, use it to display a Google map, plot points on it, attach information to those points, and make the whole thing interactive. It sounds like a lot but it’s easy. Really easy. Like easier than stealing candy from a free candy bucket easy.

In this lesson you will get to know another great API from SoundCloud.com and use it in a simple and fun appication, a song randomizer!