path: root/files/pt-pt/mdn/at_ten/history_of_mdn/index.html

---
title: A História da MDN
slug: MDN/At_ten/History_of_MDN
tags:
  - História
  - Metadados MDN
translation_of: MDN_at_ten/History_of_MDN
original_slug: MDN_at_ten/Historia_da_MDN
---
<div class="summary">
<p>In this talk, several contributors of the MDN project look at the past ten years of <a href="https://developer.mozilla.org">developer.mozilla.org</a>, and at the decade to come. You will hear the story of different wiki software migrations, how a documentation community was built, and many more highlights of the history of the site. The group then also talks about current challenges and projects the MDN community is working on this year.</p>

<div class="chapter-audio">
<div class="hidden" id="audio">
<h3 id="Conteúdo_HTML">Conteúdo HTML</h3>

<pre class="brush: html">&lt;audio controls="controls"&gt;
  Looks like your browser doesn't have a built-in audio player. Grab the file and play it yourself from here: https://videos.cdn.mozilla.net/uploads/mdn/MDN10/MDN_RoundTable.mp3
  &lt;source src="https://videos.cdn.mozilla.net/uploads/mdn/MDN10/MDN_RoundTable.mp3" type="audio/mp3"&gt;
&lt;/audio&gt;
</pre>

<pre class="brush: css"> body{margin-top:8px;}</pre>
</div>

<p>{{ EmbedLiveSample('audio', '100%', '60px') }}</p>

<p>Below, learn more about the people who are sharing their memories and thoughts, and get a deeper look at specific details they mention.</p>
</div>
</div>

<div class="chapters" id="chapters">
<article class="chapter chapter-portrait" id="hoosteeno"><a class="chapter-portrait-img" href="https://twitter.com/hoosteeno"><img alt="Justin Crawford" src="https://avatars0.githubusercontent.com/u/94519" style="height: 128px; width: 128px;"> </a>

<h2 id="Justin_Crawford_Product_Manager_MDN">Justin Crawford <small> Product Manager, MDN</small></h2>

<p>Justin moderates this talk and makes things with code, words, bike parts, and lumber. He is <a href="https://twitter.com/hoosteeno">@hoosteeno</a> on Twitter.</p>
</article>

<article class="chapter chapter-justtext" id="mdn-intro">
<h2 id="O_que_é_MDN_e_para_quem_é_Um_lugar_para_a_comunidade_Open_Web_Um_lugar_para_a_comunidade_da_'Web_Aberta'">O que é MDN, e para quem é? Um lugar para a comunidade Open Web <small> Um lugar para a comunidade da '<em>Web </em>Aberta'</small></h2>

<p>MDN provides useful information for Web technologies, and encourages learning, sharing, and teaching in the open Web community. On MDN, you come together and make things for yourself and for others.</p>
A place for Mozilla developers

<p>MDN is also a place for Mozilla engineers, such as Gecko or Firefox hackers, add-on developers, and Firefox OS contributors.</p>
</article>

<article class="chapter chapter-portrait" id="sheppy"><a class="chapter-portrait-img" href="https://twitter.com/sheppy"><img alt="Eric Shepherd" src="https://pbs.twimg.com/profile_images/454358640518914048/WX1xBTs9.jpeg" style="height: 128px; width: 128px;"> </a>

<h2 id="Eric_Sheppy_Shepherd_Technical_Writer_MDN">Eric "Sheppy" Shepherd <small> Technical Writer, MDN</small></h2>

<p>Sheppy has been here documenting for Mozilla since 2006, and has a lot of history (and crazy ideas) when it comes to MDC and MDN over the years. He is <a href="https://twitter.com/sheppy">@sheppy</a> on Twitter.</p>
</article>

<article class="chapter chapter-justtext" id="mdn-history">
<h2 id="The_history_of_MDN_Pre-wiki_era_–_Netscape_DevEdge">The history of MDN <small> Pre-wiki era – Netscape DevEdge</small></h2>

<p>In the early days there was <em>DevEdge</em>, the developer documentation from Netscape which formed the basis of some of MDN's documentation. Have a look at the past on <a href="https://web.archive.org/web/20020819120942/http://devedge.netscape.com/">archive.org</a>:</p>

<p><a href="https://web.archive.org/web/20020819120942/http://devedge.netscape.com/"><img alt="Netscape DevEdge" src="https://mdn.mozillademos.org/files/11581/devedge.png" style="height: 300px; width: 600px;"> </a></p>

<p>On October 12, 2004, this popular developer website was shut down by AOL, Netscape's parent company. Only a few months later, in February 2005, <a href="https://blog.lizardwrangler.com/">Mitchell Baker</a> was able <a href="https://blog.lizardwrangler.com/2005/02/23/devmo-and-devedge-updates/"> to rescue DevEdge</a> and reached an agreement with AOL that allowed Mozilla to post, modify, and create new documents based on the former Netscape DevEdge materials. In other words, what happened to the Mozilla source in 1998 finally happened for Netscape's developer documentation as well: <strong>It became open source</strong>.</p>

