# frontendmasters/learning-roadmap

**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/frontendmasters-learning-roadmap).**

1,058 stars · 131 forks · HTML

## Links

- GitHub: https://github.com/FrontendMasters/learning-roadmap
- Homepage: https://frontendmasters.com/guides/learning-roadmap/
- awesome-repositories: https://awesome-repositories.com/repository/frontendmasters-learning-roadmap.md

## Topics

`front-end` `front-end-development` `frontend` `learning` `roadmap`

## Description

This project is a structured learning roadmap designed to guide developers through the essential skills and technologies required for professional web engineering. It functions as a curated technical curriculum that maps out logical progressions for mastering front-end and full-stack development, ranging from foundational markup and scripting to advanced cloud and artificial intelligence topics.

The platform distinguishes itself by organizing complex technical landscapes into clear, actionable paths. By curating high-quality educational resources and expert-led training materials, it helps practitioners navigate the modern software engineering ecosystem and identify core competencies without the burden of information overload.

The content is managed through a static site architecture that utilizes markdown files for curriculum data, ensuring that learning paths remain version-controlled and easy to update. The interface employs a component-based structure and data-driven routing to provide a consistent experience as users traverse different stages of their professional development.

## Tags

### Education & Learning Resources

- [Web Development Roadmaps](https://awesome-repositories.com/f/education-learning-resources/curricula-instructional-design/curricula-roadmaps/software-web-development/web-development-roadmaps.md) — Provides a comprehensive structured roadmap for mastering professional front-end and full-stack web engineering.
- [Curated Learning Resources](https://awesome-repositories.com/f/education-learning-resources/curated-learning-resources.md) — Curates high-quality educational materials to help developers build expertise without information overload. ([source](https://github.com/frontendmasters/learning-roadmap#readme))
- [Technical Skill Acquisition](https://awesome-repositories.com/f/education-learning-resources/educational-resources/courses-training-certifications/courses-structured-learning/learning-path-guides/technical-skill-mastery-paths/technical-skill-acquisition.md) — Provides project-based learning paths to help students master core web development concepts.
- [Technical Training Programs](https://awesome-repositories.com/f/education-learning-resources/educational-resources/courses-training-certifications/software-engineering-training-courses/technical-training-programs.md) — Delivers comprehensive technical training through expert-led courses and practical project-based exercises. ([source](https://frontendmasters.com/))
- [Software Engineering](https://awesome-repositories.com/f/education-learning-resources/educational-resources/languages-and-programming-concepts/software-engineering-languages/software-engineering.md) — Outlines a logical progression of competencies for navigating modern web application development.
- [Front-End Learning Paths](https://awesome-repositories.com/f/education-learning-resources/front-end-learning-paths.md) — Provides structured learning paths that outline essential front-end technologies and core competencies. ([source](https://github.com/frontendmasters/learning-roadmap#readme))
- [Technical Curriculum Mapping](https://awesome-repositories.com/f/education-learning-resources/technical-curriculum-delivery/technical-curriculum-mapping.md) — Designs structured educational roadmaps for web, cloud, and artificial intelligence technologies.
- [Technical Skill Curations](https://awesome-repositories.com/f/education-learning-resources/technical-skill-curations.md) — Provides a curated collection of training resources for building expertise in web and cloud technologies.

### Content Management & Publishing

- [Markdown-Based Curriculum Delivery](https://awesome-repositories.com/f/content-management-publishing/content-management-systems/educational-curriculum-platforms/markdown-based-curriculum-delivery.md) — Uses Markdown files as the primary source format for managing and distributing structured educational curriculum content.
- [Static Site Generation](https://awesome-repositories.com/f/content-management-publishing/static-site-document-generators/static-site-generators/static-site-generation.md) — Generates a complete set of static HTML files at build time to ensure fast page loads for the learning roadmap.
- [Engineering Resource Curations](https://awesome-repositories.com/f/content-management-publishing/documentation-knowledge-management/knowledge-bases/curated-resource-directories/engineering-resource-curations.md) — Curates high-quality professional engineering resources and tools to streamline technical expertise acquisition.

### Part of an Awesome List

- [Web Development Foundations](https://awesome-repositories.com/f/awesome-lists/learning/web-development-foundations.md) — Guides beginners through foundational web development concepts including markup, styling, and scripting. ([source](https://frontendmasters.com/))

### Software Engineering & Architecture

- [Taxonomy-Driven Navigation](https://awesome-repositories.com/f/software-engineering-architecture/event-driven-architectures/ui-event-driven-navigation/taxonomy-driven-navigation.md) — Routes users through complex technical learning paths based on a predefined educational taxonomy.

### Web Development

- [Front-End Development](https://awesome-repositories.com/f/web-development/front-end-development.md) — Maps out essential skills and technologies to support career progression in front-end web development.