Mozilla Webmaker wants to help you make something amazing with the web!
Mozilla Webmaker Tools originally were learning web pages ... that went away long ago. Now Mozilla has a NEW 2020 Web Site to learn how to develop for the Internet. https://developer.mozilla.org/en-US/docs/LearnMozilla MDN learning area introduces complete beginners to web development!
Welcome to the MDN learning area. This set of articles aims to provide complete beginners to web development with all that they need to start coding websites.
The aim of this area of MDN is not to take you from "beginner" to "expert" but to take you from "beginner" to "comfortable." From there, you should be able to start making your way, learning from the rest of MDN, and other intermediate to advanced resources that assume a lot of previous knowledge.
If you are a complete beginner, web development can be challenging — we will hold your hand and provide enough detail for you to feel comfortable and learn the topics properly. You should feel at home whether you are a student learning web development (on your own or as part of a class), a teacher looking for class materials, a hobbyist, or someone who just wants to understand more about how web technologies work.
What's new? The content in the learning area is being added to regularly. We have started keeping Learning area release notes to show what has changed — keep checking back frequently!
If you have questions regarding topics you'd like to see covered or feel are missing, drop us a message on our Discourse forum.
Looking to become a front-end web developer? We have put together a course that includes all the essential information you need to work towards your goal.
Get started
Where to start - Complete beginner: If you are a complete beginner to web development, we'd recommend that you start by working through our Getting started with the web module, which provides a practical introduction to web development.
- Beyond the basics: If you have a bit of knowledge already, the next step is to learn HTML and CSS in detail: start with our Introduction to HTML module and move on to our CSS first steps module.
- Moving onto scripting: If you are comfortable with HTML and CSS already, or you are mainly interested in coding, you'll want to move on to JavaScript or server-side development. Begin with our JavaScript first steps and Server-side first steps modules.
- Frameworks and tooling: After mastering the essentials of vanilla HTML, CSS, and JavaScript, you should learn about client-side web development tools, and then consider digging into client-side JavaScript frameworks, and server-side website programming.
Note: Our glossary provides terminology definitions. Besides, if you have a specific question about web development, our Common questions section may have something to help you.
[size=120%]Random glossary entry[/size]
SignatureThe term signature can have several meanings depending on the context. It may refer to: Topics covered The following is a list of all the topics we cover in the MDN learning area.
Getting started with the webProvides a practical introduction to web development for complete beginners.HTML — Structuring the webHTML is the language that we use to structure the different parts of our content and define what their meaning or purpose is. This topic teaches HTML in detail.CSS — Styling the webCSS is the language that we can use to style and layout our web content, as well as adding behavior like animation. This topic provides comprehensive coverage of CSS.JavaScript — Dynamic client-side scriptingJavaScript is the scripting language used to add dynamic functionality to web pages. This topic teaches all the essentials needed to become comfortable with writing and understanding JavaScript.Web forms — Working with user dataWeb forms are a potent tool for interacting with users — most commonly, they are used for collecting data from users, or allowing them to control a user interface. In the articles listed below, we'll cover all the essential aspects of structuring, styling, and interacting with web forms.Accessibility — make the web usable by everyoneAccessibility is the practice of making web content available to as many people as possible regardless of disability, device, locale, or other differentiating factors. This topic gives you all you need to know.Web Performance — making websites fast and responsiveWeb performance is the art of making sure web applications download fast and are responsive to user interaction, regardless of a user's bandwidth, screen size, network, or device capabilities.Tools and testingThis topic covers the tools developers use to facilitate their work, such as cross-browser testing tools, linters, formatters, transformation tools, version control systems, deployment tools, and client-side JavaScript frameworks.Server-side website programmingEven if you are concentrating on client-side web development, it is still useful to know how servers and server-side code features work. This topic provides a general introduction to how the server-side works and detailed tutorials showing how to build up a server-side app using two popular frameworks: Django (Python) and Express (Node.js). Getting our code examples The code examples you'll encounter in the Learning Area are all available on GitHub. If you want to copy them all to your computer, the easiest way is to download a ZIP of the latest master code branch.
https://developer.mozilla.org/en-US/docs/Learn(Note: Original link to Mozilla “Webmaker” also once referred to a set of open-source tools by Mozilla, not just the single Android app.) https://webmaker.org/en-US/