<p>Deb Richardson joined the Mozilla Foundation as a Technical Editor and lead the new <em>DevMo</em> project for community driven developer documentation.</p>
</article>

<article class="chapter chapter-justtext" id="mediawiki">
<h2 id="MediaWiki_The_first_wiki_engine">MediaWiki <small> The first wiki engine</small></h2>

<p>With MediaWiki as the new underlying project platform, the Mozilla developer documentation has been made editable for anyone starting in July 2005. A new collaborative element in Mozilla was established and since then anyone is welcome to help making it better and to share knowledge. A new international community began to grow and to translate developer contents into other languages.</p>

<p><a href="https://web.archive.org/web/20051226031957/http://developer.mozilla.org/en/docs/Main_Page"><img alt="MDC MediaWiki" src="https://mdn.mozillademos.org/files/11583/mediawiki.png" style="height: 390px; width: 600px;"> </a></p>
</article>

<article class="chapter chapter-portrait" id="fscholz"><a class="chapter-portrait-img" href="https://twitter.com/floscholz"><img alt="Florian Scholz" src="https://avatars1.githubusercontent.com/u/349114" style="height: 128px; width: 128px;"> </a>

<h2 id="Florian_Scholz_Technical_Writer_MDN">Florian Scholz <small> Technical Writer, MDN</small></h2>

<p>Florian is a Technical Writer at Mozilla focused on open web technologies. He is a wiki gnome, gardening the documentation as if it were flowers, and he likes to work with the community toward the goal of documenting the Web and making it accessible to everyone. Florian is passionate about open source, he is based in Bremen, Germany, and tweets as <a href="https://twitter.com/floscholz">@floscholz</a> on Twitter.</p>
</article>

<article class="chapter chapter-justtext" id="dekiwiki">
<h2 id="DekiWiki_The_second_wiki_engine">DekiWiki <small> The second wiki engine</small></h2>

<p>In August 2008, the Mozilla Developer Center switched to <a href="https://sourceforge.net/projects/dekiwiki/">MindTouch DekiWiki</a>, a powerful and new content management system and wiki system for technical documentation. This platform change was quite controversial in the community that was used to MediaWiki from 2005 on and built tools around it.</p>

<p><a href="https://web.archive.org/web/20080907231611/http://developer.mozilla.org/en"><img alt="MDC DekiWiki" src="https://developer-samples.allizom.org/files/6478/dekiwiki.png"> </a></p>
</article>

<article class="chapter chapter-portrait" id="aspivak"><a class="chapter-portrait-img" href="https://twitter.com/alispivak"><img alt="Ali Spivak" src="https://pbs.twimg.com/profile_images/111121498/ali_profile1.jpg" style="height: 128px; width: 128px;"> </a>

<h2 id="Ali_Spivak_Herder_of_awesome_MDN_cats">Ali Spivak <small> Herder of awesome MDN cats</small></h2>

<p>Ali Spivak manages content &amp; community on the Mozilla Developer Network and spends her time thinking of ways to help make the Web even more awesome. She is passionate about maintaining a free and open Web, and, after jumping into open source when she joined Mozilla in 2012, has focused on building and participating in the developer communities at Mozilla. She is <a href="https://twitter.com/alispivak">@alispivak</a> on Twitter.</p>
</article>

<article class="chapter chapter-justtext" id="kuma">
<h2 id="Kuma_The_third_and_current_wiki_engine">Kuma <small> The third and current wiki engine</small></h2>

<p><a href="https://github.com/mozilla/kuma">Kuma</a>, forked from <a href="https://github.com/mozilla/kitsune">Kitsune</a> in early 2011 and launched on August 3, 2012, is a Mozilla-built wiki platform based on Django with its own <a href="/en-US/docs/MDN/Kuma/Introduction_to_KumaScript">KumaScript</a> macro system which uses Node.js.</p>

<p>With the code living on GitHub, the community started to contribute to MDN's CMS as well. From now on, hacking on MDN includes both writing documentation and Kuma coding.</p>

<p><a href="https://web.archive.org/web/20121003233220/https://developer.mozilla.org/en-US/"><img alt="MDN KUMA" src="https://mdn.mozillademos.org/files/11585/kuma.png" style="height: 287px; width: 600px;"> </a></p>
</article>

<article class="chapter chapter-portrait" id="davidwalsh"><a class="chapter-portrait-img" href="http://twitter.com/davidwalshblog"><img alt="David Walsh" src="https://pbs.twimg.com/profile_images/2587630901/6gk0dqubt5512yk18a6o_400x400.png" style="height: 128px; width: 128px;"> </a>

