Web Development from Scratch

Considering the fact that Nettuts+ is dedicated to teaching web developers - of all skill levels - how to code, it occurred to me that, in over two years, we've never covered the absolute basics. This series is for those of you who have zero experience with web design. HTML, CSS, AJAX? What the heck are these acronyms? Step by step, I'll teach you exactly how to get started in this amazing, but difficult industry.

Posts in this series

Web Design from Scratch: Choosing an Editor
In this introductory episode, assuming you have zero knowledge of web design, we'll go through the process of choosing your first code editor. As you'll...
Jeffrey Way
10 Apr 2011
HTML & CSS
Web Design from Scratch: HTML Tags
Before working with HTML, we must first understand exactly what an HTML element, or tag really is.
Jeffrey Way
11 Apr 2011
HTML & CSS
Web Design from Scratch: The Obligatory "Hello World"
Clean, structured HTML is the goal of today's episode. We'll learn how to structure every document, and further review the available elements.
Jeffrey Way
12 Apr 2011
HTML & CSS
Web Development from Scratch: Headings
In this lesson of "Web Development from Scratch", we'll review the six different HTML heading elements that are available to you.
Jeffrey Way
13 Apr 2011
HTML & CSS
Web Development from Scratch: The Style Attribute
In this episode, we'll discuss the HTML style attribute, and how it can be used to style the element, or tag, that it is applied to.
Jeffrey Way
14 Apr 2011
HTML & CSS
Web Development from Scratch: External Stylesheets
In this lesson, we'll review the process of creating and linking to external CSS stylesheets. We'll discuss why this is preferable to using inline styling.
Jeffrey Way
15 Apr 2011
HTML & CSS
Web Development from Scratch: Folder Organization
Up until this point, we've stored all of our files on our desktop. In real-world projects, though, we'd never do this. Instead, let's create a template...
Jeffrey Way
16 Apr 2011
HTML & CSS
Web Development from Scratch: Lists, Blockquotes, and Images
In this episode, we continue learning about the available HTML elements. Specifically, we'll review three forms of lists, blockquotes, and images.
Jeffrey Way
17 Apr 2011
HTML & CSS
Web Development from Scratch: Forms
In lesson nine of our Session, we'll review forms, or more specifically, the method by which we capture user data. When you build registration or contact...
Jeffrey Way
18 Apr 2011
HTML & CSS
Web Development from Scratch: Anchors
In this lesson, we'll review the process of linking to both absolute and relative urls within our markup.
Jeffrey Way
19 Apr 2011
HTML & CSS
Web Development from Scratch: Navigation
In this lesson, we're going to review the HTML5 nav element, as well as how to create a basic method for navigating through the pages of a website.
Jeffrey Way
20 May 2011
HTML & CSS
Web Development from Scratch: Basic Layout
In this lesson, I'll introduce you to the new header and footer elements, as we build a basic, but common, web page layout.
Jeffrey Way
21 May 2011
HTML & CSS
Web Development from Scratch: Layout Fragments
In this episode, I'm going to teach you how to take a layout fragment on the web, and recreate it with HTML and CSS.
Jeffrey Way
2 Jun 2011
HTML & CSS
Web Development from Scratch: List Item Styling
You're not only limited to the default disc symbol for list items. You can choose from a variety of built in options, or use custom images or symbols! I'll...
Jeffrey Way
10 Jun 2011
HTML & CSS
Web Development from Scratch: Helpful Dev Web Apps
We're going to step away from coding just long enough to bookmark ten very helpful web apps that you need to be familiar with.
Jeffrey Way
12 Jun 2011
HTML & CSS