Привіт! Ласкаво просимо до «Кодової»

Не просто вчи.
Створюй справжнє.

Python, сайти та багато практики. Пояснюємо складне просто — щоб ти міг створювати власні проєкти з першого уроку.

<html>
#стилі
{ код }
мій-перший-сайт.html ···
01<main>
02<h1>Привіт, світе!</h1>
03<p>Я створюю свій сайт</p>
04</main>
● готовоHTML · UTF-8
✳
Твій прогресУрок 3 із 8
38%
✦3 дні поспіль!
↖ти
↖дизайнерка
↖розробник
✳
✦
НАВЧАННЯ, ЯКЕ ПРАЦЮЄ
PYTHONHTML & CSSJAVASCRIPTІНТЕРАКТИВНО
ПОТРІБНО РОЗІБРАТИСЯ В ТЕРМІНАХ?

Відкрий великий словник програміста

Прості пояснення, приклади коду й поради з Python, HTML, CSS та JavaScript — на окремій сторінці.

Перейти до словника
З ЧОГО ПОЧНЕМО?

Обери свою пригоду

Короткі уроки, зрозумілі приклади та практика, яку хочеться проходити.

НЕ ЗНАЄШ, ІЗ ЧОГО ПОЧАТИ?

Підберімо твій маршрут

Відповідай на кілька запитань — покажемо послідовність курсів для твоєї цілі.

ТВОЇ РЕЗУЛЬТАТИ

Особистий профіль

Стеж за уроками й відзнаками. Увійди, щоб перенести навчальний прогрес на інший пристрій.

К
0уроків пройдено
0проєктів готово
0 XPРівень 1
МІСІЯ НА СЬОГОДНІ Пройди один урок

0 з 1 уроку

Серія: 0 днів

ТВОЇ ВІДЗНАКИ
МІЙ ПЛАН НА ТИЖДЕНЬ

Наступний крок

☁

Збережи свій прогрес

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

Не приходить лист на Gmail?

Перевір «Спам» і не надсилай багато запитів поспіль — у стандартного поштового сервісу Supabase є ліміт. Якщо акаунт уже створено, увійди за паролем. Власнику сайту для надійної доставки потрібно налаштувати власний SMTP у Supabase; пароль Gmail сюди передавати не можна.

Гостьовий режим: прогрес зберігається лише в цьому браузері.

Реєстрація може потребувати підтвердження пошти. Magic link працює без пароля; для входу на інших пристроях можна використати пароль.

✦

Доступ «Кодова Плюс»

Увійди, щоб перевірити доступ.

Як отримати Plus ↗
✦

Сертифікат за курс

Заверши всі уроки курсу, щоб створити сертифікат проходження маршруту. Його можна зберегти як PDF.

↻

Час повторити

Повторення складних тем допомагає краще їх запам’ятати.

🏆

Рейтинг учнів

Публічний рейтинг показує лише нікнейм та навчальний XP. XP — не перевірена кваліфікація чи нагорода.

