Advertisement

Web Development from Scratch

15 Posts

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
  • HTML & CSS
    Web Design from Scratch: Choosing an EditorWeb design from scratch
    9 shares
    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 find, like a pair of shoes, you'll likely need to experiment with many code editors before settling with your favorite. Read More…
  • HTML & CSS
    Web Design from Scratch: HTML TagsWeb design from scratch
    4 shares
    Before working with HTML, we must first understand exactly what an HTML element, or tag really is. Read More…
  • HTML & CSS
    Web Design from Scratch: The Obligatory "Hello World"Web design from scratch
    2 shares
    Clean, structured HTML is the goal of today's episode. We'll learn how to structure every document, and further review the available elements. Read More…
  • HTML & CSS
    Web Development from Scratch: HeadingsWeb design from scratch
    3 shares
    In this lesson of "Web Development from Scratch", we'll review the six different HTML heading elements that are available to you. Read More…
  • HTML & CSS
    Web Development from Scratch: The Style AttributeWeb design from scratch
    2 shares
    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. Read More…
  • HTML & CSS
    Web Development from Scratch: External StylesheetsWeb design from scratch
    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. Read More…
  • HTML & CSS
    Web Development from Scratch: Folder OrganizationWeb design from scratch
    2 shares
    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 folder structure for each new project. Read More…
  • HTML & CSS
    Web Development from Scratch: Lists, Blockquotes, and ImagesWeb design from scratch
    5 shares
    In this episode, we continue learning about the available HTML elements. Specifically, we'll review three forms of lists, blockquotes, and images. Read More…
  • HTML & CSS
    Web Development from Scratch: FormsWeb design from scratch
    3 shares
    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 pages, you use forms and inputs. Read More…
  • HTML & CSS
    Web Development from Scratch: AnchorsWeb design from scratch
    2 shares
    In this lesson, we'll review the process of linking to both absolute and relative urls within our markup. Read More…
  • HTML & CSS
    Web Development from Scratch: NavigationWeb design from scratch
    5 shares
    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. Read More…
  • HTML & CSS
    Web Development from Scratch: Basic LayoutWeb design from scratch
    3 shares
    In this lesson, I'll introduce you to the new header and footer elements, as we build a basic, but common, web page layout. Read More…
  • HTML & CSS
    Web Development from Scratch: Layout FragmentsWeb design from scratch
    2 shares
    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. Read More…
  • HTML & CSS
    Web Development from Scratch: List Item StylingWeb design from scratch
    3 shares
    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 show you how in this episode. Read More…
  • HTML & CSS
    Web Development from Scratch: Helpful Dev Web AppsWeb design from scratch
    19 shares
    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. Read More…