Opera Web Standards Curriculum

Learn to build a better Web with Opera

Learning Web Standards just got easier. Opera's new Web Standards Curriculum, released in association with the Yahoo! Developer Network, is a complete course to teach you standards-based web development, including HTML, CSS, design principles and background theory, and JavaScript basics. It already has support from many organizations (including Yahoo! and the Web Standards Project) and universities. The first 23 articles are currently available, with about 30 more to be published between now and late September.

Table of contents

Note that currently the first 39 articles of the curriculum are published, with roughly 10 more to follow to complete the course, ASAP.

The beginning

  1. Introductory material, by Chris Mills.

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.
  2. How does the Internet work?, by Jonathan Lane.
  3. The Web standards model—HTML, CSS and JavaScript, by Jonathan Lane.
  4. Beautiful dream, but what's the reality?, by Jonathan Lane.

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.
  2. What does a good web page need?, by Mark Norman Francis.
  3. Colour Theory, by Linda Goin.
  4. Building up a site wireframe, by Linda Goin.
  5. Colour schemes and design mockups, by Linda Goin.
  6. Typography on the web, by Paul Haine.

HTML basics

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

The HTML body

  1. Marking up textual content in HTML, by Mark Norman Francis.
  2. HTML Lists, by Ben Buchanan.
  3. Images in HTML, by Christian Heilmann.
  4. HTML links—let's build a web! by Christian Heilmann.
  5. HTML Tables, by Jen Hanen.
  6. HTML Forms—the basics, by Jen Hanen.
  7. Lesser–known semantic elements, by Mark Norman Francis.
  8. Generic containers—the div and span elements, by Mark Norman Francis.
  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.

JavaScript articles

To follow...

Supplementary articles

Making Opera WSC work for you

For educators

Pass on Web Standards and good development practices to the next generation of Web developers. Opera's Web Standards Curriculum deconstructs Web Standards into modules you can teach either in order or as part of your own lesson plans.

For students

If your course already teaches Web Standards and best practices, then great - why not supplement your course texts with our material? If not, then lobby your teachers to adopt our material, thereby helping to improve the relevance of their lessons to real-world web development.

For Web developers

Web Standards have never been easier to learn. Everything you need to know is condensed into short, helpful tutorials that inform and inspire. Opera's Web Standards Curriculum can help you brush up on things you know and maybe even teach you something you didn't.

For businesses

Web Standards Curriculum is ideal for in-house training. Empower your development team to use Web Standards that reduce bandwidth, spur innovation and promote good coding practices across the Web.

For the Web

The beauty of the Web is that it creates a uniform, international development platform. Using Web Standards means your sites will be quicker to code and maintain, more compact, and accessible to web users regardless of their browsing platform and (dis)ability.

"I applaud Opera Software, and Chris Mills, and all who are working so hard to create a really well-organized, well-crafted and completely free series addressing both the conceptual and pragmatic. Well done, my Operatic friends! You get an A+."

Molly Holzschlag, Web standards advocate, instructor, and author, molly.com (quoted here)

"It has been now released and it's a wonderful piece of work. I will give it a full read and review in the next month and suggest things to Chris Mills. Now how can you help? Read it, use it in your Web agency, in your classroom, among your Web developers friends. Note what people misunderstood, suggest techniques to Chris Mills to improve his materials. Publish it on your blog, talk about it. Let it grow in the community. It's a cool work which comes from a long story and really it is beautiful story. Thanks to Chris Mills and Opera. They did it."

Karl Dubost, W3C

"Just wanted to send you a quick note to say thank you for your web standards course. I am a completely self- taught graphic designer, and I specialize in print. I have been trying (un-successfully) to teach myself web design for some time now, and your course has helped me more in the last 5 days than all of the other materials I have been trying for the last few years combined."

Candie Sampson, Art Director, NarrowCasting

More Testimonials

Be heard
Let us know what you think, in our Web Standards Curriculum forums.

Show your support
If you want to show your support for the Opera Web Standards Curriculum, link to it using one of these buttons.

Opera Education
The Opera Web Standards Curriculum is also part of the larger Opera Education outreach program dedicated to working closely with universities, schools, and other education institutions. Check out the full program at www.opera.com/education.

Opera Web Standards Curriculum, in association with the Yahoo! Developer Network.

Creative Commons Attribution, Non Commercial - Share Alike 2.5 licenseThese articles are licensed under a Creative Commons Attribution, Non Commercial - Share Alike 2.5 license.