SlideShare a Scribd company logo
Getting
Started
on
MDN
#MozillaPH
#MDNPH
Let’s get to know
each other first.
What is your name?
From where are you?
What do you do?
What is
Mozilla?
#MozillaPH
History of Mozilla
On 23 Feb 1998,
Netscape Communications Corp.
created a project called
Mozilla (Mosaic Killer + Godzilla).
Mozilla was launched 31 Mar 1998.
The
Mozilla Manifesto
Mozilla’s Mission
To ensure the Internet
is a global public
resource, open &
accessible to all.
Get involved …
Getting started on MDN (Mozilla Developer Network)
http://friends.mozilla.org
Firefox Friends
Firefox Student
Ambassadors (FSA)
http://fsa.mozillaphilippines.org
Internship
at Mozilla
https://careers.mozilla.org/university/
Some stuff that we
are working on …
Getting started on MDN (Mozilla Developer Network)
#MozillaPH
Getting started on MDN (Mozilla Developer Network)
How to be part of
MozillaPH?
Areas of Contribution
 Helping Users
(Support)
 Testing & QA
 Coding
 Marketing
 Translation &
Localization
 Web Development
 Firefox Marketplace
 Add-ons
 Visual Design
 Documentation &
Writing
 Education
http://join.mozillaph.org
Join MozillaPH now!
http://join.mozillaph.org
Co-work from
MozSpaceMNL
http://mozspacemnl.org
Getting started on MDN (Mozilla Developer Network)
What is
MDN?
Mozilla Developer Network
The Mozilla Developer Network (MDN) is an
evolving learning platform for Web
technologies & the software that powers
the Web, including:
• Web standards such as CSS, HTML, &
JavaScript
• Open Web app development
• Firefox add-on development
• Firefox OS development
MDN
Mission
MDN Mission
To provide complete, accurate, &
helpful documentation for
everything about the open Web,
whether it's supported by
Mozilla-built software or not.
If it's an open technology
exposed to the Web,
we want to document it.
MDN Mission…
In addition,
MDN provides documentation
about how to build & contribute
to Mozilla projects
& about Firefox OS
& Web app development.
MDN
Community
MDN Community
https://lists.mozilla.org/listinfo/dev-mdc
https://twitter.com/MozDevNet
http://groups.google.com/group/mozilla.dev.mdc
irc://irc.mozilla.org/mdn
3 Steps to
MDN
Steps to MDN
• MDN is a wiki, where anyone can add
& edit content.
• You don't need to be a programmer or
know a lot about technologies.
• There are plenty of things that need to
be done, from simple tasks such as
proofreading & correcting typos to the
complex ones such as writing API
documentation.
1: Create an account on MDN
• To begin your contributions to MDN,
you need to have an account on
MDN.
• http://mzl.la/1T4fLAQ
2: Pick a Task
• Read the descriptions of different task
types & decide which one most
appeals to you.
• You can pick any task you like &
begin your contribution.
Possible Task Types
• Option 1: I like words
• You can help us review or edit existing
docs, and apply correct tags to them.
• Set the summary for a page (5-15 minutes)
• Editorial Reviews (5–30 minutes)
• Update an existing article with new information
(5 minutes-1 hour)
• Write a new entry in the Glossary (15 minutes-1 hour)
• Write an article about a new technology or API
(30 minutes-2 hours)
• Write an article to help people learn about the web (1-3 hours)
Possible Task Types
• Option 2: I like code
• We need more code samples! You can
also help build our site platform, Kuma
[https://developer.mozilla.org/en-US/docs/MDN/Kuma]!
• Convert code samples to be "live" (30 minutes)
• Set up a Kuma build environment (1 hour)
• Send your code patch to the Kuma codebase (1 hour)
• Submit a new demo (1 hour)
Possible Task Types
• Option 3: I like both words & code
• We have tasks that require both technical and language
skills, like writing new articles, reviewing for technical
accuracy, or adapting documents.
• Tag JavaScript pages (5 minutes)
• Promote MDN on your own website (5 minutes)
• Technical reviews (30 minutes)
• Write a new article on a topic you are familiar with
(1 hour or more)
• Create an interactive exercise to help people learn about the
web (1 hour or more)
• Fix a documentation bug from the MDN category in Bugs Ahoy
(1 hour or more)
Possible Task Types
• Option 4: I want MDN in my language
• All localization and translation work done
on MDN is done by our amazing
community of volunteers.
• Translating pages (2 hours)
• Connect with other localizers listed in Localization projects (30
minutes)
Possible Task Types
• Option 5: I found some wrong
information but I don't know
how to fix it
• You can report problems by filing a
documentation bug. (5 minutes)
• https://bugzilla.mozilla.org/form.doc
Why Contribute
to MDN?
Why Contribute to MDN?
• The benefits that people get from
contributing to MDN are mostly intangible.
• Several mentioned learning in the process
of contributing.
Why Contribute to MDN?
When localizing the articles, I personally
also am being benefited as I have to go
through a lot of articles and understand
them, so I’m learning everyday.
— Shafiul Azam
Why Contribute to MDN?
It has been a way to meet interesting
people. I heard [that] Jimmy Wales said
about the Wikipedia Community, “The
type of people who were drawn to writing
an encyclopedia for fun tend to be pretty
smart people.” I think this can also be said
for MDN contributors.
— Thierry Regagnon
Why Contribute to MDN?
Even making small corrections or additions
in a page gives me satisfaction and
seeing my name listed in “Contributors to
this page” gives me immense pride.
— Saurabh Nair
Open Badges
Recognition
Q&A
Group Photo
Thank you!
Maraming salamat po!
http://www.mozillaphilippines.org
bob@mozillaph.org

More Related Content

Viewers also liked (15)

PPTX
токтра даурен доставка
TDD_Smile
 
PDF
Catalogo hm f2015 sp
HOLLYMOLLY2014
 
PPTX
Encuestas
jshon84
 
PPTX
Presentation_NEW.PPTX
jameschloejames
 
PPT
Friends' web workshop
MintBird
 
PPTX
Slide 2
Wahyu Nugraha
 
PDF
Daily commodity-report 22 march
Epic Daily Report
 
PPSX
Doris caceres
doriscaceres
 
PDF
Daily i-forex-report-1 by epic research 31 may 2013
Epic Daily Report
 
PDF
The Good, The Bad and The Lovely
Ngarangi Haerewa
 
PPTX
Tarea seminario 9
Alba Ríos Maqueda
 
PDF
Testimony List 2016.editable
Lorraine Berns
 
PDF
Yahoo's Adventure with ATS
Kit Chan
 
PPTX
мой город геннадий пешков
Надежда Костенко
 
PDF
ร่างพระราชบัญญัติศุลกากร
Wac Ert
 
токтра даурен доставка
TDD_Smile
 
Catalogo hm f2015 sp
HOLLYMOLLY2014
 
Encuestas
jshon84
 
Presentation_NEW.PPTX
jameschloejames
 
Friends' web workshop
MintBird
 
Slide 2
Wahyu Nugraha
 
Daily commodity-report 22 march
Epic Daily Report
 
Doris caceres
doriscaceres
 
Daily i-forex-report-1 by epic research 31 may 2013
Epic Daily Report
 
The Good, The Bad and The Lovely
Ngarangi Haerewa
 
Tarea seminario 9
Alba Ríos Maqueda
 
Testimony List 2016.editable
Lorraine Berns
 
Yahoo's Adventure with ATS
Kit Chan
 
мой город геннадий пешков
Надежда Костенко
 
ร่างพระราชบัญญัติศุลกากร
Wac Ert
 

Similar to Getting started on MDN (Mozilla Developer Network) (20)

PPTX
Mozilla Nepal Maker Party 2015, Hetauda.
Purushottam Dahal
 
PPT
Introduction to mozilla and its projetcs
Pradeep Singh
 
PPTX
Spoken tutorials libreoffice
Dr Madan Mankotia
 
PPT
Introduction about Foss and mozilla
Gauthamraj Elango
 
PDF
Bukan Sekadar Peramban
Benny Chandra
 
PDF
WE16 - Navigating the Seas of Open Source Projects
Society of Women Engineers
 
PPT
Areas of Contribution (MOZILLAPH)
Mozilla Philippines Community
 
PPTX
Woc week 4
Karthic Keyan
 
PPT
Mozilla intro & how to contribute
Srikar Ananthula
 
PPTX
How to get started in Open Source!
Pradeep Singh
 
PDF
Outreach program for women
Priyanka Nag
 
PPTX
Contributing to Open Source
Justin Potts
 
DOC
Project considerations etp
missko
 
PPTX
MozAware
Muhammed Hasan Ahmed
 
PPT
Mozilla Nigeria Coffee presentation
Soki Briggs
 
ODP
My vision about SUMO project
Bogomil Shopov
 
PDF
Andrew Nicols - Help!! How do I turn it off and on again?
MoodlemootAU2014
 
PDF
Moodle Help! How do I turn it off and on again?
Andrew Nicols
 
PDF
Developer Outreach for Firefox OS - Mozcamp India - 2014-06-22
Frédéric Harper
 
PPTX
Group2 project1
Jayme Lopz
 
Mozilla Nepal Maker Party 2015, Hetauda.
Purushottam Dahal
 
Introduction to mozilla and its projetcs
Pradeep Singh
 
Spoken tutorials libreoffice
Dr Madan Mankotia
 
Introduction about Foss and mozilla
Gauthamraj Elango
 
Bukan Sekadar Peramban
Benny Chandra
 
WE16 - Navigating the Seas of Open Source Projects
Society of Women Engineers
 
Areas of Contribution (MOZILLAPH)
Mozilla Philippines Community
 
Woc week 4
Karthic Keyan
 
Mozilla intro & how to contribute
Srikar Ananthula
 
How to get started in Open Source!
Pradeep Singh
 
Outreach program for women
Priyanka Nag
 
Contributing to Open Source
Justin Potts
 
Project considerations etp
missko
 
Mozilla Nigeria Coffee presentation
Soki Briggs
 
My vision about SUMO project
Bogomil Shopov
 
Andrew Nicols - Help!! How do I turn it off and on again?
MoodlemootAU2014
 
Moodle Help! How do I turn it off and on again?
Andrew Nicols
 
Developer Outreach for Firefox OS - Mozcamp India - 2014-06-22
Frédéric Harper
 
Group2 project1
Jayme Lopz
 
Ad

More from Robert 'Bob' Reyes (20)

PPTX
Localization at Mozilla
Robert 'Bob' Reyes
 
PPTX
Firefox Dev Tools for WordPress Developers (WordCamp Iloilo 2019)
Robert 'Bob' Reyes
 
PPTX
Build (Web)VR with A-Frame (COSCUP 2019 Taipei)
Robert 'Bob' Reyes
 
PPTX
Challenges & Opportunities the Data Privacy Act Brings
Robert 'Bob' Reyes
 
PPTX
Rust 101 (2017 edition)
Robert 'Bob' Reyes
 
PPTX
Building a Rust Community from Scratch (COSCUP 2017)
Robert 'Bob' Reyes
 
PDF
Mozilla + Rust at PCU Manila 02 DEC 2016
Robert 'Bob' Reyes
 
PDF
MozillaPH Localization in 2016
Robert 'Bob' Reyes
 
PDF
Mozilla & Connected Devices
Robert 'Bob' Reyes
 
PDF
HTML 5 - The Future is Now
Robert 'Bob' Reyes
 
PPTX
MozillaPH Rust Hack & Learn Session 2
Robert 'Bob' Reyes
 
PPTX
MozillaPH Rust Hack & Learn Session 1
Robert 'Bob' Reyes
 
PDF
Introduction to Rust Programming Language
Robert 'Bob' Reyes
 
PDF
MozillaPH Rust Users Group Kick Off Meeting
Robert 'Bob' Reyes
 
PPTX
Connected Devices, MozVR & Firefox Developer Tools
Robert 'Bob' Reyes
 
PPTX
Mozilla & the Open Web
Robert 'Bob' Reyes
 
PPTX
Firefox OS
Robert 'Bob' Reyes
 
PPTX
MozTour University of Perpetual Help System - Laguna (Binan)
Robert 'Bob' Reyes
 
PPTX
Firefox 101 (FSA Camp Philippines 2015)
Robert 'Bob' Reyes
 
PPTX
FOSSASIA 2015: Building an Open Source Community
Robert 'Bob' Reyes
 
Localization at Mozilla
Robert 'Bob' Reyes
 
Firefox Dev Tools for WordPress Developers (WordCamp Iloilo 2019)
Robert 'Bob' Reyes
 
Build (Web)VR with A-Frame (COSCUP 2019 Taipei)
Robert 'Bob' Reyes
 
Challenges & Opportunities the Data Privacy Act Brings
Robert 'Bob' Reyes
 
Rust 101 (2017 edition)
Robert 'Bob' Reyes
 
Building a Rust Community from Scratch (COSCUP 2017)
Robert 'Bob' Reyes
 
Mozilla + Rust at PCU Manila 02 DEC 2016
Robert 'Bob' Reyes
 
MozillaPH Localization in 2016
Robert 'Bob' Reyes
 
Mozilla & Connected Devices
Robert 'Bob' Reyes
 
HTML 5 - The Future is Now
Robert 'Bob' Reyes
 
MozillaPH Rust Hack & Learn Session 2
Robert 'Bob' Reyes
 
MozillaPH Rust Hack & Learn Session 1
Robert 'Bob' Reyes
 
Introduction to Rust Programming Language
Robert 'Bob' Reyes
 
MozillaPH Rust Users Group Kick Off Meeting
Robert 'Bob' Reyes
 
Connected Devices, MozVR & Firefox Developer Tools
Robert 'Bob' Reyes
 
Mozilla & the Open Web
Robert 'Bob' Reyes
 
Firefox OS
Robert 'Bob' Reyes
 
MozTour University of Perpetual Help System - Laguna (Binan)
Robert 'Bob' Reyes
 
Firefox 101 (FSA Camp Philippines 2015)
Robert 'Bob' Reyes
 
FOSSASIA 2015: Building an Open Source Community
Robert 'Bob' Reyes
 
Ad

Recently uploaded (20)

PDF
Azure_DevOps introduction for CI/CD and Agile
henrymails
 
PDF
Apple_Environmental_Progress_Report_2025.pdf
yiukwong
 
PPT
Agilent Optoelectronic Solutions for Mobile Application
andreashenniger2
 
PPTX
Optimization_Techniques_ML_Presentation.pptx
farispalayi
 
PPTX
原版西班牙莱昂大学毕业证(León毕业证书)如何办理
Taqyea
 
PPTX
PM200.pptxghjgfhjghjghjghjghjghjghjghjghjghj
breadpaan921
 
PPTX
Lec15_Mutability Immutability-converted.pptx
khanjahanzaib1
 
PPTX
一比一原版(SUNY-Albany毕业证)纽约州立大学奥尔巴尼分校毕业证如何办理
Taqyea
 
DOCX
Custom vs. Off-the-Shelf Banking Software
KristenCarter35
 
PDF
The-Hidden-Dangers-of-Skipping-Penetration-Testing.pdf.pdf
naksh4thra
 
PDF
BRKACI-1001 - Your First 7 Days of ACI.pdf
fcesargonca
 
PPT
introductio to computers by arthur janry
RamananMuthukrishnan
 
PPTX
ONLINE BIRTH CERTIFICATE APPLICATION SYSYTEM PPT.pptx
ShyamasreeDutta
 
PDF
The Internet - By the numbers, presented at npNOG 11
APNIC
 
PPT
introduction to networking with basics coverage
RamananMuthukrishnan
 
PDF
BRKACI-1003 ACI Brownfield Migration - Real World Experiences and Best Practi...
fcesargonca
 
PPTX
internet básico presentacion es una red global
70965857
 
PPTX
Presentation3gsgsgsgsdfgadgsfgfgsfgagsfgsfgzfdgsdgs.pptx
SUB03
 
PPTX
Softuni - Psychology of entrepreneurship
Kalin Karakehayov
 
PDF
Cleaning up your RPKI invalids, presented at PacNOG 35
APNIC
 
Azure_DevOps introduction for CI/CD and Agile
henrymails
 
Apple_Environmental_Progress_Report_2025.pdf
yiukwong
 
Agilent Optoelectronic Solutions for Mobile Application
andreashenniger2
 
Optimization_Techniques_ML_Presentation.pptx
farispalayi
 
原版西班牙莱昂大学毕业证(León毕业证书)如何办理
Taqyea
 
PM200.pptxghjgfhjghjghjghjghjghjghjghjghjghj
breadpaan921
 
Lec15_Mutability Immutability-converted.pptx
khanjahanzaib1
 
一比一原版(SUNY-Albany毕业证)纽约州立大学奥尔巴尼分校毕业证如何办理
Taqyea
 
Custom vs. Off-the-Shelf Banking Software
KristenCarter35
 
The-Hidden-Dangers-of-Skipping-Penetration-Testing.pdf.pdf
naksh4thra
 
BRKACI-1001 - Your First 7 Days of ACI.pdf
fcesargonca
 
introductio to computers by arthur janry
RamananMuthukrishnan
 
ONLINE BIRTH CERTIFICATE APPLICATION SYSYTEM PPT.pptx
ShyamasreeDutta
 
The Internet - By the numbers, presented at npNOG 11
APNIC
 
introduction to networking with basics coverage
RamananMuthukrishnan
 
BRKACI-1003 ACI Brownfield Migration - Real World Experiences and Best Practi...
fcesargonca
 
internet básico presentacion es una red global
70965857
 
Presentation3gsgsgsgsdfgadgsfgfgsfgagsfgsfgzfdgsdgs.pptx
SUB03
 
Softuni - Psychology of entrepreneurship
Kalin Karakehayov
 
Cleaning up your RPKI invalids, presented at PacNOG 35
APNIC
 

Getting started on MDN (Mozilla Developer Network)