awesome-repositories.com
博客
MCP
awesome-repositories.com

通过 AI 驱动的搜索，发现最优秀的开源仓库。

探索精选搜索开源替代品自托管软件博客网站地图
项目关于排名机制媒体报道MCP 服务器
法律隐私政策服务条款
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
mdn avatar

mdn/learning-area

0
View on GitHub↗
7,577 星标·27,287 分支·HTML·CC0-1.0·8 次浏览developer.mozilla.org/en-US/Learn↗

Learning Area

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.

Features

  • Web Development Learning Paths - Provides guided, hands-on exercises for learning HTML, CSS, and JavaScript from scratch.
  • Code Examples - Provides ready-to-run HTML, CSS, and JavaScript code samples for hands-on learning.
  • Web Development Tutorials - Provides structured tutorials and exercises for learning front-end web development fundamentals.
  • JavaScript Learning Resources - Teaches core JavaScript concepts like variables, functions, and DOM manipulation through interactive examples.
  • Learning Repositories - Offers a structured collection of code examples and tutorials for learning web development.
  • Coding Practice Environments - Ships a collection of executable code snippets for practicing front-end development in a browser.
  • CSS Styling and Layout - Teaches CSS layout and styling techniques for creating responsive web pages.

Star 历史

mdn/learning-area 的 Star 历史图表mdn/learning-area 的 Star 历史图表

AI 搜索

探索更多 awesome 仓库

用简单的语言描述您的需求 —— AI 将根据相关性为您从数千个精选开源项目中进行排序。

Start searching with AI

Learning Area 的开源替代方案

相似的开源项目，按与 Learning Area 的功能重合度排序。
  • gustavoguanabara/javascriptgustavoguanabara 的头像

    gustavoguanabara/javascript

    4,106在 GitHub 上查看↗

    This project is a structured JavaScript programming course and learning path designed for beginners. It functions as an interactive coding tutorial and frontend web development guide, providing a curriculum centered on the JavaScript language. The project focuses on building dynamic web interfaces through the manipulation of the Document Object Model. It provides a series of instructional guides and practical challenges that allow for interactive coding practice and the verification of code execution within a dedicated environment. The curriculum covers core programming fundamentals, includi

    HTMLcursocursoemvideogratis
    在 GitHub 上查看↗4,106
  • javascript-tutorial/zh.javascript.infojavascript-tutorial 的头像

    javascript-tutorial/zh.javascript.info

    10,758在 GitHub 上查看↗

    This is the Chinese translation of The Modern JavaScript Tutorial, an open-source, community-driven project that teaches JavaScript from fundamentals to advanced topics based on the latest ECMAScript specification. The project covers the full JavaScript language, including object-oriented programming, and provides comprehensive instruction on browser programming, DOM manipulation, and client-side web development. The tutorial is structured as a multi-language translation framework, with each chapter and article organized into numbered folders for clear navigation. Contributors can translate M

    HTMLchinesejavascripttutorial
    在 GitHub 上查看↗10,758
  • djangogirls/tutorialDjangoGirls 的头像

    DjangoGirls/tutorial

    1,578在 GitHub 上查看↗

    This open-source educational material serves as a comprehensive learning guide and workshop curriculum designed to teach absolute beginners how to build and deploy web applications from scratch. It provides structured, self-paced instructions focused on server-side code, backend logic, database abstraction layers, and HTML rendering patterns using Python and the Django web framework. The guide is organized as a step-by-step walkthrough that breaks down complex technical lessons into linear, bite-sized tasks complete with expected output snippets. It covers command-line execution steps for ins

    Makefile
    在 GitHub 上查看↗1,578
  • hiteshchoudhary/js-hindi-youtubehiteshchoudhary 的头像

    hiteshchoudhary/js-hindi-youtube

    4,855在 GitHub 上查看↗

    This project is a JavaScript educational repository and programming courseware. It provides a collection of code examples and practical projects designed for learning the JavaScript programming language. The repository covers language learning through hands-on exercises, including the implementation of coding projects and algorithm practice. It focuses on both frontend web development and the application of object oriented programming. The content includes materials for managing variables and data types, performing mathematical operations, and manipulating strings and dates. It also provides

    JavaScript
    在 GitHub 上查看↗4,855
查看 Learning Area 的所有 30 个替代方案→

常见问题解答

mdn/learning-area 是做什么的？

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.

mdn/learning-area 的主要功能有哪些？

mdn/learning-area 的主要功能包括：Web Development Learning Paths, Code Examples, Web Development Tutorials, JavaScript Learning Resources, Learning Repositories, Coding Practice Environments, CSS Styling and Layout。

mdn/learning-area 有哪些开源替代品？

mdn/learning-area 的开源替代品包括： gustavoguanabara/javascript — This project is a structured JavaScript programming course and learning path designed for beginners. It functions as… javascript-tutorial/zh.javascript.info — This is the Chinese translation of The Modern JavaScript Tutorial, an open-source, community-driven project that… djangogirls/tutorial — This open-source educational material serves as a comprehensive learning guide and workshop curriculum designed to… hiteshchoudhary/js-hindi-youtube — This project is a JavaScript educational repository and programming courseware. It provides a collection of code… brianway/java-learning — This project is an instructional repository and learning resource providing a comprehensive collection of study notes,… frontendmasters/front-end-handbook-2018 — This project is a comprehensive front-end development guide and roadmap designed to help engineers master the skills…