Difference between revisions of "Main Page"

From Web Education Community Group
Jump to: navigation, search
(The beginning)
Line 211: Line 211:
 
** [[Croatian international project]]
 
** [[Croatian international project]]
 
** [[French international project]]
 
** [[French international project]]
 +
** [[it/|Italian international project]]
 
** [[Japanese international project]]
 
** [[Japanese international project]]
 
** [[fa/|Persian language international project]]
 
** [[fa/|Persian language international project]]

Revision as of 20:34, 30 August 2012

Welcome to the Web Education Community Group Wiki! This page contains resources to help you teach or learn modern web development:

  • The first section — The web standards curriculum — is a series of tutorial articles covering web design and development high level concepts, and essential technologies such as HTML, CSS and JavaScript. This is ideal for beginners wanting to learn the art of web design, or teachers looking for accurate material to use as the basis of teaching material.
  • The second section — References — is designed for looking up HTML and CSS language features.
  • The third section — Curriculum structures — is a complete set of web design-related curricula for teachers to use to put together courses, which includes sample assignments, example questions, reading lists, assessment criteria, and more.

Note: This is not a finalised site, but a development site for our material — it will be placed on a dedicated publishing platform in coming months, and a lot more material will be added. If you would like to contribute, please join the Web Education Community Group!


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 Hypertext Markup Language (HTML), Cascading Stylesheets (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.

The beginning

Introduction to the Web Standards Curriculum

Introduction to the world of web standards

  1. The history of the Internet and the web, and the evolution of web standards
  2. How does the Internet work?
  3. The web standards model - HTML CSS and JavaScript

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
  2. What does a good web page need?
  3. Colour Theory
  4. Building up a site wireframe
  5. Colour schemes and design mockups
  6. Typography on the Web

HTML beginnings

  1. The basics of HTML
  2. Doctypes and markup styles
  3. The HTML <head> element
  4. More about the document <head>

The HTML body

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

Accessibility

  1. Accessibility basics
  2. Accessibility testing

CSS

  1. CSS basics
  2. Advanced CSS selectors
  3. Inheritance and cascade
  4. CSS text styling part 1
  5. The CSS layout model - boxes, borders, margins, padding
  6. CSS background images
  7. Styling lists and links
  8. Styling tables
  9. Styling forms
  10. Floats and clearing
  11. CSS static and relative positioning
  12. CSS absolute and fixed positioning
  13. Debugging CSS
  14. CSS shorthand reference

Advanced CSS study

  1. Headers, footers, columns, and templates

JavaScript core skills

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

SVG

Mobile web development

  1. Mobile 1: Introduction to mobile web

Supplementary articles

Proposed Updates and Additions to Web Standards Curriculum

References

Curriculum structures

Basics and "soft" skills

Web design

Web development

Teaching materials

Each page in this section includes teaching notes, examples, slidedecks and other materials for teachers to use for hands-on teaching of the curriculum structures outlined in the Curriculum structures section.

Project activities

This section houses a record of all activities being undertaken in past, present or future by the Web Education Community Group, split into projects.

IMPORTANT: Please don't pollute these pages with random stuff - if you just want to doodle or record random thoughts, put it in the Ideas Playground .


Other available resources are as follows: