Re: Restructuring of the learning material Wiki

I see you've added this to the Wiki - great!

FYI, I have a couple of nearly finished SVG articles, written by David Storey, which he would not mind us using as part of this course. I'll send them to you in a minute Jeremie.



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