# freecodecampchina/freecodecamp.cn **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/freecodecampchina-freecodecamp-cn).** 37,712 stars · 1,417 forks · CSS · NOASSERTION ## Links - GitHub: https://github.com/FreeCodeCampChina/freecodecamp.cn - Homepage: https://fcc.asia/ - awesome-repositories: https://awesome-repositories.com/repository/freecodecampchina-freecodecamp-cn.md ## Topics `career` `certification` `cn-freecodecamp` `community` `curriculum` `d3` `education` `freecodecamp` `javascript` `learn-to-code` `math` `nodejs` `nonprofits` `react` ## Description This project is an interactive coding learning platform and open-source educational courseware designed for mastering web development. It provides a browser-based environment where users can engage with a structured curriculum covering front-end, back-end, and data visualization skills through hands-on exercises. The platform distinguishes itself by integrating a browser-based code sandbox and a nonprofit technical partnership portal. This framework allows learners to transition from guided lessons to building and maintaining real-world software applications for nonprofit organizations. The system covers a comprehensive range of technical training, including full-stack web development and professional technical certification. It validates skill mastery through a series of structured project milestones and algorithm implementations. ## Tags ### Education & Learning Resources - [Interactive Coding Environments](https://awesome-repositories.com/f/education-learning-resources/learning-platforms-infrastructure/educational-infrastructure/educational-platforms/interactive-coding-environments.md) — Provides a browser-based interactive coding environment to learn front-end, back-end, and data visualization skills. - [Self-Paced Learning](https://awesome-repositories.com/f/education-learning-resources/self-paced-learning.md) — Provides a self-paced learning path for mastering front-end, back-end, and data visualization using JavaScript. ([source](https://github.com/freecodecampchina/freecodecamp.cn#readme)) - [Curriculum Mappings](https://awesome-repositories.com/f/education-learning-resources/curriculum-mappings.md) — Implements a structured data map to organize lessons and track progress toward professional certifications. - [Frontend Development Training](https://awesome-repositories.com/f/education-learning-resources/frontend-development-training.md) — Offers a comprehensive training path for building the visual and interactive parts of websites. - [Interactive Learning Platforms](https://awesome-repositories.com/f/education-learning-resources/interactive-learning-platforms.md) — Implements an interactive learning platform that combines web development theory with hands-on coding practice. - [Self-Paced Learning Environments](https://awesome-repositories.com/f/education-learning-resources/learning-platforms-infrastructure/educational-infrastructure/educational-platforms/structured-learning-pathways/self-paced-learning-environments.md) — Offers an educational environment for independent study with hands-on browser-based coding exercises. - [Web Development Curricula](https://awesome-repositories.com/f/education-learning-resources/open-source-guides/curriculum-development/web-development-curricula.md) — Ships a structured web development curriculum for mastering HTML, CSS, and JavaScript. - [Open-Source Learning Programs](https://awesome-repositories.com/f/education-learning-resources/open-source-learning-programs.md) — Provides a community-driven, open-source educational program with structured technical training materials. - [Professional Certifications](https://awesome-repositories.com/f/education-learning-resources/professional-certifications.md) — Issues professional certifications upon the successful completion of project milestones and algorithm implementations. ([source](https://github.com/freecodecampchina/freecodecamp.cn#readme)) - [Project-Based Learning](https://awesome-repositories.com/f/education-learning-resources/project-based-learning.md) — Validates technical mastery through a project-based learning methodology requiring specific functional milestones. - [Nonprofit Partnership Portals](https://awesome-repositories.com/f/education-learning-resources/nonprofit-partnership-portals.md) — Provides a portal that connects student developers with nonprofit organizations for real-world software volunteering. - [Nonprofit Technical Partnerships](https://awesome-repositories.com/f/education-learning-resources/nonprofit-technical-partnerships.md) — Facilitates the connection between learners and nonprofit organizations for real-world software development experience. ([source](https://github.com/freecodecampchina/freecodecamp.cn#readme)) - [Software Volunteering Programs](https://awesome-repositories.com/f/education-learning-resources/software-volunteering-programs.md) — Connects aspiring developers with nonprofit organizations to build real-world applications and gain professional experience. - [Technical Certification Paths](https://awesome-repositories.com/f/education-learning-resources/technical-certification-paths.md) — Provides structured technical certification paths that validate programming mastery through project requirements. ### Data & Databases - [State Persistence](https://awesome-repositories.com/f/data-databases/state-persistence.md) — Synchronizes learner completion data between the client and a database to maintain educational state. ### Development Tools & Productivity - [Browser-Based Execution Environments](https://awesome-repositories.com/f/development-tools-productivity/browser-based-execution-environments.md) — Provides a browser-based execution environment for users to write and preview code immediately within the learning platform. - [Test Suites](https://awesome-repositories.com/f/development-tools-productivity/debugging-profiling-testing/test-execution-management/test-suites.md) — Implements a collection of test cases that validate user code submissions directly in the browser. ### DevOps & Infrastructure - [Code Execution Sandboxes](https://awesome-repositories.com/f/devops-infrastructure/execution-environments/code-execution-runtimes/code-execution-sandboxes.md) — Provides secure, isolated code execution sandboxes within the browser to prevent security leaks from user-submitted code. ### Software Engineering & Architecture - [Certification Milestones](https://awesome-repositories.com/f/software-engineering-architecture/development-milestone-reviews/certification-milestones.md) — Validates specific technical requirements and completion markers to trigger professional certifications. - [State Persistence](https://awesome-repositories.com/f/software-engineering-architecture/workflow-persistence/state-persistence.md) — Persists user progress and lesson completion state across sessions using a database. ### Web Development - [Backend Development Tutorials](https://awesome-repositories.com/f/web-development/backend-development-tutorials.md) — Provides educational content and training focused on server-side logic, databases, and API development. - [Full-Stack Development](https://awesome-repositories.com/f/web-development/full-stack-development.md) — Trains users in full-stack development, covering the unified creation of databases, backends, and frontends. ### Part of an Awesome List - [Testing and Validation](https://awesome-repositories.com/f/awesome-lists/devtools/testing-and-validation.md) — Provides automated testing and validation tools that execute in the browser to give learners immediate feedback. - [Educational Resources](https://awesome-repositories.com/f/awesome-lists/learning/educational-resources.md) — Open source curriculum for learning to code.