Результаты и рост
Последний и лучший результат, прогресс по модулям.
← Назад в Lab
ЕДИНЫЙ АККАУНТ MP WEB STUDIO
Учитесь бесплатно. Ваш прогресс остаётся с вами.
Можно начать без аккаунта. Вход нужен только для результатов, истории и продолжения на другом устройстве.
ЧТО СОХРАНЯЕТ АККАУНТ
Не просто отметку о завершении.
Используется тот же аккаунт MP Web Studio. Отдельной системы для Lab нет.
Разбор ошибок
Видите повторяющиеся критерии, а не только процент.
Простое продолжение
Возвращаетесь к уроку и продолжаете на другом устройстве.
ПОЛНАЯ ПРОГРАММА
Шесть направлений, один прогресс.
В прогресс входят только доступные задания. Запланированные направления не считаются задолженностью.
Доступно
HTML
120 упражнений · 12 модулей в программе
—120 доступно сейчас
Открыть направление Доступно
CSS
100 упражнений · 10 модулей в программе
—100 доступно сейчас
Открыть направление Доступно
JavaScript
100 упражнений · 10 модулей в программе
—50 доступно сейчас
Открыть направление Запланировано
PHP
100 упражнений · 10 модулей в программе
Ещё не опубликовано
Запланировано
Python
100 упражнений · 10 модулей в программе
Ещё не опубликовано
Запланировано
Проекты
100 упражнений · 10 модулей в программе
Ещё не опубликовано
HTML + CSS + JavaScript
270 упражнений в 27 доступных модулях
Можно открыть любой публичный урок. Постоянный прогресс появится после входа.
HTML 01Основы HTML
0 / 10 завершено
0%
Основы HTML
0 / 10 завершено
- 01Структура HTML-документаНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 02Заголовки и абзацыНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 03Понятные ссылкиНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 04Доступные изображенияНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 05Упорядоченные и неупорядоченные спискиНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 06Семантическая структура страницыНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 07Article и sectionНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 08Таблица для данныхНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 09Доступная формаНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 10Исправьте структуру страницыНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
HTML 02Текст и смысл
0 / 10 завершено
0%
Текст и смысл
0 / 10 завершено
- 11Создайте: важность через strongНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 12Исправьте: важность через strongНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 13Создайте: акцент через emНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 14Исправьте: акцент через emНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 15Создайте: выделение через markНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 16Исправьте: выделение через markНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 17Создайте: примечание через smallНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 18Исправьте: примечание через smallНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 19Создайте: объяснённое сокращениеНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 20Исправьте: объяснённое сокращениеНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
HTML 03Ссылки и действия
0 / 10 завершено
0%
Ссылки и действия
0 / 10 завершено
- 21Создайте: ссылку на разделНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 22Исправьте: ссылку на разделНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 23Создайте: понятную внешнюю ссылкуНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 24Исправьте: понятную внешнюю ссылкуНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 25Создайте: ссылку для emailНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 26Исправьте: ссылку для emailНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 27Создайте: ссылку для телефонаНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 28Исправьте: ссылку для телефонаНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 29Создайте: ссылку для скачиванияНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 30Исправьте: ссылку для скачиванияНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
HTML 04Изображения и медиа
0 / 10 завершено
0%
Изображения и медиа
0 / 10 завершено
- 31Создайте: изображение с подписьюНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 32Исправьте: изображение с подписьюНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 33Создайте: явные размеры изображенияНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 34Исправьте: явные размеры изображенияНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 35Создайте: адаптивное изображение с pictureНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 36Исправьте: адаптивное изображение с pictureНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 37Создайте: управляемое аудиоНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 38Исправьте: управляемое аудиоНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 39Создайте: видео с субтитрамиНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 40Исправьте: видео с субтитрамиНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
HTML 05Структура страницы
0 / 10 завершено
0%
Структура страницы
0 / 10 завершено
- 41Создайте: шапку с навигациейНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 42Исправьте: шапку с навигациейНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 43Создайте: единственный основной контентНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 44Исправьте: единственный основной контентНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 45Создайте: статью с собственным заголовкомНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 46Исправьте: статью с собственным заголовкомНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 47Создайте: раздел с заголовкомНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 48Исправьте: раздел с заголовкомНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 49Создайте: дополнительный контент через asideНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 50Исправьте: дополнительный контент через asideНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
HTML 06Списки и данные
0 / 10 завершено
0%
Списки и данные
0 / 10 завершено
- 51Создайте: полный неупорядоченный списокНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 52Исправьте: полный неупорядоченный списокНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 53Создайте: нумерованный упорядоченный списокНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 54Исправьте: нумерованный упорядоченный списокНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 55Создайте: список определенийНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 56Исправьте: список определенийНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 57Создайте: таблицу с заголовками столбцовНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 58Исправьте: таблицу с заголовками столбцовНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 59Создайте: таблицу с заголовками строкНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 60Исправьте: таблицу с заголовками строкНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
HTML 07Основы форм
0 / 10 завершено
0%
Основы форм
0 / 10 завершено
- 61Создайте: текстовое поле с подписьюНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 62Исправьте: текстовое поле с подписьюНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 63Создайте: полное поле emailНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 64Исправьте: полное поле emailНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 65Создайте: число с ограничениямиНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 66Исправьте: число с ограничениямиНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 67Создайте: сообщение через textareaНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 68Исправьте: сообщение через textareaНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 69Создайте: список выбораНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 70Исправьте: список выбораНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
HTML 08Продвинутые формы
0 / 10 завершено
0%
Продвинутые формы
0 / 10 завершено
- 71Создайте: группу радиокнопокНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 72Исправьте: группу радиокнопокНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 73Создайте: флажок согласияНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 74Исправьте: флажок согласияНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 75Создайте: дату в диапазонеНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 76Исправьте: дату в диапазонеНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 77Создайте: подсказки через datalistНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 78Исправьте: подсказки через datalistНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 79Создайте: полную сгруппированную формуНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 80Исправьте: полную сгруппированную формуНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
HTML 09Документ и метаданные
0 / 10 завершено
0%
Документ и метаданные
0 / 10 завершено
- 81Создайте: charset и viewportНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 82Исправьте: charset и viewportНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 83Создайте: title и description документаНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 84Исправьте: title и description документаНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 85Создайте: язык и направление документаНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 86Исправьте: язык и направление документаНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 87Создайте: полезные глобальные атрибутыНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 88Исправьте: полезные глобальные атрибутыНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 89Создайте: раскрывающиеся деталиНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 90Исправьте: раскрывающиеся деталиНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
HTML 10Интеграция и отладка
0 / 10 завершено
0%
Интеграция и отладка
0 / 10 завершено
- 91Создайте: страницу с ориентирамиНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 92Исправьте: страницу с ориентирамиНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 93Создайте: статью с датой публикацииНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 94Исправьте: статью с датой публикацииНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 95Создайте: семантическую карточку услугиНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 96Исправьте: семантическую карточку услугиНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 97Создайте: доступную таблицу ценНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 98Исправьте: доступную таблицу ценНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 99Создайте: полный раздел контактовНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 100Исправьте: полный раздел контактовНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
HTML 11Качество HTML
0 / 10 завершено
0%
Качество HTML
0 / 10 завершено
- 101Создайте: раздельные интерактивные элементыНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 102Исправьте: раздельные интерактивные элементыНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 103Создайте: уникальные ID в документеНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 104Исправьте: уникальные ID в документеНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 105Создайте: полную иерархию заголовковНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 106Исправьте: полную иерархию заголовковНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 107Создайте: эффективно загружаемое изображениеНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 108Исправьте: эффективно загружаемое изображениеНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 109Создайте: описанный и ограниченный iframeНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 110Исправьте: описанный и ограниченный iframeНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
HTML 12Технический текст и цитаты
0 / 10 завершено
0%
Технический текст и цитаты
0 / 10 завершено
- 111Создайте: блок кодаНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 112Исправьте: блок кодаНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 113Создайте: команды и технический результатНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 114Исправьте: команды и технический результатНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 115Создайте: цитату с источникомНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 116Исправьте: цитату с источникомНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 117Создайте: контактные данные через addressНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 118Исправьте: контактные данные через addressНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 119Создайте: изолированный двунаправленный текстНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 120Исправьте: изолированный двунаправленный текстНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
CSS 01Синтаксис, подключение и селекторы
0 / 10 завершено
0%
Синтаксис, подключение и селекторы
0 / 10 завершено
- 01Первое правило CSSНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 02Подключите CSS-файлНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 03Используйте внутренние стилиНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 04Селектор элементаНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 05Селектор классаНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 06Селектор IDНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 07Сгруппируйте селекторыНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 08Селектор потомкаНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 09Прямой дочерний элементНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 10Исправьте CSS-правилоНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
CSS 02Каскад, наследование и специфичность
0 / 10 завершено
0%
Каскад, наследование и специфичность
0 / 10 завершено
- 11Порядок правилНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 12Автоматическое наследованиеНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 13Явное наследованиеНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 14Вернитесь к начальному значениюНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 15Удалите объявление с помощью unsetНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 16Класс сильнее селектора типаНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 17ID сильнее классаНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 18Более специфичный составной селекторНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 19Стиль, прикреплённый к элементуНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 20Контролируемое использование !importantНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
CSS 03Цвета, единицы, фоны и контраст
0 / 10 завершено
0%
Цвета, единицы, фоны и контраст
0 / 10 завершено
- 21Запишите шестнадцатеричный цветНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 22Создайте цвет с помощью rgb()Не начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 23Опишите цвет с помощью hsl()Не начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 24Добавьте прозрачность через alphaНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 25Задайте размер текста в remНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 26Создайте отступы с emНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 27Используйте процентную ширинуНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 28Свяжите секцию с viewportНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 29Сочетайте фон и границуНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 30Создайте читаемый контрастНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
CSS 04Типографика, текст и интервалы
0 / 10 завершено
0%
Типографика, текст и интервалы
0 / 10 завершено
- 31Создайте список шрифтовНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 32Задайте размер заголовка в remНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 33Выделите текст насыщенностьюНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 34Оформите цитату курсивомНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 35Сделайте абзац свободнее с line-heightНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 36Выровняйте сообщение по центруНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 37Преобразуйте регистр меткиНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 38Добавьте интервал между буквами меткиНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 39Чётко подчеркните ссылкуНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 40Настройте интервал между словамиНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
CSS 05Блочная модель, размеры, overflow и позиционирование
0 / 10 завершено
0%
Блочная модель, размеры, overflow и позиционирование
0 / 10 завершено
- 41Разделите карточки с помощью marginНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 42Добавьте внутренний отступ с paddingНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 43Создайте полную границуНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 44Сохраните ширину с border-boxНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 45Сочетайте width и max-widthНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 46Задайте секции минимальную высотуНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 47Защитите таблицу с overflow-xНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 48Управляйте длинным вертикальным потокомНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 49Создайте ориентир позиционированияНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 50Расположите метку внутри карточкиНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
CSS 06Flexbox и одномерные компоненты
0 / 10 завершено
0%
Flexbox и одномерные компоненты
0 / 10 завершено
- 51Создайте первый flex-контейнерНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 52Смените ось на колонкуНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 53Распределите пространство между действиямиНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 54Выровняйте элементы по поперечной осиНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 55Добавьте постоянный интервал через gapНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 56Разрешите элементам переходить на новую строкуНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 57Позвольте карточкам расти равномерноНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 58Защитите элемент от сжатияНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 59Выровняйте одно действие отдельноНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 60Создайте гибкую панель действийНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
CSS 07CSS Grid и двумерная компоновка
0 / 10 завершено
0%
CSS Grid и двумерная компоновка
0 / 10 завершено
- 61Создайте первый Grid-контейнерНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 62Создайте две равные колонкиНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 63Повторите три равные колонкиНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 64Разделите дорожки через gapНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 65Сочетайте auto-колонку с гибкойНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 66Растяните элемент на две колонкиНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 67Создайте строки auto, гибкую, autoНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 68Назовите области страницыНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 69Центрируйте элементы в Grid-ячейкахНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 70Создайте гибкую сетку карточекНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
CSS 08Адаптивность, media queries и адаптивные изображения
0 / 10 завершено
0%
Адаптивность, media queries и адаптивные изображения
0 / 10 завершено
- 71Адаптируйте макет для узкого экранаНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 72Создайте mobile-first макет через min-widthНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 73Увеличьте отступ на контрольной точкеНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 74Создайте плавный заголовок с clamp()Не начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 75Удерживайте изображение внутри контейнераНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 76Заполните рамку с помощью object-fitНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 77Предложите изображения для разной плотностиНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 78Опишите ширины изображений-кандидатовНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 79Измените кадрирование с помощью pictureНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 80Создайте полноценную адаптивную карточкуНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
CSS 09Состояния, фокус, переходы, уменьшенное движение и доступность
0 / 10 завершено
0%
Состояния, фокус, переходы, уменьшенное движение и доступность
0 / 10 завершено
- 81Покажите состояние hover кнопкиНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 82Подтвердите нажатие через :activeНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 83Создайте заметный индикатор фокусаНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 84Выделите сфокусированное полеНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 85Оформите отключённую кнопкуНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 86Отреагируйте на отмеченный checkboxНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 87Покажите недопустимое состояние поляНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 88Анимируйте только нужные свойстваНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 89Учитывайте предпочтение уменьшенного движенияНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 90Создайте доступную интерактивную кнопкуНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
CSS 10Организация, пользовательские свойства, отладка и производительность
0 / 10 завершено
0%
Организация, пользовательские свойства, отладка и производительность
0 / 10 завершено
- 91Создайте переменную цвета брендаНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 92Добавьте запасное значение в var()Не начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 93Переопределите токен внутри компонентаНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 94Рассчитайте отступ из токенаНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 95Центрируйте контент логическими свойствамиНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 96Сохраните низкую специфичность с :where()Не начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 97Включите padding в размер элементовНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 98Перечислите свойства переходаНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 99Отложите отрисовку дальнего контентаНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 100Создайте компонент с токенамиНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
JAVASCRIPT 01Синтаксис, переменные, значения и типы
0 / 10 завершено
0%
Синтаксис, переменные, значения и типы
0 / 10 завершено
- 01Выведите первый результатНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 02Объявите константуНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 03Обновите переменнуюНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 04Вычисляйте с числамиНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 05Объедините значения в шаблонеНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 06Сравните значенияНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 07Проверьте тип значенияНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 08Исследуйте null и undefinedНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 09Явно преобразуйте в числоНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 10Создайте сводку значенийНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
JAVASCRIPT 02Операторы, сравнения и условия
0 / 10 завершено
0%
Операторы, сравнения и условия
0 / 10 завершено
- 11Вычислите остаток от деленияНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 12Возведите число в степеньНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 13Сравните два значения строгоНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 14Проверьте строгое неравенствоНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 15Объедините два условия через ИНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 16Выберите первое доступное значениеНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 17Инвертируйте логическое значениеНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 18Выполните ветку с ifНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 19Выберите одну из двух ветокНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 20Выберите с условным операторомНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
JAVASCRIPT 03Управление потоком, циклы и функции
0 / 10 завершено
0%
Управление потоком, циклы и функции
0 / 10 завершено
- 21Выберите ветку через switchНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 22Повторяйте с whileНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 23Выполните хотя бы один раз с do…whileНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 24Считайте с помощью forНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 25Остановите цикл с breakНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 26Пропустите итерацию с continueНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 27Объявите и вызовите функциюНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 28Получите значение через параметрНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 29Верните значениеНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 30Используйте параметр по умолчаниюНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
JAVASCRIPT 04Строки, массивы и базовые операции
0 / 10 завершено
0%
Строки, массивы и базовые операции
0 / 10 завершено
- 31Измерьте длину строкиНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 32Преобразуйте текст в верхний регистрНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 33Проверьте текст с includesНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 34Извлеките часть с sliceНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 35Создайте первый массивНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 36Прочитайте элемент по индексуНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 37Добавьте элемент с pushНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 38Удалите последний элемент с popНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 39Найдите значение в массиве с includesНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 40Объедините элементы с joinНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
JAVASCRIPT 05Объекты, свойства и преобразование данных
0 / 10 завершено
0%
Объекты, свойства и преобразование данных
0 / 10 завершено
- 41Создайте первый объектНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 42Прочитайте свойство через точкуНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 43Прочитайте свойство через скобкиНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 44Обновите свойствоНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 45Добавьте новое свойствоНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 46Прочитайте вложенный объектНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 47Определите метод в объектеНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 48Перечислите ключи через Object.keysНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 49Запустите callback через forEachНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть
- 50Преобразуйте массив с mapНе начатоПоследний—Лучший—Неудачные0Подсказки0Открыть