<h2 id="David_Walsh_Web_developer_MDN">David Walsh <small> Web developer, MDN</small></h2>

<p>Mozilla Sr. Web Developer, Front-End Engineer, MooTools Core Developer, Javascript Fanatic, CSS Tinkerer, PHP Hacker, web and open source lover. David is <a href="https://twitter.com/davidwalshblog">@davidwalshblog</a> on Twitter.</p>
</article>

<article class="chapter chapter-justtext" id="mdn-redesign">
<h2 id="Redesigning_MDN_Kuma_with_the_refreshed_design">Redesigning MDN <small> Kuma with the refreshed design</small></h2>

<p>The redesign of MDN was a big project. <a href="https://twitter.com/mart3ll">Sean Martell</a> designed the new MDN visual identity. It was then an iterative process with a beta user group of 3000 MDNers during several months. The new look was behind a "Waffle flag" (MDN's feature flag system). Major shout-outs also to <a href="https://twitter.com/davidwalshblog/">David Walsh</a> who was really championing the entire redesign and gave MDN the front-end that it deserves.</p>
<img alt="Waffle flag" src="https://mdn.mozillademos.org/files/11589/waffle-flag.jpg" style="height: 384px; width: 400px;"></article>

<article class="chapter chapter-portrait" id="jswisher"><a class="chapter-portrait-img" href="https://twitter.com/jmswisher"><img alt="Janet Swisher" src="https://pbs.twimg.com/profile_images/3681972492/8ed406f7d19e188e4e8936b6836b2214.jpeg" style="height: 128px; width: 128px;"> </a>

<h2 id="Janet_Swisher_Community_Manager_MDN">Janet Swisher <small> Community Manager, MDN</small></h2>

<p>Janet is a Mozilla Community Manager for Mozilla Developer Network. She joined Mozilla in 2010, and has been involved in open source software since 2004 and in technical communication since the 20th century. She is <a href="https://twitter.com/jmswisher">@jmswisher</a> on Twitter.</p>
</article>

<article class="chapter chapter-justtext" id="mdn-open">
<h2 id="Community_around_Open_Web_docs_Community-driven_browser-agnostic_Open_Web_documentation">Community around Open Web docs <small> Community-driven, browser-agnostic Open Web documentation</small></h2>

<p>At some point in 2010, especially when <a href="https://hacks.mozilla.org/2010/10/web-standards-doc-sprint-finis/">community members and Technical Writers met in Paris</a>, it became more obvious that MDN's focus is clearly shifting from "Let's document all things Firefox!" to "Let's document the Web!". Documentation has been cleaned up and restructured over the last few years, so that MDN's open Web documentation is browser-agnostic. This material, useful for anyone developing for the Web, is our most popular and most widely used content.</p>

<p>Different browser vendors have joined every once in a while to help shape this part of MDN. This cross-browser collaboration has been very successful and is appreciated by MDN's readers.</p>
</article>

<article class="chapter chapter-portrait" id="groovecoder"><a class="chapter-portrait-img" href="https://twitter.com/groovecoder"><img alt="Luke Crouch" src="https://pbs.twimg.com/profile_images/620387561031102464/DC_PRaDa.jpg" style="height: 128px; width: 128px;"> </a>

<h2 id="Luke_Crouch_Web_developer_MDN">Luke Crouch <small> Web developer, MDN</small></h2>

<p>Luke Crouch is a home-brewer, soccer fan and web developer for Mozilla. He's been developing on the web since 1996, using Firefox since 2004, writing open source software since 2006, and joined Mozilla as the first staff MDN web dev in 2010. Luke is <a href="https://twitter.com/groovecoder">@groovecoder</a> on Twitter.</p>
</article>

<article class="chapter chapter-justtext" id="l10n">
<h2 id="Localization_communities_MDN_serves_a_global_audience_in_many_languages">Localization communities <small> MDN serves a global audience in many languages</small></h2>

<p>Localization is a big part of the Mozilla community; it is a component of almost every project and product. Using Kuma, MDN is also very localizable and suited for the needs of <a href="/en-US/docs/MDN/Contribute/Localize">our l10n community</a>. The W3C specifications and other resources describing the Web's functionality have no direct goals, and have communities that provide specs in multiple languages. Especially for beginners, MDN is the first step to explore web technologies, so it's our aim to be there for everyone. MDN has a broad audience and aims to include not only native English speakers. It is appreciated all around the globe.</p>
</article>

<article class="chapter chapter-portrait"><a class="chapter-portrait-img" href="https://twitter.com//Sphinx_Twitt"><img alt="Julien" src="https://ffp4g1ylyit3jdyti1hqcvtb-wpengine.netdna-ssl.com/community/files/2015/05/ensemble.png" style="height: 128px; width: 128px;"> </a>

<h2 id="Julien_(a.k.a._Sphinx)_French_localization_MDN">Julien (a.k.a. Sphinx) <small> French localization, MDN</small></h2>

<p>Julien spent many nights and weekends over several month, translating JavaScript articles into French. He is not a developer, but has a background in IT and wants to learn more about new technologies. He contributes to MDN instead of watching TV.</p>
</article>

<article class="chapter chapter-portrait" id="teoli"><a class="chapter-portrait-img" href="https://twitter.com/Teoli2003"><img alt="Jean-Yves Perrier" src="https://pbs.twimg.com/profile_images/604271935099392001/NMrPWLGm.jpg" style="height: 128px; width: 128px;"> </a>

<h2 id="Jean-Yves_Perrier_Technical_Writer_MDN">Jean-Yves Perrier <small> Technical Writer, MDN</small></h2>

<p>Jean-Yves has been a Technical Writer on MDN since 2010 and joined Mozilla full-time at the end of 2011. He is passionate about the open Web, with 15 years of C++ experience. He is Swiss but lives in London, UK. His Erdös number is 5 and he is <a href="https://twitter.com/Teoli2003">@Teoli2003</a> on Twitter.</p>
</article>

<article class="chapter chapter-justtext" id="mdn-learning">
<h2 id="Learning_Area">Learning Area</h2>

<p>The MDN <a href="https://developer.mozilla.org/en-US/Learn">Learning Area</a> is a new effort to teach basic web skills. Over the last 10 years, MDN added a lot of advanced material, serving experts with valuable information. This project is focused on materials for beginners, and tries to fill in a lot of knowledge gaps.</p>
</article>

<article class="chapter chapter-portrait" id="jeremie"><a class="chapter-portrait-img" href="https://twitter.com/jeremiepat"><img alt="Jérémie Patonnier" src="https://pbs.twimg.com/profile_images/1731588715/jeremie-patonnier-150.jpg" style="height: 128px; width: 128px;"> </a>

<h2 id="Jérémie_Patonnier_Technical_Writer_MDN">Jérémie Patonnier <small> Technical Writer, MDN</small></h2>

<p>Jérémie is a long time contributor to the Mozilla Developer Network, and a professional web developer since 2000. He's advocating web standards and write documentation about web technologies with the will to make them accessible to everybody. He is <a href="https://twitter.com/JeremiePat">@JeremiePat</a> on Twitter.</p>
</article>

<article class="chapter chapter-justtext" id="mdn-future">
<h2 id="The_future_of_MDN_What_will_be_different_when_we_celebrate_20_years_of_MDN">The future of MDN <small> What will be different when we celebrate 20 years of MDN?</small></h2>

<p>Everyone involved with MDN really cares about the web being open and accessible, and that's why we have the localization teams and all of the people contributing. MDN hopes to continue to be a key player in keeping the Web the way we feel it should be.</p>

<p>One big part of this future is going to be learning resources. There will be a lot more Web developers over the next ten years.</p>

<p>Another big part of our job is maintaining and updating the information we already have, so we can always serve relevant content to Web developers.</p>

<p>What is changing and will likely change more in the future, is how information is consumed. Today people searching for information and looking up documentation. In the future, MDN documentation might be delivered directly in code editors, Firefox Developer Tools, and many other developer tools and services.</p>
</article>

<article class="chapter chapter-justtext" id="mdn-contributors">
<h2 id="Awesome_contributors_Many_more_people_have_done_amazing_work_on_MDN">Awesome contributors <small> Many more people have done amazing work on MDN</small></h2>

<div class="twocolumns">
<ul>
 <li>Les Orchard</li>
 <li>John Karahalis</li>
 <li>David Walsh</li>
 <li>Jannis Leidel</li>
 <li>Stephanie Hobson</li>
 <li>James Bennett</li>
 <li>Isac Lagerblad</li>
 <li>Piotrek Koszuliński</li>
 <li>Craig Cook</li>
 <li>Rob Hudson</li>
 <li>John Whitlock</li>
 <li>...<br>
  And many more <a href="https://github.com/mozilla/kuma/graphs/contributors">Kuma contributors.</a></li>
</ul>


<ul>
 <li>Chris Mills</li>
 <li>Will Bamberg</li>
 <li>David Bruant</li>
 <li>Thierry Régagnon</li>
 <li>etherthank</li>
 <li>Saurabh Nair</li>
 <li>Deb Richardson</li>
 <li>Sebastian Zartner</li>
 <li>Tooru Fujisawa</li>
 <li>Karen Scarfone</li>
 <li>Niklas Barning</li>
 <li>...<br>
  And hundreds more wiki collaborators.</li>
</ul>
</div>
<img alt="The Berlin Office" src="https://mdn.mozillademos.org/files/11591/11073502_781006205281080_8135317797319228200_o-600x400.jpg"></article>
</div>