{"id":51556202,"url":"https://github.com/krwg/web-roadmap","last_synced_at":"2026-07-10T05:30:22.525Z","repository":{"id":369746650,"uuid":"1291341793","full_name":"krwg/web-roadmap","owner":"krwg","description":"Free 22-week full-stack web roadmap (RU): 22 projects + DevHub capstone. Git from day 1. Theory + daily practice.","archived":false,"fork":false,"pushed_at":"2026-07-06T18:53:54.000Z","size":2267,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-07-06T20:04:17.350Z","etag":null,"topics":["css","curriculum","docker","education","fastapi","free","full-stack","html","javascript","junior-developer","learning","nodejs","postgresql","python","react","roadmap","self-taught","tutorial","typescript","web-development"],"latest_commit_sha":null,"homepage":"https://krwg.github.io/web-roadmap/","language":"Python","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/krwg.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"license","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":"Roadmap.md","authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2026-07-06T18:01:54.000Z","updated_at":"2026-07-06T19:05:05.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/krwg/web-roadmap","commit_stats":null,"previous_names":["krwg/web-roadmap"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/krwg/web-roadmap","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/krwg%2Fweb-roadmap","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/krwg%2Fweb-roadmap/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/krwg%2Fweb-roadmap/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/krwg%2Fweb-roadmap/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/krwg","download_url":"https://codeload.github.com/krwg/web-roadmap/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/krwg%2Fweb-roadmap/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":35322488,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-07-10T02:00:06.465Z","response_time":60,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","curriculum","docker","education","fastapi","free","full-stack","html","javascript","junior-developer","learning","nodejs","postgresql","python","react","roadmap","self-taught","tutorial","typescript","web-development"],"created_at":"2026-07-10T05:30:19.528Z","updated_at":"2026-07-10T05:30:22.521Z","avatar_url":"https://github.com/krwg.png","language":"Python","funding_links":[],"categories":[],"sub_categories":[],"readme":"# web-roadmap\n\nБесплатный структурированный роадмап **full-stack веб-разработки**: от HTML до деплоя production-приложения.\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"assets/logo.png\" alt=\"web-roadmap\" width=\"120\" height=\"auto\" /\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://krwg.github.io/web-roadmap/\"\u003e\u003cstrong\u003eСайт маршрута\u003c/strong\u003e\u003c/a\u003e ·\n  \u003ca href=\"roadmap/README.md\"\u003e\u003cstrong\u003eНачать обучение\u003c/strong\u003e\u003c/a\u003e ·\n  \u003ca href=\"docs/getting-started.md\"\u003eКак учиться\u003c/a\u003e ·\n  \u003ca href=\"docs/projects.md\"\u003e22 проекта\u003c/a\u003e ·\n  \u003ca href=\"docs/resources.md\"\u003eРесурсы\u003c/a\u003e ·\n  \u003ca href=\"CONTRIBUTING.md\"\u003eContributing\u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/длительность-22%20недели-3dd6c6?style=flat-square\" alt=\"22 weeks\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/нагрузка-6--7%20ч%2Fдень-6eb5ff?style=flat-square\" alt=\"6-7h per day\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/стек-full--stack-8b95a5?style=flat-square\" alt=\"full-stack\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/версия-1.2.0-8b95a5?style=flat-square\" alt=\"v1.2.0\" /\u003e\n\u003c/p\u003e\n\n---\n\n## О проекте\n\n**web-roadmap** — открытый учебный маршрут для тех, кто хочет стать **junior full-stack разработчиком** с нуля или систематизировать пробелы. Не курс с видео, а **пошаговый план**: теория → практика → проект недели → самопроверка.\n\nВдохновлено форматом [roadmap.sh](https://github.com/nilbuild/developer-roadmap), [React Developer Roadmap](https://github.com/adam-golab/react-developer-roadmap) и [Python-Roadmap](https://github.com/GnuriaN/Python-Roadmap), но сфокусировано на **практике 6–7 часов в день** и связном пути к full-stack.\n\n### Стек\n\n```\nHTML → CSS → Git → JavaScript → TypeScript → React\n  → Python → SQL/PostgreSQL → FastAPI\n  → Node.js/Express → Auth \u0026 Testing → Docker → Deploy\n```\n\n### Для кого\n\n| Аудитория | Зачем |\n|-----------|--------|\n| Новички | Понятный путь без хаоса «что учить дальше» |\n| Самоучки | Структура, проекты, чеклисты, литература |\n| Junior'ы | Закрыть пробелы в фундаменте и full-stack связке |\n\n### Что внутри\n\n- **154 учебных дня** (22 недели × 7 дней)\n- **22 проекта недели** + финальный **DevHub capstone**\n- **Git с дня 1** — первый коммит `index.html` в неделю 1\n- Ежедневные блоки: **теория**, **практика**, **ловушки**, **ревью**\n- **22 проекта недели** + финальный capstone\n- Сайт [krwg.github.io/web-roadmap](https://krwg.github.io/web-roadmap/): TOC по дням, поиск, прогресс, шпаргалки, PWA\n- Протокол **«анти-вайбкодер»** — учиться понимать, а не копировать ИИ\n\n---\n\n## Карта маршрута (22 недели)\n\n| Нед. | Тема | Файл |\n|------|------|------|\n| 1 | HTML: структура, семантика, формы, a11y | [week-01](roadmap/weeks/week-01.md) |\n| 2 | CSS: селекторы, box model, типографика | [week-02](roadmap/weeks/week-02.md) |\n| 3 | CSS: Flexbox, Grid, адаптив, анимации | [week-03](roadmap/weeks/week-03.md) |\n| 4 | Git advanced, PR, DevTools | [week-04](roadmap/weeks/week-04.md) |\n| 5 | JavaScript: основы | [week-05](roadmap/weeks/week-05.md) |\n| 6 | JavaScript: объекты, DOM, события | [week-06](roadmap/weeks/week-06.md) |\n| 7 | JS: storage, Fetch, формы, модули | [week-07](roadmap/weeks/week-07.md) |\n| 8 | Async JS, Event Loop, HTTP, API | [week-08](roadmap/weeks/week-08.md) |\n| 9 | JS advanced: closures, ООП, паттерны | [week-09](roadmap/weeks/week-09.md) |\n| 10 | TypeScript | [week-10](roadmap/weeks/week-10.md) |\n| 11 | React: основы, JSX, компоненты | [week-11](roadmap/weeks/week-11.md) |\n| 12 | React: state, effects, формы | [week-12](roadmap/weeks/week-12.md) |\n| 13 | React Router, hooks, Context | [week-13](roadmap/weeks/week-13.md) |\n| 14 | **Проект:** Frontend SPA | [week-14](roadmap/weeks/week-14.md) |\n| 15 | Python: основы, venv | [week-15](roadmap/weeks/week-15.md) |\n| 16 | Python: ООП, алгоритмы, файлы | [week-16](roadmap/weeks/week-16.md) |\n| 17 | SQL и PostgreSQL | [week-17](roadmap/weeks/week-17.md) |\n| 18 | SQLAlchemy + FastAPI | [week-18](roadmap/weeks/week-18.md) |\n| 19 | Node.js + Express | [week-19](roadmap/weeks/week-19.md) |\n| 20 | Auth, безопасность, тестирование | [week-20](roadmap/weeks/week-20.md) |\n| 21 | Full-stack + Docker | [week-21](roadmap/weeks/week-21.md) |\n| 22 | **Capstone:** DevHub full-stack | [week-22](roadmap/weeks/week-22.md) |\n\n```mermaid\nflowchart TB\n  subgraph frontend [Frontend]\n    HTML[HTML/CSS]\n    JS[JavaScript]\n    TS[TypeScript]\n    React[React]\n  end\n  subgraph backend [Backend]\n    Py[Python]\n    SQL[SQL/PostgreSQL]\n    FastAPI[FastAPI]\n    Node[Node/Express]\n  end\n  subgraph ship [Ship]\n    Auth[Auth \u0026 Security]\n    Docker[Docker]\n    Deploy[Deploy]\n  end\n  HTML --\u003e JS --\u003e TS --\u003e React\n  React --\u003e Py --\u003e SQL --\u003e FastAPI\n  React --\u003e Node\n  FastAPI --\u003e Auth\n  Node --\u003e Auth\n  Auth --\u003e Docker --\u003e Deploy\n```\n\n---\n\n## Быстрый старт\n\n1. Прочитай [docs/getting-started.md](docs/getting-started.md) — **создай learning-log до дня 1**\n2. Открой [roadmap/introduction.md](roadmap/introduction.md) — принципы и «анти-вайбкодер»\n3. Начни с [roadmap/weeks/week-01.md](roadmap/weeks/week-01.md) — день 0 = Git, день 1 = первый HTML-коммит\n4. Каталог проектов: [docs/projects.md](docs/projects.md)\n5. Сайт: [krwg.github.io/web-roadmap](https://krwg.github.io/web-roadmap/)\n\n---\n\n## Дисклеймер\n\n\u003e Этот роадмап показывает **ландшафт** full-stack разработки и порядок тем. Цель — понять, *что* и *зачем* учить, а не гнаться за хайпом. Инструменты меняются; фундамент (HTTP, DOM, SQL, компоненты, API) остаётся.\n\n---\n\n## Contributing\n\nИсправления, новые задания и ссылки — через [Issues](https://github.com/krwg/web-roadmap/issues) и [Pull Requests](https://github.com/krwg/web-roadmap/pulls). См. [CONTRIBUTING.md](CONTRIBUTING.md).\n\n---\n\n## License\n\nМатериалы защищены авторским правом. Личное использование — да; публикация контента отдельно от репозитория — только с согласия автора. Подробности в [license](license).\n\nCopyright © 2026 krwg\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkrwg%2Fweb-roadmap","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkrwg%2Fweb-roadmap","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkrwg%2Fweb-roadmap/lists"}