Re: Restructuring of the learning material Wiki

Thanks Jeremie - this is awesome!

I will restructure the proposed articles page today, to add this stuff and get the mobile stuff updated according to the great discussions we had last week.

Janet, have you got any time this week to help out with this?

best,

Chris Mills
Open standards evangelist and dev.opera.com editor, Opera Software
Co-chair, web education community group, W3C

* Try Opera: http://www.opera.com
* Learn about the latest open standards technologies and techniques: http://dev.opera.com
* Contribute to web education: http://www.w3.org/community/webed/

On 1 Oct 2011, at 11:06, Jeremie Patonnier wrote:

> 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
> 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?
> 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)
> Basic shapes : This part will be dedicated to the basic shapes available in SVG
> Position and transformation : To go deeper inside the viewport thing and to explain the role of the transformations.
> Using text in SVG
> Styling SVG : This is where we would detailed how to use presentation attributes and their CSS counterpart.
> Scripting SVG : Where we could introduce the SVG DOM API.
> Part 2 : SVG ADVANCED 
> How to build Pathes : To dig into the syntax of the d attribute on path elements
> Animating the web with SVG Animations : How to use SVG Animations
> SVG Filters : This would be an introduction to filters but each filters could have it's own article (Filters a really hard things)
> Clipping and Masking
> Patterns
> Gradients
> 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 Dailey [1] as a good starting point. The tutorial available on the MDN [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
> 
> Regards
> -- 
> Jeremie
> .............................
> Web : http://jeremie.patonnier.net
> Twitter : @JeremiePat