This page tries to track ongoing documentation work in the MDN Learn section.
Summary
Pages | No tags | Needs* tags | Missing tags | Editorial reviews | Technical reviews | Outdated pages | Documentation requests |
---|---|---|---|---|---|---|---|
243 | 3 (2%) | 22 (10%) | 69 (29%) | 15 (7%) | 14 (6%) | 50 (21%) | 10 (5%) |
See also localization status of this section.
No tags
Found 3 pages. Learn more about how to tag pages.
Needs* tags
Found 22 pages. Learn more about how to deal with meta-tags.
- NeedsContent
-
NeedsActiveLearning
- How can we design for all types of users?
- How do I set up a basic working environment?
- How do you make sure your website works properly?
- How do you upload files to a web server?
- What are hyperlinks?
- What do common web layouts contain?
- What is a URL?
- What is a domain name?
- What is accessibility?
- What is the difference between webpage, website, web server, and search engine?
- What software do I need to build a website?
- What text editors are available?
- needsSchema
- NeedsExample
- NeedsUpdate
- NeedsBeginnerUpdate
Missing tags
At least missing one of the following: Navigation, WebMechanics, Search, Credibility, Security, Composing, Remixing, Design, Accessibility, CodingScripting, Infrastructure, Sharing, Collaborating, Community, Privacy, OpenPractices, junk, Index, MDN
Found 69 pages. Learn more about how to tag pages.
- CSS layout
- Introduction to CSS layout
- Attribute selectors
- Combinators and multiple selectors
- Pseudo-classes and pseudo-elements
- Selectors
- Simple selectors
- A cool looking box
- Fundamental text and font styling
- Styling links
- Styling lists
- Web fonts
- Use CSS to solve common problems
- CSS FAQ
- How do I use GitHub Pages?
- How do you host your website on Google App Engine?
- How do you set up a local testing server?
- Drafts
- Quickly Learn Object Oriented Programming
- Understanding Cloud architectures
- What people need to see your web site
- HTML
- Forms and buttons
- Form and button basics
- HTML Cheatsheet
- HTML forms
- Advanced styling for HTML forms
- Form data validation
- HTML forms in legacy browsers
- HTML5 form updates
- How to build custom form widgets
- Example 1
- Example 2
- Example 3
- Example 4
- Example 5
- Example
- Sending forms through JavaScript
- Styling HTML forms
- The native form widgets
- Example
- Adding vector graphics to the Web
- Images in HTML
- Video and audio content
- Define terms with HTML
- Tips for authoring fast-loading HTML pages
- Using data attributes
- How to contribute to the Learning Area on MDN
- Storing the information you need — Variables
- Use JavaScript to solve common problems
- Django Tutorial Part 6: Generic list and detail views
- Django Tutorial Part 8: User authentication and permissions
- Express Tutorial Part 5: Displaying library data
- WebGL
- WebGL by example
- Basic scissoring
- Boilerplate 1
- Canvas size and WebGL
- Clearing by clicking
- Clearing with colors
- Color masking
- Detect WebGL
- Hello GLSL
- Hello vertex attributes
- Raining rectangles
- Scissor animation
- Simple color animation
- Textures from code
- Video textures
Editorial reviews
Found 15 pages. Learn more about how to do an editorial review.
- Cascade and inheritance
- Getting started with the Web
- Debugging HTML
- Define terms with HTML
- Drawing graphics
- Object prototypes
- Looping code
- Use JavaScript to solve common problems
- Django Tutorial Part 10: Testing a Django web application
- Django Tutorial Part 6: Generic list and detail views
- Django Tutorial Part 8: User authentication and permissions
- Express Tutorial Part 6: Working with forms
- Setting up a Node development environment
- Client-Server overview
- Website security
Technical reviews
Found 14 pages. Learn more about how to do a technical review.
- Practical positioning examples
- Design of Navigation Menus
- Web servers and Firewall - Maximum Security Against Attack
- Getting started with the Web
- HTML Cheatsheet
- Form data validation
- Add a hit map on top of an image
- Using data attributes
- Inheritance in JavaScript
- Object building practice
- Django Tutorial Part 3: Using models
- Django Tutorial Part 6: Generic list and detail views
- Django Tutorial Part 9: Working with forms
- Video textures
Outdated pages
Found 50 pages. These pages haven't been updated in over a year. Outdated pages can have problems with both content and format. Look at these pages and consider: Is this page talking about the Web of today? Does it look consistent with newer pages in this topic area? If not, make any needed changes.
- create fancy boxes
572 days old - Coding-Scripting
514 days old - How can we design for all types of users?
514 days old - How do I set up a basic working environment?
506 days old - How do I start to design my website?
514 days old - How do I use GitHub Pages?
439 days old - How do you make sure your website works properly?
514 days old - How does the Internet work?
514 days old - What HTML features promote accessibility?
487 days old - What are browser developer tools?
514 days old - What do common web layouts contain?
514 days old - What is a domain name?
505 days old - What is accessibility?
710 days old - Drafts
513 days old - Design of Navigation Menus
685 days old - How email works
915 days old - How image maps work
915 days old - How websites work with databases
915 days old - Python
628 days old - Conditionals
513 days old - Getting to know the interactive interpreter
513 days old - Hello world
513 days old - Installing Python on your machine
513 days old - Lists
513 days old - Loops
513 days old - Quickly Learn Object Oriented Programming
400 days old - Variables
513 days old - Understanding Cloud architectures
915 days old - Web security
597 days old - Web servers and Firewall - Maximum Security Against Attack
514 days old - HTML Cheatsheet
600 days old - Add a hit map on top of an image
652 days old - Define terms with HTML
400 days old - Use JavaScript within a webpage
761 days old - Index
680 days old - WebGL by example
534 days old - Basic scissoring
534 days old - Boilerplate 1
534 days old - Canvas size and WebGL
534 days old - Clearing by clicking
534 days old - Clearing with colors
534 days old - Color masking
534 days old - Detect WebGL
534 days old - Hello GLSL
534 days old - Hello vertex attributes
534 days old - Raining rectangles
534 days old - Scissor animation
534 days old - Simple color animation
534 days old - Textures from code
534 days old - Video textures
516 days old
Documentation requests
Found 10 bugs. Documentation request bugs can contain various kinds work related to MDN pages. Read through the bug and ask questions in the bug if in doubt.
Bug | Summary |
---|---|
993425 | A new landing page for the Python Programming Language |
1063999 | Guide to text, text formatting and styling, and text rendering on the Web |
1171753 | "Common Pitfalls to avoid in Web Design" - this page is missing |
1236263 | Not able to configure arm emulation env |
1249852 | Incorrect documentation in Function definition |
1255775 | Some of the advanced level links are very old |
1281266 | Output of two lines of code is wrong in attached doc. |
1298714 | FTP is not the only way to upload files to a web server |
1320420 | Box model recap page refers to an example that is not shown |
1352742 | Example 2: Breaking to a label |
Browse as bug list.
Localizations
Please help us to localize this documentation into different languages. Read more about how to translate.
Language | Pages | Translated | Translations up to date |
---|---|---|---|
af | 152 | 0 (0%) | 0 (0%) |
bn-BD | 152 | 2 (1%) | 0 (0%) |
de | 152 | 11 (7%) | 0 (0%) |
es | 152 | 25 (16%) | 2 (8%) |
fa | 152 | 3 (1%) | 0 (0%) |
fr | 241 | 111 (46%) | 53 (47%) |
it | 152 | 6 (3%) | 0 (0%) |
ja | 152 | 4 (2%) | 0 (0%) |
ko | 152 | 18 (11%) | 2 (11%) |
pl | 152 | 3 (1%) | 0 (0%) |
pt-BR | 152 | 17 (11%) | 2 (11%) |
pt-PT | 152 | 2 (1%) | 0 (0%) |
ro | 152 | 2 (1%) | 0 (0%) |
ru | 165 | 21 (12%) | 5 (23%) |
zh-CN | 238 | 70 (29%) | 48 (68%) |
zh-TW | 152 | 6 (3%) | 1 (16%) |
How to contribute
The learning area on MDN is brand new and offer a lot of opportunities for contribution from small tasks to large ones. Here's a list of all what you can do to help.
Writing learning articles
Expected time: A few hours
This is the core of the Learning Area. Those article are self teaching material which details a given skills to learn. A learning article focus on a single topic to learn and follow a strict structure which include. Read "Write an article to help learn about the Web" to learn how to structure such an article.
As an example, you can be inspired by the "Understanding URLs and their structure" article. See the Writing priorities section to know what is needed.
Creating "Active learning" material
Expected time: A few days
A TextBook article always need to be linked to some Active Learning materials. Those are projects, exercises, interactive code samples or everything that allows the reader to interact with a topic details into a TextBook. Such learning material is as important as any TextBook.
To create such Active Learning material, you are free to use any tools you wish. Nonetheless we strongly encourage you to use the WebMaker tools (especially Thimble) to do so as it provides various features very helpful for beginners and allows anyone to remix any content to learn from.
Creating learning pathways
Expected time: From a few hours to a few days
We also call them "learning tutorials". A learning pathways, explain how to complete a task and will link to all the necessary TextBook articles. As it is a pathways, it will also tell in which order the various TextBook need to be read to be able to complete the task. This is the backbone of the Learning Area as it provides guidance on what to learn first to do something.
Improve the glossary
Expected time: From a few minutes to a few hours
Our glossary is one of the key element for the Learning Area, see its dedicated doc status page for details on how to contribute.
Handle tagging
Expected time: From a few minutes to a few hours
Tagging is very important on the Learning Area. We should not have pages without tags. At minimum, a page in the Learning Area should have two tags:
Making editorial and technical review is also important. Remember that it's more important to be understood than to be technically perfect.
Get involved
Want to do more? Great, any one who wants to get involved with this project is welcome. Everything is discussed directly on MDN discussion forum.
Chris Mills is the resource leading this project; feel free to contact him with any questions. He's available, for sure, on IRC (UK time) on the various MDN channels (#mdn, #mdndev) and more.
Team
- chrisdavidmills: Project leader.
- klez: Glossary topic driver
Goals
The overall goals of the project are:
- Improve the discoverability of beginner contents: We have some existing contents but it is pretty hard to find. We need to organize it in a better way for beginners.
- Improve the quantity of beginner contents: While writing we mainly focus on average and advanced users. As a consequence, we lack some serious beginner oriented contents. We need to write those missing contents and organize them with the existing contents to make easier for everybody to access and contribute to them.
- Improve the quality of beginner contents: Still, we have some existing content for beginners but we need to organize it, complete it and make it more appealing.
- Make sure beginners are taught well during their journey to the Web: MDN is not the only resource out there to learn the Web. Beyond our own contents, it's part of the Mozilla mission to help discover and found useful good resources to learn about the web.
Success metrics
In order to get some rational measurement about the success of our actions, the following metrics are suggested:
- Measure the increase number of unique visitors on beginner contents:
That would be a good sign that our beginner contents is easier to reach. For 2015, we expect to get 580 000 unique visitors to our Learn zone and Glossary by the end of the year. - Measure the increase number of returning visitors on beginner contents:
That would be a good sign that the beginners content is appealing for them. - Measure the increase of time per page on the beginners content:
That would be a sign that more beginners read and learn from that content. - Measure the decrease of bounce rate on the beginners content:
That would be a sign that more beginners read and learn more from content on MDN - Measure bounce to third party resources we selected:
That would be the sign that more users trust MDN as a reliable source of information regarding third party content. - Measure the increase of incoming links to MDN beginner contents:
That would be the sign that MDN is considered as a trustable resource for beginners.
In addition, we should try to gather direct feedback on the improvements which are to be made.
Current available metrics are available on WikiMo.
Note: This project is action-driven, not time-driven. This means that we will do what needs to be done to create this content, regardless of how long it takes. However, to avoid being bogged down in this project forever, it is broken down into small, actionable steps which let us measure progress frequently.
Project status
2014 Archives
- Kick off
- Creating a survey about MDN and third party web sites for beginners
- Gathering initial feedback (We must do things with the webmaker team)
- Spreading the survey (dev-mdc dev-mdn, education, webmaker, engagement-developers, mozillan, reps-general)
- synthesize the survey and the raw feedback
- Spread the survey results: File:Learnin-area-survey-2014.pdf
- Inventory MDN content for beginners, intermediate, and advanced users (considered done even if it will be subject to change)
- Planning meeting with the WebMaker team on May 28/29
- Define how to structure beginner content
- Results of the "Tree of knowledge" workshop during the MDN Work week-end on March 2014
- It will help to tag content with http://goo.gl/vpxkP1 (Webmaker FTW)
- Draft plan is: https://etherpad.mozilla.org/learning-area-structure
- Mock up for a possible Learning Zone landing page: https://moqups.com/JeremiPat/9MbRALc2
- Sort out the results of the code sample survey
- Set up the Documentation status page for the Learning Zone
Status reports
References
- Chris Mills awesome work:
- Notes from MozFest 2013: https://teach.etherpad.mozilla.org/scrum7-future?
- WebMaker project info:
- https://wiki.mozilla.org/Learning/WebLiteracyStandard
- https://wiki.mozilla.org/Webmaker/Roadmap
- https://webmaker.org/standard
- NOTE:This project is a complement to the webmaker initiative, not a competitor. It can be considered as a concrete implementation of some of the webmaker ideas. Due to its nature MDN will focus on the following skills define by the Web Literacy Standard: Web Mechanics, Composing for the Web, Design and Accessibility, Coding/scripting, and Infrastructure.
- Definition of HTML tag by WebMaker: https://etherpad.mozilla.org/simple-mdn
- Pamela Fox at dotJS 2013 about "Making JavaScript more learnable": http://www.youtube.com/watch?v=4JdS5RHGroQ
- The Opera Curriculum
- On the W3C Wiki: http://www.w3.org/community/webed/wiki/Main_Page
- On Webplaform.org: http://docs.webplatform.org/wiki/html/tutorials
- Learning pathway
Existing third party content
These web sites are potential sources of inspiration when creating content for new Web developers.
- English
- http://www.w3schools.com
- http://www.codecademy.com/tracks/web
- http://ejohn.org/apps/learn/
- http://learn.shayhowe.com/
- https://www.codeschool.com
- https://www.learnstreet.com
- http://www.codeavengers.com
- https://www.khanacademy.org (not web related but good ideas for inspiration)
- Very cool interactive videos (wich use of the full potential of the web platform)
- French