Web Standards Curriculum

From W3C Wiki

(Difference between revisions)
Jump to: navigation, search
(→The HTML body)
Line 45: Line 45:
# [[Images in HTML]], by [[Christian Heilmann]]. [http://dev.opera.com/articles/view/17-kepek-a-htmlben/ Hungarian translation]
# [[Images in HTML]], by [[Christian Heilmann]]. [http://dev.opera.com/articles/view/17-kepek-a-htmlben/ Hungarian translation]
# [[HTML_links_-_lets_build_a_web|HTML links — let's build a web!]] by [[Christian Heilmann]]. [http://dev.opera.com/articles/view/18-html-hivatkozasok/ Hungarian translation]
# [[HTML_links_-_lets_build_a_web|HTML links — let's build a web!]] by [[Christian Heilmann]]. [http://dev.opera.com/articles/view/18-html-hivatkozasok/ Hungarian translation]
-
# [[HTML Tables]], by [[Jen Hanen]]. [http://dev.opera.com/articles/view/19-html-tablazatok/ Hungarian translation]
+
# [[HTML tables]], by [[Jen Hanen]]. [http://dev.opera.com/articles/view/19-html-tablazatok/ Hungarian translation]
-
# [[HTML Forms — the basics]], by [[Jen Hanen]]. [http://dev.opera.com/articles/view/20-html-urlapok/ Hungarian translation]
+
# [[HTML forms — the basics]], by [[Jen Hanen]]. [http://dev.opera.com/articles/view/20-html-urlapok/ Hungarian translation]
# [[Lesser-known semantic elements]], by [[Mark Norman Francis]]. [http://dev.opera.com/articles/view/21-kevesse-ismert/ Hungarian translation]
# [[Lesser-known semantic elements]], by [[Mark Norman Francis]]. [http://dev.opera.com/articles/view/21-kevesse-ismert/ Hungarian translation]
# [[Generic containers — the div and span elements]], by [[Mark Norman Francis]]. [http://dev.opera.com/articles/view/22-altalanos-tarolok/ Hungarian translation]
# [[Generic containers — the div and span elements]], by [[Mark Norman Francis]]. [http://dev.opera.com/articles/view/22-altalanos-tarolok/ Hungarian translation]

Revision as of 22:22, 13 July 2011

Contents

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

Introduction to the Web Standards Curriculum by Chris Mills. Hebrew translation | Hungarian translation | Italian translation | Japanese translation

Introduction to the world of web standards

  1. The history of the Internet and the web, and the evolution of web standards, by Mark Norman Francis. Hebrew translation | Hungarian translation | Italian translation | Japanese translation
  2. How does the Internet work? by Jonathan Lane. Hungarian translation | Japanese translation
  3. The web standards model - HTML CSS and JavaScript by Jonathan Lane. Hungarian translation | Japanese translation
  4. Beautiful dream, but what's the reality? by Jonathan Lane. Hungarian translation | Japanese 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. Information Architecture - planning out a web site, by Jonathan Lane. Hungarian translation
  2. What does a good web page need?, by Mark Norman Francis. Hungarian translation
  3. Colour Theory, by Linda Goin. Hungarian translation
  4. Building up a site wireframe, by Linda Goin. Hungarian translation
  5. Colour schemes and design mockups, by Linda Goin. Hungarian translation
  6. Typography on the Web, by Paul Haine. Hungarian translation

HTML basics

  1. The basics of HTML, by Mark Norman Francis. Hungarian translation
  2. The HTML <head> element, by Christian Heilmann. Hungarian translation
  3. Choosing the right doctype for your HTML documents, by Roger Johansson. Hungarian translation

The HTML body

  1. Marking up textual content in HTML, by Mark Norman Francis. Hungarian translation
  2. HTML Lists, by Ben Buchanan. Hungarian translation
  3. Images in HTML, by Christian Heilmann. Hungarian translation
  4. HTML links — let's build a web! by Christian Heilmann. Hungarian translation
  5. HTML tables, by Jen Hanen. Hungarian translation
  6. HTML forms — the basics, by Jen Hanen. Hungarian translation
  7. Lesser-known semantic elements, by Mark Norman Francis. Hungarian translation
  8. Generic containers — the div and span elements, by Mark Norman Francis. Hungarian translation
  9. Creating multiple pages with navigation menus, by Christian Heilmann.
  10. Validating your HTML, by Mark Norman Francis.

Accessibility

  1. Accessibility basics, by Tom Hughes-Croucher.
  2. Accessibility testing, by Benjamin Hawkes-Lewis.

CSS

  1. CSS basics, by Christian Heilmann.
  2. Inheritance and Cascade, by Tommy Olsson.
  3. Text styling with CSS, by Ben Henick.
  4. The CSS layout model - boxes, borders, margins, padding, by Ben Henick.
  5. CSS background images, by Nicole Sullivan.
  6. [Styling lists and links]], by Ben Buchanan.
  7. Styling tables, by Ben Buchanan.
  8. Styling forms, by Ben Henick.
  9. Floats and clearing, by Tommy Olsson.
  10. CSS static and relative positioning, by Tommy Olsson.
  11. CSS absolute and fixed positioning, by Tommy Olsson.

Advanced CSS study

  1. Headers, footers, columns, and templates, by Ben Henick

JavaScript core skills

  1. Programming - the real basics!, by Christian Heilmann
  2. What can you do with JavaScript?, by Christian Heilmann
  3. Your first look at JavaScript, by Christian Heilmann
  4. JavaScript best practices, by Christian Heilmann
  5. The principles of unobtrusive JavaScript, by PPK
  6. JavaScript functions, by Mike West
  7. Objects in JavaScript, by Mike West
  8. Traversing the DOM, by Mike West
  9. Creating and modifying HTML, by Stuart Langridge
  10. Dynamic style - manipulating CSS with JavaScript, by Greg Schechter
  11. Handling events with JavaScript, by Robert Nyman
  12. JavaScript animation, by Stuart Langridge
  13. Graceful degredation versus progressive enhancement, by Christian Heilmann

Mobile web development

  1. Mobile 1: Introduction to mobile web, by Brian Suda

Supplementary articles

Proposed Updates and Additions to Web Standards Curriculum

Retrieved from "http://www.w3.org/wiki/Web_Standards_Curriculum"
Personal tools