Для тих, хто тут уперше

З чого почати

Десять хвилин, щоб зрозуміти, як тут усе влаштовано, — і перший урок уже сьогодні.

Для кого цей курс

Для тих, хто йде у фронтенд-розробку на Angular і хоче дійти до рівня Strong Junior: тобі дають задачу в команді, і ти робиш її сам, без поводиря. Найкраще курс ляже, якщо HTML і CSS ти вже бачив, а Angular, TypeScript і RxJS поки що туман.

Курс побудовано за реальним планом розвитку (IDP) «Angular: Strong Junior»: девʼять цілей — девʼять модулів. Сам план — на сторінці «Таблиця IDP». А перед модулями IDP є Фундамент — основи, без яких Angular не засвоюється.

Як влаштований урок

• Теорія простою мовою — з прикладами коду й схемами. У модулі 1 є живі приклади: міняєш значення — одразу бачиш результат.
• «Перевір себе» — короткі квізи прямо в тексті. Помилка нічого не коштує: краще помилитись тут, ніж на співбесіді.
• Пісочниці «Спробуй сам» — код можна змінити й запустити прямо в уроці. Завдання в них перевіряються одразу й дають досвід, а помилки пояснюються українською.
• Покроковий розбір — код виконується рядок за рядком, а поруч видно, що відбувається в памʼяті.
• Вправи-кати — функції, які перевіряють тести.
• «Позначити пройденим» унизу — урок зараховано, ти отримуєш досвід (XP).

Кожен модуль закінчується бос-файтом (дванадцять питань, три життя) і практикою — шматком справжнього проєкту. Практику модуля 1 можна перевірити автоматично: перетягуєш теку з проєктом на сторінку перевірки.

Якщо бракує основ

Якщо слова Promise, this, async чи «замикання» викликають сумнів, почни з Фундаменту. Він не входить до цілей IDP, тож упевнені можуть його пропустити, — але з ним модулі IDP ляжуть набагато легше.

• Ф1 «JavaScript: основа» — змінні й типи, функції, обʼєкти, масиви, посилання й копії, замикання, this і класи, модулі, помилки, DOM. Дванадцять уроків, у кожному код можна запускати й міняти прямо на сторінці, а наприкінці — маленький застосунок своїми руками.
• Ф0 «Старт» (інструменти), Ф2 «Асинхронність» і Ф3 «TypeScript з нуля» — у роботі.
• Рекомендований порядок: Ф0 → модуль 1 → Ф1 → Ф2 → Ф3 → модулі 2–9. Кнопка «Наступний урок» веде саме так.
• Натискай «Знайшов помилку → Незрозуміло» щоразу, коли текст спирається на те, чого ти не знаєш. Саме з цих повідомлень видно, що пояснювати першим.

Як учитись, щоб не забувалось

• Потроху, але щодня. 30–45 хвилин щодня дають більше, ніж вихідний раз на тиждень. Серія днів — це 🔥 у шапці.
• Повторення — питання з пройдених уроків повертаються через 1, 3, 7, 21 і 60 днів. Пʼять хвилин на день — і матеріал не вивітрюється.
• Бліц — 60 секунд, скільки встигнеш. Тренує не знання, а швидкий доступ до нього.
• «Лід питає» — питання, які звучать на демо й співбесідах. Відповідай уголос: пояснити — значить зрозуміти.
• Полігони — CSS, Change Detection, RxJS, «код під мікроскопом» і Git: тренажери, де теорію роблять руками.
• Нотатка до уроку — унизу кожного уроку. Своїми словами: де це знадобиться в твоєму проєкті.

Навіщо входити через Google

Без входу все працює, але прогрес живе лише в цьому браузері. Вхід дає:

• синхронізацію між пристроями — почав на роботі, продовжив удома;
• таблицю лідерів — лише якщо сам увімкнеш «показувати мене»;
• дуелі з колегами й публічний профіль за посиланням;
• AI-рев'ю практики — кілька разів на день.

Що саме зберігається — на сторінці «Приватність». Коротко: прогрес і мінімум даних з Google, нічого більше.

Якщо сайт не відкривається

Деякі українські провайдери блокують адреси *.pages.dev. Тоді відкривай дзеркало: angular-idp.askuznetsov6996.workers.dev. Після входу прогрес той самий на обох адресах.

Знайшов помилку чи щось незрозуміло?

Унизу кожного уроку є кнопка «Знайшов помилку». А якщо виділити шматок тексту, поруч зʼявиться маленька кнопка, і цитата сама потрапить у повідомлення. Курс пише одна людина, тож кожне таке повідомлення робить його кращим для тих, хто прийде після тебе.