30 open-source projects similar to frontendmasters/front-end-handbook-2017, ranked by shared indexed features. Tags may describe platforms or build tools rather than the same primary purpose. Check each project’s use case, license, and deployment requirements before treating it as a replacement.
This project is a comprehensive front-end engineering guide and web development curriculum. It serves as a reference for the languages, tools, and architectural patterns used to build web applications, including a dedicated manual for web security and performance. The repository provides a curated tooling catalog for code editing, version control, and deployment workflows. It also includes structured learning paths covering user interface design, state management, and browser performance optimization. The content covers a broad range of engineering domains, including security risk analysis,
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 pr
This project is a structured visual guide and curriculum designed to map the essential skills, technologies, and libraries required for professional web development. It provides a comprehensive roadmap that organizes foundational topics and specialized tools into a logical progression, specifically focusing on mastering the React ecosystem and advancing technical expertise. The resource functions as a community-curated knowledge base, utilizing a decentralized model where contributors propose and validate additions to the learning path. By categorizing modern frameworks and utilities into dis
This project is a curated educational resource and technical interview preparation kit. It provides a comprehensive collection of study guides and question banks focused on front-end web development, JavaScript algorithms, and professional coding assessments. The repository includes a technical interview question bank and specialized study sets for JavaScript algorithms. These resources cover conceptual explanations and programming challenges designed to help developers master common coding patterns and theoretical questions. The content covers core web development fundamentals, including HT
This project is a comprehensive front-end development guide and roadmap designed to help engineers master the skills and professional standards required for modern web development. It serves as a technical reference for mastering HTML, CSS, and JavaScript, providing structured learning paths and a map of the professional competencies needed to transition from a beginner to a professional web engineer. The resource functions as a categorized directory and ecosystem overview of the JavaScript landscape. It catalogs industry-standard frameworks, libraries, and utilities, offering specific recomm
This project is a structured educational curriculum designed to guide learners through the fundamentals of frontend web development. It functions as a comprehensive learning resource that transitions students from basic markup and styling to the construction of complex, interactive web applications. The curriculum emphasizes a project-based approach, requiring students to apply theoretical knowledge through practical implementation. It covers essential software engineering practices, including the use of command-line tools, version control workflows, and the application of architectural desig
This project is a comprehensive educational curriculum and resource for full-stack web development. It provides a structured collection of source code, implementation guides, and practical exercises designed to teach core front-end and back-end programming principles, including database connectivity and interface design. The repository serves as a practical guide for building integrated web applications using modern JavaScript frameworks. It demonstrates essential development patterns such as component-based user interface composition, reactive state management, and asynchronous data fetching
This project is a Java learning curriculum and programming language roadmap designed to guide learners from beginner to advanced levels. It functions as a self-study course providing a structured daily study plan to develop professional software engineering skills. The curriculum is organized into a sequenced guide of technical topics and exercises. It utilizes a time-bound design and milestone-driven progression to map foundational knowledge to complex programming topics. The resource surface covers Java language learning, programming skill development, and general software engineering educ
This project is a curated library of hand-drawn technical documentation and visual knowledge bases designed to simplify complex software engineering concepts. It replaces traditional code-centric diagrams with annotated illustrations and sketchnotes to translate abstract logic into intuitive mental models. The resource utilizes an analogy-based learning approach, mapping software operations and algorithms to concrete physical metaphors. It employs a visual-first documentation model that breaks down intricate technical workflows into sequential sketches for step-by-step comprehension. The kno
This project is a front-end development knowledge base and technical learning roadmap. It serves as a structured collection of tutorials, detailed guides, and technical references designed to guide learners from basic syntax to advanced web engineering. The platform functions as a searchable repository of web development documentation, organizing technical knowledge into a curated sequence of lessons to help users transition into professional development. The site is built using static site generation and markdown-based content authoring. It includes a hierarchical category navigation system
MakerSkillTree is an educational roadmap designer and interactive skill map visualizer. It provides a system for creating, exporting, and navigating structured learning paths through an SVG skill tree generator and a corresponding YAML learning path schema. The project features a drag-and-drop interface for designing custom skill trees and a bidirectional conversion system that translates visual layouts between SVG and YAML formats. This allows for data-driven version tracking and the generation of changelogs between different iterations of a skill tree. The system supports the visualization
Oh-my-backend is a structured educational framework and curriculum designed to guide developers through the technical competencies required for professional backend software engineering. It provides a comprehensive roadmap that organizes backend knowledge into distinct functional domains, facilitating iterative skill development and professional growth from junior to senior levels. The project distinguishes itself by offering a modular competency framework that maps technical skills to specific architectural and operational requirements. It covers a broad spectrum of backend engineering, incl
This project is a structured educational framework designed to guide developers through the core concepts of JavaScript programming and software engineering. It functions as a comprehensive training resource, providing a logical roadmap for mastering web development, from fundamental language syntax to full-stack application architecture. The platform utilizes a markdown-based documentation system that organizes technical learning materials into a clear, hierarchical curriculum. By employing a static site generator, the project transforms these plain-text educational modules into a collection
Roadmap-Docs is a technical career roadmap repository that provides structured learning paths for software engineering, data science, and artificial intelligence roles. It functions as a professional development curriculum, mapping essential technical milestones and industry-standard tools to guide career advancement. The platform integrates a job market trend analyzer that evaluates industry job postings to identify high-demand skills and competencies. By utilizing an automated data pipeline, the system updates these educational roadmaps to reflect real-time industry requirements and evolvin
This project is a frontend interview question bank and a comprehensive web development curriculum. It serves as a technical reference and study guide for software engineering candidates, combining a curated collection of interview questions and answers with a broad computer science fundamentals reference. The knowledge base is structured as a markdown-based system, using a folder-based taxonomy and directory hierarchy to organize technical topics. It employs a git-driven workflow to manage contributions and updates to the content, which is delivered as static documentation. The curriculum co
This repository is a technical documentation site and a collection of guides and references for implementing networking, security, and cloud infrastructure services. It functions as a static-site generated portal and a headless content platform, separating source files from the presentation layer to enable flexible rendering. The project utilizes markdown-based documentation stored in a version-controlled Git repository. It provides specialized technical content including an AI platform documentation for building agents and managing inference, a cloud infrastructure guide for DNS and CDN conf
This project is a personal blog and developer content site designed for publishing software engineering insights and technical articles. It is implemented as a static site that utilizes React to pre-render content into HTML files. The site functions as a markdown-based content platform, transforming plain text markdown files into formatted web pages. It employs client-side hydration to attach interactive JavaScript logic to the pre-rendered HTML, enabling dynamic behavior and single-page application routing without full page reloads. The technical surface includes a component-based architect
This project is a documentation site for an AI coding assistant, providing technical guides and reference materials for writing and implementing software code. It is built as a markdown-based static site that delivers pre-rendered HTML for fast loading and simplified content authoring. The platform functions as a version-controlled documentation site, using a git repository to track content revisions and manage historical archives. It includes a client-side search index that loads a pre-computed JSON file into the browser to provide instant full-text search results. The content covers AI pai
This project is a structured learning roadmap and curriculum guide designed to map the essential technologies and skill sets required for professional web development. It functions as a technical career path planner, providing organized educational sequences that help individuals track their progress toward specific engineering roles. The platform utilizes a static site generator to produce pre-rendered HTML files, ensuring high search engine visibility and efficient page loading. By employing declarative visual mapping, the project transforms complex technical requirements into interactive d
This project provides a comprehensive mobile development curriculum designed to guide learners through the technical milestones required to build cross-platform applications. It functions as a structured software engineering learning path, organizing essential programming concepts and technologies into a logical sequence that spans from foundational knowledge to advanced proficiency. The roadmap utilizes a non-linear, hyperlink-based knowledge map to connect related development topics, allowing users to navigate complex technical domains at their own pace. By structuring educational content i
AngularJS-Learning is an educational repository and resource directory designed for mastering the AngularJS framework. It serves as a curated collection of tutorials, articles, and videos, providing a structured study guide that ranges from basic concepts to advanced architectural patterns. The project provides a directory of best practices, style guides, and architectural patterns for building scalable applications. It also maintains a collection of sample projects, boilerplates, and seed projects that demonstrate functional implementations of the framework. The repository covers a broad le
This project is a comprehensive guide and reference for PHP best practices and coding standards. It serves as a collection of modern industry guidelines and community-driven patterns designed to help developers write maintainable and efficient code. The resource provides technical documentation and development guidance focused on improving code quality and standardizing PHP application development. To support a global community, the documentation is available in multiple languages. The knowledge base is authored in Markdown and deployed as a static site via pre-rendered HTML files for public
This project is an educational guide and JavaScript language tutorial focused on the ECMAScript 6 standard. It serves as a comprehensive resource for learning the modern syntax, language structures, and object types introduced in this version of the language. The repository contains programming ebook content designed to teach developers how to write cleaner and more efficient code. It provides a structured approach to modern JavaScript education, helping users transition from legacy coding patterns to current industry standards. The materials cover frontend developer training and web develop
This project provides a structured educational roadmap designed to guide programmers through the technical milestones required to achieve professional proficiency in the Go programming language. It functions as a comprehensive curriculum that maps essential skills, libraries, and development practices into a logical sequence for backend engineering and software architecture. The roadmap utilizes a visual learning path to help developers identify knowledge gaps and plan their professional growth within the Go ecosystem. By organizing technical objectives from basic syntax to advanced engineeri
This project is a curated collection of technical cheat sheets and quick-reference guides designed to assist with daily software development tasks. It functions as a static knowledge base, providing concise summaries of programming language syntax, database query commands, and common software tool patterns. The repository organizes these technical notes as version-controlled markdown files, allowing for rapid access to essential information without the need for extensive documentation searches. By maintaining these references in a centralized, repository-driven format, the project helps reduc
Learn-SQL is an interactive platform and exercise repository designed for beginner programming education, specifically focusing on SQL query practice and relational database management. It functions as an in-browser learning tool where users can execute database scripts and practice foundational querying skills without requiring any backend server infrastructure. The platform evaluates database queries directly inside the browser session by compiling an entire SQL engine into portable WebAssembly bytecode. Curriculum content, lesson instructions, and challenge prompts are stored as plain text
This project is a curated collection of educational resources and study materials designed to assist developers in preparing for frontend engineering interviews. It provides a structured set of coding challenges, conceptual guides, and technical assessment problems focused on evaluating proficiency in JavaScript and core web development standards. The repository serves as a practice framework for technical interviews, offering targeted exercises that simulate real-world programming scenarios. By covering both language fundamentals and functional programming patterns, the content helps users i
This project provides a structured curriculum and visual guide for mastering web development within the ASP.NET Core ecosystem. It serves as a comprehensive roadmap that maps out the essential technologies, milestones, and proficiency sequences required for developers to progress from beginner to advanced levels. The repository distinguishes itself by curating high-quality learning resources and technical documentation into a logical progression. It visualizes complex development paths through structured diagrams, helping users navigate the technical requirements of building and maintaining m
This project is an engineering career ladder framework and professional development planning tool. It provides a methodology for defining seniority levels and the specific requirements needed to achieve promotions through a competency-based performance rubric. The framework focuses on separating people management duties from technical leadership to clarify organizational accountability. It utilizes an organizational role definition model to distinguish between individual contributor and manager responsibilities, preventing conflict and aligning professional goals. The system covers engineeri
This project is a web development curriculum providing a structured set of instructional materials and guided exercises for learning programming languages and frameworks. It functions as a technical training resource that hosts programming learning paths, including the creation of to-do applications, message boards, and browser games. The project focuses on making programming education accessible through localized educational content served in multiple languages. It also provides dedicated workshop teacher resources, including training decks, cheat sheets, and presentation templates to assist