Увійди, щоб налаштувати рейтинг.

    НАВЧАЄМОСЯ РАЗОМ

    Спільнота учнів

    Ділися запитаннями та ідеями. Нові публікації з’являються після перевірки власником сайту.

    Запропонуй допис

    Після схвалення твій нікнейм профілю буде видимий поруч із дописом. Не додавай приватні дані, паролі, ключі доступу чи чужий код без дозволу.

    Увійди в акаунт, щоб запропонувати допис.

    Опубліковані дописи

    ВІД ПЕРШОГО КРОКУ ДО РЕАЛЬНИХ ПРОЄКТІВ

    Рости крок за кроком

    Спочатку основи, потім складніші теми, тести та проєкти. Обирай рівень і навчайся у своєму темпі.

    Професійний рівень приходить із практикою та досвідом. Ці курси дають маршрут, базу й ідеї для проєктів, а не обіцяють роботу чи миттєве професійне знання.

    Початковий рівень·5 хв
    НАВЧАЛЬНИЙ МАРШРУТPython
    0 з 4 уроків
    РІВЕНЬ 1

    Початківець

    ПРОЄКТ РІВНЯ
    УРОК 01 · ЗМІННІ

    Дай своїм ідеям ім’я

    Змінна — це коробочка з назвою, у якій зберігається інформація. Можна створити її та використати в будь-який момент.

    💡Ім’я змінної має підказувати, що в ній лежить. Наприклад: name.
    приклад.py
    name = "Марта"
    print("Привіт, " + name)
    РЕЗУЛЬТАТ

    Привіт, Марта

    МІНІТЕСТ

    Що покаже цей код?

    Як тобі цей урок?

    ЗАВДАННЯ ДО КУРСУ

    Спробуй самостійно

    ПИШИ КОД І ДИВИСЬ РЕЗУЛЬТАТ

    Твоя кодова пісочниця

    Зміни HTML, CSS або JavaScript і запусти сторінку у відокремленому попередньому перегляді.

    Виконуй лише код, якому довіряєш. Попередній перегляд ізольовано від решти сайту.
    ПОПЕРЕДНІЙ ПЕРЕГЛЯДГотовий
    ВЧИСЬ НА РЕАЛЬНИХ ЗАВДАННЯХ

    Майстерня проєктів

    Обери ідею, виконуй кроки й позначай, що вже готово. Список зберігається в браузері.

    Галерея прикладів

    Це демопроєкти для натхнення, а не роботи учнів. Відкрий приклад у редакторі й зміни його під себе.

    ПЛАН РОБОТИ

    0%готово
    ЗБЕРИ СВОЇ НАЙКРАЩІ РОБОТИ

    Портфоліо проєктів

    Додай збережені версії з редактора, коротко розкажи про себе та завантаж охайне портфоліо HTML, яке можна надіслати іншим.

    Портфоліо формується на цьому пристрої. Нічого не публікується автоматично.

    Обери збережені роботи

    ПРОСТО. ПО КРОКАХ.

    Навчання, яке не лякає

    01
    ✦

    Обираєш тему

    Почни з того, що найбільше цікавить. Попередні знання не потрібні.

    ↗
    02
    ⌘

    Вчишся граючи

    Короткі уроки, живі приклади та завдання, які одразу можна спробувати.

    ↗
    03
    ↗

    Створюєш своє

    Крок за кроком збираєш знання й перетворюєш їх на власні проєкти.

    ↗
    ПІДТРИМАЙ РОЗВИТОК

    Навчайся й допомагай «Кодовій»

    Підтримка допоможе створювати більше уроків і практичних завдань.

    РІЧНА ПІДПИСКА · ВИГІДНІШЕ

    Кодова Плюс

    $99 / рік

    Усі переваги Кодова Плюс на рік. Заощаджуй $21 порівняно з оплатою помісячно.

    • Добірки додаткових проєктів і завдань
    • Шаблони коду та чеклісти для власних робіт
    • Персональний відгук на навчальний проєкт
    • Нові матеріали для підписників
    Обрати $99 / рік ↗

    Оплата й активація зараз узгоджуються з власником у Telegram.

    ДОБРОВІЛЬНО

    Підтримати проєкт

    Якщо «Кодова» стала тобі у пригоді, можеш підтримати її розвиток на комфортну суму.

    Напиши власнику — він надішле актуальне посилання на Monobank.

    Підтримати через Telegram ↗
    ЗВОРОТНИЙ ЗВ’ЯЗОК

    Що покращити на «Кодовій»?

    Напиши коротку пропозицію. Текст не зберігається на сайті — він потрапить у чернетку Telegram, яку ти зможеш переглянути перед надсиланням.

    РОБОТИ УЧНІВ

    Запропонуй проєкт до галереї

    Надішли посилання на опубліковану роботу. Вона не з’явиться на сайті автоматично: власник спершу перевірить її та згоду автора.

    Ціни: $10 за місяць або $99 за рік (економія $21 за річним планом). Платіжного сервісу й автоматичного списання поки немає: напиши власнику в Telegram, щоб узгодити валюту оплати, спосіб оплати, термін дії та активацію доступу перед переказом коштів.

    ДЛЯ НАВЧАННЯ З «КОДОВА ПЛЮС»

    Більше практики. Більше власних робіт.

    Матеріали відкриваються лише після входу й серверної перевірки чинного Plus-доступу.

    Перевіряємо вхід і Plus-доступ…

    Оплата підтверджується власником вручну поза сайтом. Доступ відкривається після його активації й діє до вказаної дати; автоматичного списання немає.

    ПОСЛІДОВНИЙ ШЛЯХ ВІД ПЕРШОГО РЯДКА

    Вчи основи. Роби проєкти.
    Поступово зростай у професії.

    Зробити перший крок Майстерність приходить із практикою, власними проєктами й часом.