# mdn/learning-area

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/mdn-learning-area).**

7,577 stars · 27,287 forks · HTML · CC0-1.0

## Links

- GitHub: https://github.com/mdn/learning-area
- Homepage: https://developer.mozilla.org/en-US/Learn
- awesome-repositories: https://awesome-repositories.com/repository/mdn-learning-area.md

## Topics

`learning` `learning-js` `learning-to-code` `mdn-docs`

## Description

This is an educational resource for learning front-end web development fundamentals. It provides structured tutorials, hands-on exercises, and ready-to-run code samples covering HTML, CSS, and JavaScript.

The content is designed for beginners, starting from zero knowledge and building up through guided, practical examples. It includes materials for learning CSS layout and styling techniques, as well as core JavaScript programming concepts like variables, functions, and DOM manipulation.

The repository offers a collection of executable code snippets that complement the tutorials, allowing learners to run and modify examples directly in a browser for hands-on practice.

## Tags

### Education & Learning Resources

- [Web Development Learning Paths](https://awesome-repositories.com/f/education-learning-resources/coding-interview-preparation/c-specific-preparation/structured-learning-paths/web-development-learning-paths.md) — Provides guided, hands-on exercises for learning HTML, CSS, and JavaScript from scratch.
- [Code Examples](https://awesome-repositories.com/f/education-learning-resources/educational-resources/reference-and-media/books-docs-reference/code-examples.md) — Provides ready-to-run HTML, CSS, and JavaScript code samples for hands-on learning.
- [Web Development Tutorials](https://awesome-repositories.com/f/education-learning-resources/educational-resources/reference-and-media/tutorials-media-curated-lists/technical-tutorials/application-development/web-development-tutorials.md) — Provides structured tutorials and exercises for learning front-end web development fundamentals.
- [JavaScript Learning Resources](https://awesome-repositories.com/f/education-learning-resources/javascript-learning-resources.md) — Teaches core JavaScript concepts like variables, functions, and DOM manipulation through interactive examples.
- [Learning Repositories](https://awesome-repositories.com/f/education-learning-resources/learning-repositories.md) — Offers a structured collection of code examples and tutorials for learning web development.

### Web Development

- [Coding Practice Environments](https://awesome-repositories.com/f/web-development/front-end-development/coding-practice-environments.md) — Ships a collection of executable code snippets for practicing front-end development in a browser.

### Part of an Awesome List

- [CSS Styling and Layout](https://awesome-repositories.com/f/awesome-lists/devtools/css-styling-and-layout.md) — Teaches CSS layout and styling techniques for creating responsive web pages.