W3C home > Mailing lists > Public > public-webed@w3.org > October 2011

Re: Restructuring of the learning material Wiki

From: Jeremie Patonnier <jeremie.patonnier@gmail.com>
Date: Sat, 1 Oct 2011 12:06:28 +0200
Message-ID: <CAEi838mL4fwUVJ9TFascS-0makaM-rCbhKvy3LA_R=gZdr_Ldg@mail.gmail.com>
To: Chris Mills <cmills@opera.com>
Cc: public-webed@w3.org, schepers@w3.org
Hi all,

2011/9/30 Chris Mills <cmills@opera.com>

> http://www.w3.org/wiki/WSC_proposed_updates#OTHER_THINGS_TO_COVER(especially SVG - please grab it and roll it out to it's own section. Doug?
> Jeremie?)

Here are some idea to start an SVG course (I updated the wiki accordingly)

SVG is a very large specification with many functionalities so I suggest to
build a progressive course focus on those functionalities (each point is an
article with 2 main category : Basic and Advanced) :

*Part 1 : SVG BASICS*

   1. *History and usage* : As for HTML, it could be good to start by giving
   some context: What is it, Where does it come, What is it made for, How is it
   different than HTML?
   2. *Syntax and deployment* : This part would introduce the basic syntax,
   the concept of viewport and absolute positioning and finally how to embed an
   SVG document inside other language (basically HTML and CSS)
   3. *Basic shapes* : This part will be dedicated to the basic shapes
   available in SVG
   4. *Position and transformation* : To go deeper inside the viewport thing
   and to explain the role of the transformations.
   5. *Using text in SVG*
   6. *Styling SVG* : This is where we would detailed how to use
   presentation attributes and their CSS counterpart.
   7. *Scripting SVG* : Where we could introduce the SVG DOM API.

*Part 2 : SVG ADVANCED *

   1. *How to build Pathes* : To dig into the syntax of the d attribute on
   path elements
   2. *Animating the web with SVG Animations* : How to use SVG Animations
   3. *SVG Filters* : This would be an introduction to filters but each
   filters could have it's own article (Filters a really hard things)
   4. *Clipping and Masking*
   5. *Patterns*
   6. *Gradients*
   7. *Dealing with the external* : This part would be dedicated to the
   foreignObject element but also to links and images elements.

It's obviously possible to go deeper but it's already a huge starting point
and writing all of this will take a significant time. I also think we can
use the SVG Primer by David
as a good starting point. The
tutorial available on the
MDN<https://developer.mozilla.org/en/SVG/Tutorial>[2] is also a good
source of inspiration. Doug, what do you think? Is there
something missing?

[1] http://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html
[2] https://developer.mozilla.org/en/SVG/Tutorial

Web : http://jeremie.patonnier.net
Twitter : @JeremiePat <http://twitter.com/JeremiePat>
Received on Saturday, 1 October 2011 10:07:26 UTC

This archive was generated by hypermail 2.3.1 : Tuesday, 6 January 2015 19:52:02 UTC