RS School JS/Frontend Bootcamp — Learning Vault

Compound-learning vault для подготовки и прохождения stage 0.5 Bootcamp.

Здесь нет готовых решений. Только список того, что нужно знать к каждой задаче, ссылки на теорию из основного vault'а и официальную документацию. Решение пишешь сам — иначе компаунд-эффект не запустится.

Как пользоваться этим vault'ом

  1. Открой 🗺️ Roadmap — общая карта 13 недель.
  2. Перед задачей заходи в её карточку (Tasks/):
    • Сначала Compound — что ты уже должен уметь из предыдущих недель.
    • Потом Новые знания — список концептов, которые задача добавляет.
  3. Каждый концепт — wikilink в hopeful-mayer/. Кликнул → разобрался → закрыл. Не переходи к коду пока концепт не понятен.
  4. Перед сабмитом — пройдись по чек-листу критериев в карточке. Это и есть scoring по которому тебя оценят.

Compound Learning — главная идея

Каждая следующая задача наслаивает новые концепты на уже изученные:

Week 1   CSS Meme Slider   → CSS Layout, Animations, Pseudo-classes
Week 2-4 Shelter           → +Semantic HTML, Responsive, DOM, Events
Week 5   JS30              → +Browser APIs (Audio/Canvas/Video), Git workflow
Week 6   Podcast Player    → +Fetch, async/await, SPA routing, Web Crypto, localStorage
Week 7-8 Not Fight Club    → +State management, Game loop
Week 9-10 HTML Builder     → +Node.js, fs, streams, events, CommonJS
Week 11-14 Async Race      → +TypeScript, REST, requestAnimationFrame, Vite

К концу bootcamp ты должен складывать все слои в один работающий проект. Если в неделе 6 ты не понял Fetch — Async Race ты не закроешь.

Структура vault'а

Папка Что внутри
Tasks/ По одной карточке на задачу (9 карточек включая 3 части Shelter)
Workflow/ Общие процессы — PR, git, cross-check, gh-pages, Netlify
Concepts/ Концепты, которых нет в основном vault'е (стабы со ссылками на MDN)
🗺️ Roadmap.md 13-недельный план
🧩 Карта навыков.md Граф: какой скилл в каких задачах нужен
✅ Сертификация.md Правила получения сертификата

Связь с основным vault'ом

Этот bootcamp-vault — папка внутри hopeful-mayer. Все [[wikilink]] резолвятся в существующие подробные заметки. Если линк красный — значит концепт либо в Concepts/ (стаб), либо ещё не создан и его надо изучить по MDN.

Дисциплина

  • Не копируй чужой код. Cross-check ловит, плагиат = -100500.
  • Коммить часто и осмысленно — история коммитов проверяется.
  • Деплой работает = задача засчитана. Сломанный gh-pages = 0 баллов.
  • Console errors во время использования = штраф. Открывай DevTools каждый раз.

Цепочка задач

  1. 01 — CSS Meme Slider
  2. 02 — Shelter (обзор)Part 1Part 2Part 3
  3. 03 — JS30 Widgets
  4. 04 — Podcast Player
  5. 05 — Not Fight Club
  6. 06 — HTML Builder
  7. 07 — Async Race

Источник заданий: https://github.com/rolling-scopes-school/tasks/tree/master/stage0.5 Bootcamp