Орієнтир — пів року у вільний час
Графік і поради
Дедлайну в таблиці немає, тож це не зобов'язання, а рамка. Обсяг усього курсу — приблизно 96 годин матеріалів плюс практика: разом виходить 110–150 годин, тобто 5–6 годин на тиждень протягом пів року.
Порядок модулів
Він не випадковий: кожен наступний спирається на попередній. Єдиний виняток — модуль 9 про Git і процес: його треба почати одразу й вести фоном, бо це звичка, а не тема.
- Тижні 1–3Модуль 1 — розмітка. Паралельно завести репозиторій і працювати в ньому за правилами з модуля 9. Мета: каркас дашборду з темою, зверстаний руками.
- Тижні 4–8Модуль 2 — архітектура і TypeScript. Найдовший блок теорії. Мета: проєкт зі strict, guards, пайпом, директивою й типізованими моделями.
- Тижні 9–11Модуль 3 — layout і OnPush. Мета: розмітка з модуля 1 живе в компонентах, усе на OnPush, є поділ на container і presentation.
- Тижні 12–17Модуль 4 — RxJS і моки. Другий важкий блок. Мета: сервіси мокають дані за контрактом, екран живиться потоками, ручних subscribe немає.
- Тижні 18–21Модуль 5 — грид. Мета: повноцінна таблиця на мокованих даних без лагів.
- Тижні 22–25Модуль 6 — форми. Мета: CRUD-модалка з типізованою формою й асинхронною валідацією.
- Тижні 26–28Модулі 7 і 8 — шліфування й тести. Мета: чотири стани на кожному екрані, клавіатурний прогін, п'ять зелених тестів.
- ФономМодуль 9 — процес. З першого тижня: гілка на модуль, Conventional Commits, PR із описом.
Ріж не якість, а обсяг. Краще закрити модулі 1–4 по-справжньому, ніж пробігти всі дев'ять поверхнево: на демо ліду видно саме глибину. Модулі 5 і 6 без 4 однаково не вийдуть, а 7–9 можна добирати вже під час роботи над реальними задачами.
Чекпоінти з лідом
| Коли | Що показати | Що спитати |
|---|---|---|
| Після 1–2 | Каркас застосунку: розмітка, тема, роути, strict, guard | «Чи так у вас прийнято структурувати проєкт?» |
| Після 4 | Екран на реактивних даних із фільтрами й обробкою помилок | «Де тут зайва складність, а де навпаки бракує?» |
| Після 6 | Робочий CRUD: таблиця плюс модалка з валідацією | «Що з цього ти б не пропустив на код-рев'ю?» |
| Наприкінці | Усе разом, тести й історія комітів | «Що лишилось до рівня, коли можна брати бойові задачі?» |
Пастки
- Читати, не пишучи. Конспект без коду забувається за тиждень.
- Чекати «великого вікна часу». Воно не настане: у тебе проєкт на 600 годин.
- Робити ідеально з першого разу. Перша версія компонента має бути поганою.
- Тонути в RxJS. Там сотні операторів; треба десять.
- Мовчати пів року. Без проміжних показів легко піти не туди.
- Дві години на тиждень, але щотижня. Ритм важливіший за обсяг.
- Одна тема — один коміт. Видно рух, і це вже виконання модуля 9.
- Спочатку криво, потім рефактор. Рефакторинг і є навчання.
- Питати ліда конкретно. Не «як тобі?», а «я вибрав X, чому у вас Y?».
- Використати роботу. Побачив у робочому коді тему з плану — розбери її там.
Що зробити цього тижня
- Створити репозиторій під навчальний проєкт і зробити перший коміт за Conventional Commits.
- Пройти перші три уроки модуля 1 і зверстати одну сторінку без жодного фреймворку.
- Відкрити цей сайт завтра ще раз — щоб серія днів стала двійкою.
Головне про цей план. Він виглядає великим, бо чесно показує обсяг. Але ти не з нуля: розмітка й стилі — це твої сім років, процес і комунікація теж. Реально нового тут два блоки — архітектура з TypeScript і RxJS. Усе інше — вміння, які в тебе вже є, просто в іншій обгортці.