Drumbeat/p2pu/Open Web Competency Map: Difference between revisions

Jump to navigation Jump to search
no edit summary
No edit summary
Line 64: Line 64:
* Also, [http://wiki.mozilla.org/Drumbeat/p2pu/Assessment_and_Accreditation/Assessment_Schema_1 a general webcraft curriculum (as content and habits) is growing here.]
* Also, [http://wiki.mozilla.org/Drumbeat/p2pu/Assessment_and_Accreditation/Assessment_Schema_1 a general webcraft curriculum (as content and habits) is growing here.]


== Competency Map ==
== Competency Map ==
 
 
 
[[Image:Mapofopenweb.png|700px|Mapofopenweb.png]]
 
Here is a [[Drumbeat/p2pu/Open Web Competency Map/dot file|.dot file]]. The .dot file can be edited in text editor and visualized with Graphviz or other graph software. You can also open .dot files in OmniGraffle to make them pretty, but unfortunately not save back in .dot format (bad OmniGraffle!).
 
I wrote a [http://bokaap.net/open-edu/making-maps/ blog post] about the process and above is an example made with OmniGraffle.


A first stab drawing from a meeting in Mountain View with Philipp, Arun, and Chris


http://farm5.static.flickr.com/4022/4463166405_e4b319a999.jpg
*0103 Site design
*0104 Information architecture
*0105 Interactive design
*0106 Scripting and programming


Here is a [[Drumbeat/p2pu/Open_Web_Competency_Map/dot_file|.dot file]]. The .dot file can be edited in text editor and visualized with Graphviz or other graph software. You can also open .dot files in OmniGraffle to make them pretty, but unfortunately not save back in .dot format (bad OmniGraffle!).
*0201 How the web works
*0202 What is a URL
*0203 The DNS and why it matters
*0204 HTTP and web protocols
*0205 How does a browser work
*0206 What is HTML
*0207 HTML document structure
*0208 What is a DTD
*0209 What is CSS
*0210 What is XML
*0211 RSS feeds
*0212 JPG, GIF and PNG
*0213 What is Javascript
*0214 What is AJAX
*0215 PHP, .NET, JSP and ColdFusion
*0216 SQL
*0217 Content management systems
*0218 What is an API


I wrote a [http://bokaap.net/open-edu/making-maps/ blog post] about the process and here is an example made with OmniGraffle:
*0301 What should I learn first
*0302 Getting online quickly
*0303 Web Design Applications
*0304 Additional Web development tools
*0305 Designing for multiple browsers
*0306 Deisnging for accessibility
*0307 Progressive enhancement
*0308 Choosing a web host
*0309 Registering a domain name


[[File:Mapofopenweb.png|700px]]
=== Original Skill Map<br> ===


* 0103 Site design
A first stab drawing from a meeting in Mountain View with Philipp, Arun, and Chris
* 0104 Information architecture
* 0105 Interactive design
* 0106 Scripting and programming


* 0201 How the web works
http://farm5.static.flickr.com/4022/4463166405_e4b319a999.jpg <br>
* 0202 What is a URL
* 0203 The DNS and why it matters
* 0204 HTTP and web protocols
* 0205 How does a browser work
* 0206 What is HTML
* 0207 HTML document structure
* 0208 What is a DTD
* 0209 What is CSS
* 0210 What is XML
* 0211 RSS feeds
* 0212 JPG, GIF and PNG
* 0213 What is Javascript
* 0214 What is AJAX
* 0215 PHP, .NET, JSP and ColdFusion
* 0216 SQL
* 0217 Content management systems
* 0218 What is an API


* 0301 What should I learn first
=== Advanced Ideas  ===
* 0302 Getting online quickly
* 0303 Web Design Applications
* 0304 Additional Web development tools
* 0305 Designing for multiple browsers
* 0306 Deisnging for accessibility
* 0307 Progressive enhancement
* 0308 Choosing a web host
* 0309 Registering a domain name


=== Advanced Ideas ===
*A/B Testing  
* A/B Testing
*Analytics
* Analytics
426

edits

Navigation menu