Web Standards Curriculum

From W3C Wiki
Jump to: navigation, search

NOTE: THE MATERIAL ON THIS WIKI PAGE IS BEING MIGRATED ONTO THE WEB EDUCATION COMMUNITY GROUP'S DEDICATED WIKI PAGE, AT http://www.w3.org/community/webed/wiki/Main_Page. ITEMS MARKED WITH (MOVED) HAVE ALREADY BEEN MOVED.

Web Standards Curriculum table of contents

Introduction

What follows is a list of all the articles within the web standards curriculum, which will give you an essential grounding in HTML5, CSS, JavaScript, accessibility, and the other topics you need to be a modern web developer/designer. Reading them in order makes the most sense, but they are written to work individually, so you can dip in and out as it suits you, if you need to hone individual skills.

Note: This material was originally published as part of the Opera Web Standards Curriculum, available as Introductory material, written by Chris Mills. Like the original, it is published under the Creative Commons Attribution, Non Commercial - Share Alike 2.5 license.

Note #2: Many of the links below currently point to the dev.opera versions, but we'll change these over to the W3C versions as we add more to the site. We are very happy to add these to the W3C pages, for a wider readership and more maintenance help.

Table of contents

The beginning

(MOVED)Introduction to the Web Standards Curriculum. Hebrew translation | Hungarian translation | Italian translation | Japanese translation | Catalan translation | Spanish translation

Introduction to the world of web standards

  1. (MOVED) The history of the Internet and the web, and the evolution of web standards. Hebrew translation | Hungarian translation | Italian translation | Japanese translation | Catalan translation | Spanish translation
  2. (MOVED) How does the Internet work? Hungarian translation | Japanese translation| Catalan translation | Spanish translation
  3. (MOVED) The web standards model - HTML CSS and JavaScript. Hungarian translation | Japanese translation| Catalan translation | Catalan translation | Spanish translation

Web Design Concepts

This section won't go into any code or markup details, and will act as an introduction to the design process before you start to create any graphics or code, as well as concepts of web design such as IA, navigation, usability etc.

  1. (MOVED) Information Architecture - planning out a web site. Hungarian translation | Catalan translation | Spanish translation
  2. (MOVED) What does a good web page need? Hungarian translation | Catalan translation | Spanish translation
  3. (MOVED) Colour Theory. Hungarian translation | Catalan translation | Spanish translation
  4. (MOVED) Building up a site wireframe. Hungarian translation | Catalan translation | Spanish translation
  5. (MOVED) Colour schemes and design mockups. Hungarian translation | Catalan translation | Spanish translation
  6. (MOVED) Typography on the Web. Hungarian translation | Catalan translation | Spanish translation

HTML beginnings

  1. (MOVED) The basics of HTML. Hungarian translation | Japanese translation
  2. (MOVED) Doctypes and markup styles
  3. (MOVED) The HTML <head> element. Hungarian translation | Japanese translation | Catalan translation | Spanish translation
  4. (MOVED) More about the document <head>

The HTML body

  1. (MOVED) Marking up textual content in HTML. Hungarian translation | Catalan translation | Spanish translation
  2. (MOVED) HTML Lists. Hungarian translation | Catalan translation | Spanish translation
  3. (MOVED) Images in HTML. Hungarian translation | Catalan translation | Spanish translation
  4. (MOVED) HTML links — let's build a web! Hungarian translation | Catalan translation | Spanish translation
  5. (MOVED) HTML tables. Hungarian translation | Catalan translation | Spanish translation
  6. (MOVED) HTML forms - the basics. Hungarian translation | Catalan translation | Spanish translation
  7. (MOVED) HTML5 form additions
  8. (MOVED) HTML structural elements
  9. (MOVED) Lesser - known semantic elements. Hungarian translation | Catalan translation | Spanish translation
  10. (MOVED) Creating multiple pages with navigation menus. Catalan translation | Spanish translation
  11. (MOVED) Validating your HTML. Catalan translation | Spanish translation

Accessibility

  1. (MOVED) Accessibility basics. Catalan translation | Spanish translation
  2. (MOVED) Accessibility testing. Catalan translation | Spanish translation

CSS

  1. (MOVED) CSS basics. Catalan translation | Spanish translation
  2. (MOVED) Inheritance and cascade. Catalan translation | Spanish translation
  3. (MOVED) Text styling with CSS. Catalan translation | Spanish translation
  4. (MOVED) The CSS layout model - boxes, borders, margins, padding. Catalan translation | Spanish translation
  5. (MOVED) CSS background images. Catalan translation | Spanish translation
  6. (MOVED) Styling lists and links. Catalan translation | Spanish translation
  7. (MOVED) Styling tables. Catalan translation | Spanish translation
  8. (MOVED) Styling forms. Catalan translation | Spanish translation
  9. (MOVED) Floats and clearing. Catalan translation | Spanish translation
  10. (MOVED) CSS static and relative positioning. Catalan translation | Spanish translation
  11. (MOVED) CSS absolute and fixed positioning. Catalan translation | | Spanish translation
  12. Debugging CSS

Advanced CSS study

  1. (MOVED) Headers, footers, columns, and templates. Catalan translation | Spanish translation

JavaScript core skills

  1. (MOVED) Programming - the real basics!
  2. (MOVED) What can you do with JavaScript
  3. (MOVED) Your first look at JavaScript
  4. (MOVED) JavaScript best practices
  5. (MOVED) The principles of unobtrusive JavaScript
  6. (MOVED) JavaScript functions
  7. (MOVED) Objects in JavaScript
  8. (MOVED) Traversing the DOM
  9. (MOVED) Creating and modifying HTML
  10. (MOVED) Dynamic style - manipulating CSS with JavaScript
  11. (MOVED) Handling events with JavaScript
  12. (MOVED) JavaScript animation
  13. (MOVED) Graceful degredation versus progressive enhancement

Mobile web development

  1. (MOVED) Mobile 1: Introduction to mobile web

Supplementary articles

Proposed Updates and Additions to Web Standards Curriculum