NEW

Как это работает? — визуальный гид

Короткие анимированные видео, которые объясняют самые трудные моменты в программировании. Каждое видео — это одно понятие: код выполняется строка за строкой, а память, стек вызовов и консоль меняются прямо на глазах. По JavaScript, Python и PHP.

  • 616интерактивных материалов
  • 560анимированных видео
  • 56тренажёров
  • 3языка программирования
  • 15раздела тем

Показано: 560 видео

Основы

216
JS#01ОсновыЧто такое переменная и как она меняется?Создание «ячейки» в памяти через let и const и обновление значения.JavaScript · 4 · ~13s JS#02ОсновыТипы данных и typeofnumber, string, boolean, null — и знаменитый сюрприз typeof null.JavaScript · 8 · ~18s JS#03ОсновыАрифметические операторы: + − * / %Как вычисляются сложение, вычитание, умножение, деление и остаток (%).JavaScript · 6 · ~13s JS#05ОсновыРазница между == и ===Почему 5 == "5" истинно, а 5 === "5" — нет?JavaScript · 4 · ~11s JS#06ОсновыОбласть видимости (scope)Почему переменная внутри функции не затрагивает внешнюю?JavaScript · 7 · ~18s JS#44ОсновыАнимация: Что такое JavaScript и где он работаетЧто такое JavaScript и где он работает: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~19s JS#46ОсновыАнимация: DevTools и консоль: console.log, table, group, timeDevTools и консоль: console.log, table, group, time: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~20s JS#47ОсновыАнимация: Рабочее окружение: VS Code, Node.js 22 и запуск скри…Рабочее окружение: VS Code, Node.js 22 и запуск скриптов: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~20s JS#48ОсновыАнимация: Синтаксис: инструкции, точка с запятой, комментарии…Синтаксис: инструкции, точка с запятой, комментарии и строгий режим: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~20s JS#49ОсновыАнимация: Простой диалог с пользователем: alert, prompt и confirmПростой диалог с пользователем: alert, prompt и confirm: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~20s JS#50ОсновыАнимация: Числа и арифметические операторыЧисла и арифметические операторы: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~19s JS#51ОсновыАнимация: Логический тип: true, false, truthy и falsyЛогический тип: true, false, truthy и falsy: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~20s JS#52ОсновыАнимация: null и undefined: в чём разницаnull и undefined: в чём разница: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~19s JS#53ОсновыАнимация: Приведение типов: явное и неявноеПриведение типов: явное и неявное: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~20s JS#54ОсновыАнимация: Параметры по умолчанию и rest-параметрыПараметры по умолчанию и rest-параметры: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~19s JS#56ОсновыАнимация: Hoisting, var и временная мёртвая зонаHoisting, var и временная мёртвая зона: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~19s JS#57ОсновыАнимация: Замыкания: как функция запоминает окружениеЗамыкания: как функция запоминает окружение: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~20s JS#59ОсновыАнимация: Опциональная цепочка ?.: безопасный доступ к свойствамОпциональная цепочка ?.: безопасный доступ к свойствам: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~20s JS#61ОсновыАнимация: Регулярные выражения: синтаксис, флаги и классы симв…Регулярные выражения: синтаксис, флаги и классы символов: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 3 · ~11s JS#64ОсновыАнимация: Работа с числами: Math, округление, parseInt и BigIntРабота с числами: Math, округление, parseInt и BigInt: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~20s JS#65ОсновыАнимация: Объект Date: создание даты и её компонентыОбъект Date: создание даты и её компоненты: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 3 · ~10s JS#66ОсновыАнимация: Вычисления с датами и часовые поясаВычисления с датами и часовые пояса: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 3 · ~10s JS#67ОсновыАнимация: Intl.DateTimeFormat и RelativeTimeFormat: форматиров…Intl.DateTimeFormat и RelativeTimeFormat: форматирование дат: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 3 · ~10s JS#68ОсновыАнимация: Intl.NumberFormat, PluralRules и ListFormatIntl.NumberFormat, PluralRules и ListFormat: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~19s JS#70ОсновыАнимация: WeakMap, WeakSet и сборка мусораWeakMap, WeakSet и сборка мусора: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~19s JS#71ОсновыАнимация: JSON: JSON.stringify и JSON.parseJSON: JSON.stringify и JSON.parse: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~17s JS#72ОсновыАнимация: Symbol: уникальные ключи и встроенные символыSymbol: уникальные ключи и встроенные символы: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~19s JS#74ОсновыАнимация: Генераторы: function* и yieldГенераторы: function* и yield: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~18s JS#75ОсновыАнимация: this: правила определения контекстаthis: правила определения контекста: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~19s JS#76ОсновыАнимация: call, apply и bind: управление контекстомcall, apply и bind: управление контекстом: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~19s JS#78ОсновыАнимация: Прототипы и цепочка прототиповПрототипы и цепочка прототипов: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~19s JS#79ОсновыАнимация: Классы: constructor, методы и поляКлассы: constructor, методы и поля: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~20s JS#80ОсновыАнимация: Геттеры и сеттерыГеттеры и сеттеры: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~18s JS#81ОсновыАнимация: Статические свойства и методыСтатические свойства и методы: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~18s JS#84ОсновыАнимация: Отладка в DevTools: точки останова и debuggerОтладка в DevTools: точки останова и debugger: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~20s JS#103ОсновыАнимация: Встроенная валидация: Constraint Validation APIВстроенная валидация: Constraint Validation API: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~15s JS#105ОсновыАнимация: localStorage и sessionStorage: хранение данных в бра…localStorage и sessionStorage: хранение данных в браузере: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~18s JS#106ОсновыАнимация: Таймеры: setTimeout и setIntervalТаймеры: setTimeout и setInterval: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~19s JS#107ОсновыАнимация: Микро- и макрозадачи: порядок выполненияМикро- и макрозадачи: порядок выполнения: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~20s JS#111ОсновыАнимация: HTTP и REST для фронтенда: методы, статусы, заголовкиHTTP и REST для фронтенда: методы, статусы, заголовки: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~17s JS#115ОсновыАнимация: Состояния загрузки в интерфейсе и гонки запросовСостояния загрузки в интерфейсе и гонки запросов: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~20s JS#116ОсновыАнимация: Авторизация в API: ключи, токены и CORSАвторизация в API: ключи, токены и CORS: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~17s JS#117ОсновыАнимация: BOM: window, location, navigator и screenBOM: window, location, navigator и screen: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~20s JS#118ОсновыАнимация: History API: pushState, popstate и простой роутингHistory API: pushState, popstate и простой роутинг: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~17s JS#119ОсновыАнимация: IntersectionObserver: ленивая загрузка и бесконечная…IntersectionObserver: ленивая загрузка и бесконечная прокрутка: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~20s JS#120ОсновыАнимация: Geolocation и Clipboard API: работа с разрешениямиGeolocation и Clipboard API: работа с разрешениями: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~20s JS#121ОсновыАнимация: IndexedDB: введение в базу данных браузераIndexedDB: введение в базу данных браузера: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~20s JS#122ОсновыАнимация: Web Workers: тяжёлые вычисления в фонеWeb Workers: тяжёлые вычисления в фоне: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~20s JS#123ОсновыАнимация: Canvas: введение в рисованиеCanvas: введение в рисование: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~19s JS#124ОсновыАнимация: Drag and Drop API: перетаскивание элементовDrag and Drop API: перетаскивание элементов: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~17s JS#125ОсновыАнимация: ES-модули: import и exportES-модули: import и export: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~18s JS#126ОсновыАнимация: Динамический import(), top-level await и import.metaДинамический import(), top-level await и import.meta: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 2 · ~7s JS#127ОсновыАнимация: npm: package.json, зависимости и скриптыnpm: package.json, зависимости и скрипты: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~17s JS#128ОсновыАнимация: Vite: создание проекта, dev-сервер и сборкаVite: создание проекта, dev-сервер и сборка: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~19s JS#129ОсновыАнимация: Стиль кода: ESLint и PrettierСтиль кода: ESLint и Prettier: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~18s JS#130ОсновыАнимация: Unit-тестирование с VitestUnit-тестирование с Vitest: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~18s JS#131ОсновыАнимация: jQuery: краткий обзор для чтения legacy-кодаjQuery: краткий обзор для чтения legacy-кода: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~20s JS#133ОсновыАнимация: Каррирование, частичное применение и композиция функцийКаррирование, частичное применение и композиция функций: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 6 · ~23s JS#134ОсновыАнимация: Debounce и throttle: контроль частоты вызововDebounce и throttle: контроль частоты вызовов: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~20s JS#135ОсновыАнимация: Безопасность фронтенда: XSS, innerHTML и textContentБезопасность фронтенда: XSS, innerHTML и textContent: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 3 · ~11s JS#136ОсновыАнимация: Производительность: reflow, requestAnimationFrame и…Производительность: reflow, requestAnimationFrame и утечки памяти: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~20s JS#139ОсновыАнимация: Срок хранения данных в Web StorageСрок хранения данных в Web Storage: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~18s JS#141ОсновыАнимация: Чтение параметров запроса из URLЧтение параметров запроса из URL: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~19s JS#142ОсновыАнимация: Динамическая загрузка модуляДинамическая загрузка модуля: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~18s PY#01ОсновыЧто такое переменная и как она меняется?Создание переменной в Python без ключевого слова и обновление её значения.Python · 4 · ~11s PY#02ОсновыТипы данных и type()int, float, str, bool — у каждого значения свой тип.Python · 8 · ~17s PY#03ОсновыОператоры: / // % **Обычное деление, целочисленное деление, остаток и возведение в степень.Python · 5 · ~10s PY#05ОсновыЛокальные и глобальные переменныеПочему x внутри функции не затрагивает x снаружи?Python · 7 · ~19s PY#06ОсновыОбмен значениями двух переменныхa, b = b, a — без вспомогательной переменной, с помощью кортежа.Python · 4 · ~10s PY#36ОсновыАнимация: Что такое Python и где он применяетсяЧто такое Python и где он применяется: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~19s PY#37ОсновыАнимация: Установка Python и первые команды в терминалеУстановка Python и первые команды в терминале: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~20s PY#38ОсновыАнимация: REPL и первый скрипт: как запускать код PythonREPL и первый скрипт: как запускать код Python: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~21s PY#39ОсновыАнимация: Настройка VS Code для Python: расширения, интерпрета…Настройка VS Code для Python: расширения, интерпретатор, отладка: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~20s PY#40ОсновыАнимация: print(), комментарии и основы синтаксисаprint(), комментарии и основы синтаксиса: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~19s PY#42ОсновыАнимация: Виртуальное окружение venv и первая установка пакетаВиртуальное окружение venv и первая установка пакета: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~20s PY#44ОсновыАнимация: Числа int и float: арифметика и приоритет операцийЧисла int и float: арифметика и приоритет операций: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~20s PY#45ОсновыАнимация: Встроенные числовые функции и модуль mathВстроенные числовые функции и модуль math: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~19s PY#46ОсновыАнимация: Decimal и Fraction: точные вычисления с деньгами и д…Decimal и Fraction: точные вычисления с деньгами и дробями: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~20s PY#47ОсновыАнимация: input() и преобразование типовinput() и преобразование типов: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 4 · ~14s PY#48ОсновыАнимация: Логический тип bool и операторы сравненияЛогический тип bool и операторы сравнения: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~19s PY#53ОсновыАнимация: Вложенные циклыВложенные циклы: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~17s PY#58ОсновыАнимация: Вложенные структуры: списки словарей и словари списковВложенные структуры: списки словарей и словари списков: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~20s PY#63ОсновыАнимация: *args и **kwargs, распаковка аргументов*args и **kwargs, распаковка аргументов: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~19s PY#64ОсновыАнимация: Аннотации типов и docstrings в функцияхАннотации типов и docstrings в функциях: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~20s PY#67ОсновыАнимация: ЗамыканияЗамыкания: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~17s PY#70ОсновыАнимация: Итерируемые объекты и итераторы: iter() и next()Итерируемые объекты и итераторы: iter() и next(): разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~20s PY#71ОсновыАнимация: Генераторные функции и yieldГенераторные функции и yield: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~18s PY#72ОсновыАнимация: yield from и конвейеры генераторовyield from и конвейеры генераторов: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~19s PY#75ОсновыАнимация: Чтение файлов: open(), режимы, кодировки и withЧтение файлов: open(), режимы, кодировки и with: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 7 · ~29s PY#76ОсновыАнимация: Запись в файлы: режимы w, a, x и бинарные файлыЗапись в файлы: режимы w, a, x и бинарные файлы: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 7 · ~28s PY#77ОсновыАнимация: pathlib: работа с путямиpathlib: работа с путями: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 7 · ~26s PY#78ОсновыАнимация: os и shutil: копирование, перемещение и удаление файловos и shutil: копирование, перемещение и удаление файлов: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 7 · ~29s PY#79ОсновыАнимация: JSON: сохранение и загрузка данныхJSON: сохранение и загрузка данных: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 6 · ~21s PY#80ОсновыАнимация: CSV: чтение и запись таблицCSV: чтение и запись таблиц: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 7 · ~27s PY#81ОсновыАнимация: Импорт модулей: import, from, as и sys.pathИмпорт модулей: import, from, as и sys.path: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~20s PY#82ОсновыАнимация: Свои модули и if __name__ == '__main__'Свои модули и if __name__ == '__main__': разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~19s PY#83ОсновыАнимация: Пакеты и структура проектаПакеты и структура проекта: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~18s PY#84ОсновыАнимация: pip и зависимости: PyPI, версии, requirements.txtpip и зависимости: PyPI, версии, requirements.txt: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~20s PY#85ОсновыАнимация: uv: современный менеджер проектов и пакетовuv: современный менеджер проектов и пакетов: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~19s PY#86ОсновыАнимация: pyproject.toml и сборка своего пакетаpyproject.toml и сборка своего пакета: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~19s PY#87ОсновыАнимация: datetime: даты, время и интервалыdatetime: даты, время и интервалы: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 4 · ~13s PY#88ОсновыАнимация: Форматирование дат и часовые пояса (zoneinfo)Форматирование дат и часовые пояса (zoneinfo): разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 4 · ~14s PY#90ОсновыАнимация: itertools: эффективные итераторыitertools: эффективные итераторы: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~18s PY#91ОсновыАнимация: functools: partial, cache, lru_cache и singledispatchfunctools: partial, cache, lru_cache и singledispatch: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~20s PY#92ОсновыАнимация: random и secrets: случайные числа и безопасные токеныrandom и secrets: случайные числа и безопасные токены: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~20s PY#93ОсновыАнимация: Регулярные выражения: основы модуля reРегулярные выражения: основы модуля re: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 4 · ~15s PY#95ОсновыАнимация: logging: журналирование вместо printlogging: журналирование вместо print: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 8 · ~29s PY#96ОсновыАнимация: argparse: консольные утилиты с аргументамиargparse: консольные утилиты с аргументами: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~19s PY#98ОсновыАнимация: Конструктор __init__, self и атрибуты экземпляраКонструктор __init__, self и атрибуты экземпляра: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~20s PY#100ОсновыАнимация: @classmethod и @staticmethod@classmethod и @staticmethod: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~18s PY#101ОсновыАнимация: Инкапсуляция и свойства @propertyИнкапсуляция и свойства @property: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~19s PY#102ОсновыАнимация: Магические методы __str__ и __repr__Магические методы __str__ и __repr__: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~19s PY#103ОсновыАнимация: Сравнение и хеширование объектов: __eq__, __lt__, __…Сравнение и хеширование объектов: __eq__, __lt__, __hash__: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~20s PY#104ОсновыАнимация: dataclasses: классы данных без шаблонного кодаdataclasses: классы данных без шаблонного кода: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~20s PY#105ОсновыАнимация: dataclasses: field, frozen, slots, __post_init__ и m…dataclasses: field, frozen, slots, __post_init__ и match/case: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~20s PY#106ОсновыАнимация: Абстрактные классы: модуль abcАбстрактные классы: модуль abc: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~19s PY#107ОсновыАнимация: Перечисления: Enum, StrEnum и IntEnumПеречисления: Enum, StrEnum и IntEnum: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~19s PY#108ОсновыАнимация: Собственные контекстные менеджерыСобственные контекстные менеджеры: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~18s PY#109ОсновыАнимация: Типизация подробно: Literal, TypedDict, Callable, пс…Типизация подробно: Literal, TypedDict, Callable, псевдонимы: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~20s PY#110ОсновыАнимация: Дженерики и протоколыДженерики и протоколы: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~18s PY#111ОсновыАнимация: mypy: статическая проверка типовmypy: статическая проверка типов: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~18s PY#112ОсновыАнимация: PEP 8 и Ruff: стиль кода, линтер и форматтерPEP 8 и Ruff: стиль кода, линтер и форматтер: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~20s PY#113ОсновыАнимация: pytest: первые тестыpytest: первые тесты: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~18s PY#114ОсновыАнимация: pytest: фикстуры и conftest.pypytest: фикстуры и conftest.py: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~19s PY#115ОсновыАнимация: pytest: параметризация, маркеры и покрытиеpytest: параметризация, маркеры и покрытие: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~20s PY#116ОсновыАнимация: Моки: unittest.mock и monkeypatchМоки: unittest.mock и monkeypatch: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~19s PY#117ОсновыАнимация: Как работают HTTP и REST APIКак работают HTTP и REST API: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 6 · ~20s PY#118ОсновыАнимация: requests: GET-запросы и работа с JSONrequests: GET-запросы и работа с JSON: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 6 · ~21s PY#119ОсновыАнимация: requests: POST, заголовки, аутентификация и сессииrequests: POST, заголовки, аутентификация и сессии: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 6 · ~21s PY#121ОсновыАнимация: httpx: современный HTTP-клиентhttpx: современный HTTP-клиент: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~18s PY#122ОсновыАнимация: Веб-скрейпинг: HTML и BeautifulSoupВеб-скрейпинг: HTML и BeautifulSoup: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~19s PY#123ОсновыАнимация: Скрейпинг на практике: пагинация, задержки и этикаСкрейпинг на практике: пагинация, задержки и этика: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~20s PY#124ОсновыАнимация: SQLite и модуль sqlite3: первые запросыSQLite и модуль sqlite3: первые запросы: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~19s PY#125ОсновыАнимация: sqlite3: параметры запросов, CRUD и транзакцииsqlite3: параметры запросов, CRUD и транзакции: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~20s PY#126ОсновыАнимация: SQLAlchemy 2.0: введение в ORMSQLAlchemy 2.0: введение в ORM: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~19s PY#127ОсновыАнимация: FastAPI: первый REST APIFastAPI: первый REST API: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 6 · ~20s PY#129ОсновыАнимация: Потоки: threading и ThreadPoolExecutorПотоки: threading и ThreadPoolExecutor: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~19s PY#130ОсновыАнимация: Процессы: multiprocessing и ProcessPoolExecutorПроцессы: multiprocessing и ProcessPoolExecutor: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~20s PY#131ОсновыАнимация: asyncio: async/await и цикл событийasyncio: async/await и цикл событий: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~19s PY#132ОсновыАнимация: asyncio: задачи, TaskGroup, таймауты и отменаasyncio: задачи, TaskGroup, таймауты и отмена: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 8 · ~28s PY#134ОсновыАнимация: Telegram-бот на aiogram: команды и обработчикиTelegram-бот на aiogram: команды и обработчики: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~20s PY#135ОсновыАнимация: Telegram-бот: клавиатуры, callback-кнопки и состояни…Telegram-бот: клавиатуры, callback-кнопки и состояния (FSM): разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~20s PHP#01ОсновыПеременные и знак $Как создавать переменные в PHP и использовать их внутри двойных кавычек.PHP · 4 · ~11s PHP#23ОсновыАнимация: Как работает веб: клиент, сервер, HTTP-запрос и ответКак работает веб: клиент, сервер, HTTP-запрос и ответ: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~24s PHP#24ОсновыАнимация: Что такое PHP: интерпретатор, веб-сервер и PHP-FPMЧто такое PHP: интерпретатор, веб-сервер и PHP-FPM: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~24s PHP#25ОсновыАнимация: Установка PHP: XAMPP, Laragon, Docker и встроенный с…Установка PHP: XAMPP, Laragon, Docker и встроенный сервер php -S: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~24s PHP#26ОсновыАнимация: Первый скрипт: теги <?php, echo, комментарии и PHP в…Первый скрипт: теги <?php, echo, комментарии и PHP внутри HTML: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 4 · ~17s PHP#28ОсновыАнимация: Типы данных: int, float, string, bool, null и провер…Типы данных: int, float, string, bool, null и проверка типов: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~24s PHP#29ОсновыАнимация: Явное приведение типов: (int), intval() и settype()Явное приведение типов: (int), intval() и settype(): разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~24s PHP#30ОсновыАнимация: Неявное приведение типов и сравнения == и ===Неявное приведение типов и сравнения == и ===: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~24s PHP#31ОсновыАнимация: Арифметические операторы и операторы присваиванияАрифметические операторы и операторы присваивания: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~24s PHP#32ОсновыАнимация: Операторы сравнения, логические операторы и <=>Операторы сравнения, логические операторы и <=>: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~24s PHP#33ОсновыАнимация: Ввод данных в консоли: readline(), STDIN и $argvВвод данных в консоли: readline(), STDIN и $argv: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 3 · ~11s PHP#34ОсновыАнимация: Оператор switch: case, break, default и его ловушкиОператор switch: case, break, default и его ловушки: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~24s PHP#35ОсновыАнимация: Цикл for, вложенные циклы, break и continueЦикл for, вложенные циклы, break и continue: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~24s PHP#40ОсновыАнимация: Числа и математика: точность float, округление и ran…Числа и математика: точность float, округление и random_int: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~24s PHP#43ОсновыАнимация: Строгий режим declare(strict_types=1) и TypeErrorСтрогий режим declare(strict_types=1) и TypeError: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~24s PHP#44ОсновыАнимация: Область видимости, static-переменные и передача по с…Область видимости, static-переменные и передача по ссылке: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~24s PHP#47ОсновыАнимация: Пользовательская сортировка: usort, uasort, uksort и…Пользовательская сортировка: usort, uasort, uksort и <=>: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 5 · ~16s PHP#48ОсновыАнимация: Подключение файлов: include, require, *_once и орган…Подключение файлов: include, require, *_once и организация кода: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~24s PHP#49ОсновыАнимация: Дата и время: timestamp, date() и DateTimeImmutableДата и время: timestamp, date() и DateTimeImmutable: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 3 · ~10s PHP#50ОсновыАнимация: Интервалы и часовые пояса: DateInterval, DatePeriod…Интервалы и часовые пояса: DateInterval, DatePeriod и Asia/Baku: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 3 · ~10s PHP#51ОсновыАнимация: Регулярные выражения: синтаксис шаблонов и preg_matchРегулярные выражения: синтаксис шаблонов и preg_match: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 3 · ~11s PHP#53ОсновыАнимация: JSON в PHP: json_encode, json_decode и обработка ошибокJSON в PHP: json_encode, json_decode и обработка ошибок: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 5 · ~15s PHP#54ОсновыАнимация: Суперглобальные массивы и GET-запросы: $_SERVER, $_G…Суперглобальные массивы и GET-запросы: $_SERVER, $_GET и параметры URL: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~24s PHP#58ОсновыАнимация: HTTP-заголовки, коды ответа и перенаправленияHTTP-заголовки, коды ответа и перенаправления: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 5 · ~17s PHP#59ОсновыАнимация: Загрузка файлов: $_FILES, move_uploaded_file и огран…Загрузка файлов: $_FILES, move_uploaded_file и ограничения: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 7 · ~27s PHP#60ОсновыАнимация: Чтение и запись файлов: file_get_contents, file_put_…Чтение и запись файлов: file_get_contents, file_put_contents и file(): разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 7 · ~27s PHP#61ОсновыАнимация: Потоковая работа с файлами: fopen, fgets, fwrite и f…Потоковая работа с файлами: fopen, fgets, fwrite и flock: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 7 · ~27s PHP#62ОсновыАнимация: Работа с CSV: fgetcsv, fputcsv, импорт и экспорт данныхРабота с CSV: fgetcsv, fputcsv, импорт и экспорт данных: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 7 · ~27s PHP#63ОсновыАнимация: Каталоги и файловая система: scandir, glob, mkdir и…Каталоги и файловая система: scandir, glob, mkdir и безопасные пути: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~24s PHP#64ОсновыАнимация: Cookies: setcookie, срок жизни и параметры безопасностиCookies: setcookie, срок жизни и параметры безопасности: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~24s PHP#65ОсновыАнимация: Сессии: session_start, $_SESSION и flash-сообщенияСессии: session_start, $_SESSION и flash-сообщения: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~24s PHP#73ОсновыАнимация: Перечисления enum: pure и backed enums, методы и matchПеречисления enum: pure и backed enums, методы и match: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~24s PHP#74ОсновыАнимация: readonly-свойства и классы: неизменяемые объекты-зна…readonly-свойства и классы: неизменяемые объекты-значения: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~24s PHP#77ОсновыАнимация: Позднее статическое связывание: static:: против self::Позднее статическое связывание: static:: против self::: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~24s PHP#79ОсновыАнимация: Атрибуты и Reflection APIАтрибуты и Reflection API: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~23s PHP#83ОсновыАнимация: Пространства имён: namespace, use и псевдонимыПространства имён: namespace, use и псевдонимы: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~24s PHP#84ОсновыАнимация: Автозагрузка классов: spl_autoload_register и PSR-4Автозагрузка классов: spl_autoload_register и PSR-4: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~24s PHP#85ОсновыАнимация: Composer: composer.json, require, vendor и автозагрузкаComposer: composer.json, require, vendor и автозагрузка: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~24s PHP#86ОсновыАнимация: Версии пакетов: SemVer, composer.lock, install и updateВерсии пакетов: SemVer, composer.lock, install и update: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~24s PHP#87ОсновыАнимация: Стандарты PSR и качество кода: PER Coding Style, PHP…Стандарты PSR и качество кода: PER Coding Style, PHP-CS-Fixer и PHPStan: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~24s PHP#88ОсновыАнимация: Конфигурация приложения: .env, phpdotenv и секретыКонфигурация приложения: .env, phpdotenv и секреты: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 5 · ~17s PHP#89ОсновыАнимация: Логирование с Monolog: каналы, обработчики и уровни…Логирование с Monolog: каналы, обработчики и уровни PSR-3: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 5 · ~21s PHP#90ОсновыАнимация: Отправка писем: PHPMailer, SMTP и HTML-письмаОтправка писем: PHPMailer, SMTP и HTML-письма: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~24s PHP#91ОсновыАнимация: MySQL для PHP-разработчика: таблицы, типы и CRUD-зап…MySQL для PHP-разработчика: таблицы, типы и CRUD-запросы: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~24s PHP#92ОсновыАнимация: Связи таблиц: внешние ключи, JOIN и индексыСвязи таблиц: внешние ключи, JOIN и индексы: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~24s PHP#93ОсновыАнимация: Подключение через PDO: DSN, опции и обработка ошибокПодключение через PDO: DSN, опции и обработка ошибок: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~24s PHP#94ОсновыАнимация: Подготовленные запросы: prepare, execute, плейсхолде…Подготовленные запросы: prepare, execute, плейсхолдеры и SQL-инъекции: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~24s PHP#96ОсновыАнимация: CRUD на PDO: создание, чтение, обновление, удаление…CRUD на PDO: создание, чтение, обновление, удаление и пагинация: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~24s PHP#97ОсновыАнимация: Транзакции: beginTransaction, commit, rollBack и бло…Транзакции: beginTransaction, commit, rollBack и блокировки: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~24s PHP#98ОсновыАнимация: XSS: межсайтовый скриптинг и контекстное экранированиеXSS: межсайтовый скриптинг и контекстное экранирование: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 3 · ~11s PHP#99ОсновыАнимация: CSRF: подделка межсайтовых запросов и токеныCSRF: подделка межсайтовых запросов и токены: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 3 · ~11s PHP#100ОсновыАнимация: SQL и другие инъекции: белые списки, команды ОС и pa…SQL и другие инъекции: белые списки, команды ОС и path traversal: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 3 · ~11s PHP#101ОсновыАнимация: Хранение паролей: password_hash, password_verify и r…Хранение паролей: password_hash, password_verify и rehash: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~24s PHP#102ОсновыАнимация: Безопасность сессий и входа: фиксация, угон сессии и…Безопасность сессий и входа: фиксация, угон сессии и перебор паролей: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 3 · ~11s PHP#103ОсновыАнимация: Безопасная загрузка файлов: MIME, расширения и хране…Безопасная загрузка файлов: MIME, расширения и хранение вне web root: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 3 · ~11s PHP#104ОсновыАнимация: Заголовки безопасности, HTTPS и чек-лист OWASP Top 10Заголовки безопасности, HTTPS и чек-лист OWASP Top 10: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 5 · ~17s PHP#105ОсновыАнимация: Принципы REST: ресурсы, методы HTTP и коды ответаПринципы REST: ресурсы, методы HTTP и коды ответа: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~24s PHP#106ОсновыАнимация: JSON API на чистом PHP: тело запроса, ответы и CORSJSON API на чистом PHP: тело запроса, ответы и CORS: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 5 · ~17s PHP#107ОсновыАнимация: Маршрутизация API: front controller, методы и параме…Маршрутизация API: front controller, методы и параметры пути: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 5 · ~17s PHP#108ОсновыАнимация: Валидация и аутентификация API: токены, JWT и rate l…Валидация и аутентификация API: токены, JWT и rate limiting: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 5 · ~15s PHP#109ОсновыАнимация: cURL: запросы к внешним API из PHPcURL: запросы к внешним API из PHP: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~23s PHP#110ОсновыАнимация: HTTP-клиент Guzzle: запросы, исключения, повторы и P…HTTP-клиент Guzzle: запросы, исключения, повторы и PSR-18: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 5 · ~17s PHP#111ОсновыАнимация: Архитектура MVC: структура проекта и путь запросаАрхитектура MVC: структура проекта и путь запроса: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~24s PHP#112ОсновыАнимация: Роутер для MVC: класс Router, контроллеры и именован…Роутер для MVC: класс Router, контроллеры и именованные маршруты: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~24s PHP#113ОсновыАнимация: Объекты Request и Response и цепочка middlewareОбъекты Request и Response и цепочка middleware: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 5 · ~17s PHP#114ОсновыАнимация: Представления и шаблоны: layout, частичные шаблоны и…Представления и шаблоны: layout, частичные шаблоны и автоэкранирование: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 5 · ~18s PHP#115ОсновыАнимация: Модели и слой данных: Active Record, Data Mapper и Q…Модели и слой данных: Active Record, Data Mapper и Query Builder: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~24s PHP#116ОсновыАнимация: Принципы SOLID на примерах PHP-кодаПринципы SOLID на примерах PHP-кода: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~23s PHP#117ОсновыАнимация: Внедрение зависимостей и DI-контейнер с автосвязываниемВнедрение зависимостей и DI-контейнер с автосвязыванием: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~24s PHP#118ОсновыАнимация: Порождающие паттерны: Singleton, Factory и BuilderПорождающие паттерны: Singleton, Factory и Builder: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 3 · ~11s PHP#119ОсновыАнимация: Паттерны Strategy, Observer и DecoratorПаттерны Strategy, Observer и Decorator: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 3 · ~11s PHP#120ОсновыАнимация: Паттерн Repository и сервисный слойПаттерн Repository и сервисный слой: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~24s PHP#121ОсновыАнимация: Отладка с Xdebug: точки останова, пошаговое выполнен…Отладка с Xdebug: точки останова, пошаговое выполнение и профилирование: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~24s PHP#122ОсновыАнимация: PHPUnit: первые юнит-тесты и утвержденияPHPUnit: первые юнит-тесты и утверждения: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~24s

Условия

13
JS#07УсловияКак if / else выбирает ветку?Посмотрите, какой блок выполняется, когда условие истинно или ложно.JavaScript · 4 · ~10s JS#08Условияelse if — несколько условий подрядВ примере с оценкой условия проверяются сверху вниз.JavaScript · 6 · ~13s JS#09Условияswitch и breakКороткий способ сравнить значение с несколькими вариантами.JavaScript · 6 · ~14s JS#10УсловияЛогические операторы: && и ||И, ИЛИ — и приём с || для значения по умолчанию.JavaScript · 5 · ~13s JS#11УсловияТернарный оператор: ? :if/else в одну строку — выбор одного из двух значений по условию.JavaScript · 4 · ~9s PY#07Условияif / else и отступыВыбор по условию — блоки определяются отступом.Python · 4 · ~10s PY#08Условияelif — несколько условий подрядУсловия проверяются сверху вниз, выбирается первое подходящее.Python · 5 · ~12s PY#09Условияmatch / casePython 3.10+ — сопоставление значения с несколькими вариантами.Python · 6 · ~13s PY#10УсловияЛогические операторы: and, orИ, ИЛИ — и задание значения по умолчанию с помощью or.Python · 5 · ~12s PY#11УсловияУсловное выражение: x if условие else yОднострочный if/else — выбор одного из двух значений.Python · 4 · ~8s PHP#03УсловияКак if / else выбирает вариант?Когда условие ложно, выполняется блок else.PHP · 4 · ~8s PHP#04УсловияВыражение match (PHP 8)Современная форма switch: возвращает значение, break не нужен.PHP · 6 · ~13s PHP#05Условия?? — оператор null-объединенияЕсли ключа нет, вместо ошибки берётся значение по умолчанию.PHP · 4 · ~11s

Циклы

18
JS#12ЦиклыКак работает цикл for?Счётчик, условие и шаг — пошагово по массиву.JavaScript · 9 · ~20s JS#13ЦиклыЦикл whileПовторяй, пока условие истинно — заранее неизвестно, сколько раз.JavaScript · 9 · ~19s JS#14Циклыdo...while — хотя бы один разДаже если условие изначально ложно, блок выполняется один раз.JavaScript · 6 · ~14s JS#15Циклыfor...of — по элементамПолучение каждого элемента массива и суммирование без индекса.JavaScript · 10 · ~19s JS#17Циклыbreak и continueПропуск одного шага и досрочная остановка цикла.JavaScript · 10 · ~23s JS#18ЦиклыВложенные циклыНа каждом шаге внешнего цикла внутренний цикл выполняется полностью — таблица умножения.JavaScript · 10 · ~20s JS#194ЦиклыJavaScript: собственный итерируемый объектРеализуйте Symbol.iterator и проследите, как for...of вызывает next() до done: true.JavaScript · 13 · ~36s PY#12ЦиклыЦикл for по спискуПеребор каждого элемента и суммирование — без индексов.Python · 9 · ~18s PY#13Циклыfor и range()range(начало, конец, шаг) — цикл по последовательности чисел.Python · 8 · ~16s PY#14ЦиклыЦикл whileПовторять, пока условие истинно — заранее неизвестно, сколько раз.Python · 9 · ~16s PY#15Циклыbreak и continueПропустить один шаг и досрочно остановить цикл.Python · 11 · ~22s PY#16Циклыenumerate — цикл с номеромПолучение порядкового номера вместе с элементом.Python · 7 · ~15s PY#17ЦиклыВложенные циклыНа каждом шаге внешнего цикла внутренний цикл выполняется полностью.Python · 9 · ~17s PY#191ЦиклыСвой итератор: __iter__, __next__, StopIterationСоздайте счётчик, который отдаёт значения по одному, и проследите, как for продолжает уже начатый обход.Python · 15 · ~37s PHP#06ЦиклыЦикл forОбход массива со счётчиком, условием и приращением.PHP · 8 · ~16s PHP#07ЦиклыЦикл whileПовторяет, пока условие истинно — заранее неизвестно сколько раз.PHP · 9 · ~17s PHP#08Циклыforeach — элементы массиваБез индексов: берём каждый элемент по очереди и суммируем.PHP · 9 · ~17s PHP#174ЦиклыPHP: генератор yield и обход страницРазберите ленивый генератор, который выдаёт строки по страницам без промежуточного массива всех результатов.PHP · 11 · ~33s

Функции

30
JS#19ФункцииКак работает вызов функции?Аргумент передаётся в функцию, return возвращает результат обратно.JavaScript · 5 · ~13s JS#20ФункцииПараметры по умолчаниюЕсли аргумент не передан, параметр получает значение по умолчанию.JavaScript · 7 · ~16s JS#21ФункцииСтрелочные функции (=>)Короткий синтаксис: функция с одним выражением возвращает значение без return.JavaScript · 8 · ~16s JS#22ФункцииCallback — передача функции как аргументаОдна функция принимает другую как параметр и вызывает её.JavaScript · 7 · ~19s JS#23ФункцииClosure (замыкание)Внутренняя функция, которая «помнит» переменную даже после завершения внешней функции.JavaScript · 11 · ~26s JS#24ФункцииРекурсия и стек вызововfactorial(3): функция вызывает саму себя, стек растёт, а затем разворачивается обратно.JavaScript · 10 · ~25s JS#25ФункцииСтек вызовов (call stack)Когда одна функция вызывает другую, кто кого ждёт?JavaScript · 9 · ~21s JS#132ФункцииАнимация: Функциональный подход: чистые функции и иммутабельностьФункциональный подход: чистые функции и иммутабельность: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~20s JS#195ФункцииJavaScript: генератор и yield*Покажите ленивое выполнение function*, делегирование yield* и продолжение после первого next().JavaScript · 8 · ~24s PY#18ФункцииКак работает вызов функции?def, параметр, return и кадр вызова.Python · 5 · ~12s PY#19ФункцииАргументы по умолчанию и именованные аргументыdiscount=10 — если не передан, используется значение по умолчанию; можно передавать по имени.Python · 7 · ~16s PY#20ФункцииВозврат нескольких значенийreturn a, b — возвращается как кортеж и распаковывается.Python · 6 · ~13s PY#21ФункцииРекурсия и стек вызововfactorial(3): стек растёт, останавливается на базовом случае и разворачивается назад.Python · 10 · ~21s PY#22Функцииlambda и sorted(key=...)Короткая анонимная функция и сортировка списка с её помощью.Python · 6 · ~14s PY#35ФункцииГенератор и yieldФункция отдаёт значение, приостанавливается и продолжает с места остановки.Python · 15 · ~34s PY#61ФункцииАнимация: Функции: объявление, вызов и returnФункции: объявление, вызов и return: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~19s PY#62ФункцииАнимация: Параметры: позиционные, именованные, по умолчанию, /…Параметры: позиционные, именованные, по умолчанию, / и *: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~20s PY#66ФункцииАнимация: Сортировка с key: lambda, itemgetter и несколько полейСортировка с key: lambda, itemgetter и несколько полей: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~20s PY#68ФункцииАнимация: синтаксис @ и обёртка функцииРазберите синтаксис декоратора @ в Python: декоратор принимает функцию и возвращает обёртку.Python · 11 · ~30s PY#69ФункцииАнимация: декораторы с аргументами и цепочкаПроследите, как декоратор с аргументом создаёт замыкание и в каком порядке Python применяет цепочку @.Python · 14 · ~38s PY#136ФункцииГенератор: yield from и ленивые данныеРазберите, когда запускается тело генератора, как yield from отдаёт вложенные элементы и почему повторный обход пуст.Python · 9 · ~26s PY#137ФункцииДекоратор: аргументы, результат и @wrapsПроследите, как обёртка принимает любые аргументы, вызывает исходную функцию и сохраняет её имя.Python · 13 · ~37s PY#138ФункцииДекоратор с параметром: три уровня функцийРазберите фабрику repeat(3), декоратор и обёртку; увидьте, когда выполняется каждый уровень.Python · 15 · ~39s PHP#10ФункцииКак работает вызов функции?Параметр, return и фрейм вызова.PHP · 5 · ~11s PHP#11ФункцииПараметры по умолчаниюЕсли аргумент не передан, параметр берёт значение по умолчанию.PHP · 7 · ~14s PHP#12ФункцииПередача по значению и по ссылке (&)Почему обычная функция не изменяет переменную, а &$x — изменяет?PHP · 11 · ~23s PHP#13ФункцииРекурсия и стек вызововfactorial(3): функция вызывает сама себя.PHP · 10 · ~20s PHP#45ФункцииАнимация: Анонимные функции и замыкания: use по значению и по…Анонимные функции и замыкания: use по значению и по ссылке: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~24s PHP#46ФункцииАнимация: Стрелочные функции fn, тип callable и first-class ca…Стрелочные функции fn, тип callable и first-class callable: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~24s PHP#52ФункцииАнимация: Функции preg_*: поиск всех совпадений, замена и разб…Функции preg_*: поиск всех совпадений, замена и разбиение строк: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 3 · ~11s

Массивы

32
JS#26МассивыМассив: push и popДобавление элемента в конец, удаление с конца и length.JavaScript · 6 · ~14s JS#27Массивыmap — преобразование каждого элементаСоздание нового, преобразованного массива без изменения старого.JavaScript · 7 · ~15s JS#28Массивыfilter — выбор подходящих элементовКаждый элемент проверяется: те, что дают true, попадают в новый массив.JavaScript · 7 · ~14s JS#29Массивыreduce — свёртка массива в одно значениеКак аккумулятор растёт шаг за шагом?JavaScript · 7 · ~14s JS#30Массивыincludes, indexOf и findЕсть ли элемент в массиве? Где? Какой первый подходит под условие?JavaScript · 5 · ~13s JS#31Массивыslice — вырезание части массиваНачало включено, конец не включён — а исходный массив не меняется.JavaScript · 5 · ~11s JS#32МассивыДеструктуризация и spread (...)«Раскрытие» массива в переменные и «рассыпание» элементов в новый массив.JavaScript · 5 · ~13s JS#60МассивыАнимация: Массивы: создание, индексы, length и at()Массивы: создание, индексы, length и at(): разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~16s JS#62МассивыАнимация: RegExp: квантификаторы, группы и альтернацияRegExp: квантификаторы, группы и альтернация: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 3 · ~11s JS#69МассивыАнимация: Set: уникальные значения и операции над множествамиSet: уникальные значения и операции над множествами: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~16s JS#73МассивыАнимация: Итераторы и итерируемые объектыИтераторы и итерируемые объекты: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~16s PY#23МассивыСписок: append и popДобавление элемента в конец, удаление с конца и len().Python · 6 · ~12s PY#24МассивыСрезы (slicing) и отрицательные индексы[1:4], [-1], [::2] — способы взять часть списка.Python · 4 · ~9s PY#25МассивыList comprehensionЦикл, фильтр и преобразование — новый список в одну строку.Python · 9 · ~19s PY#26МассивыСписки по ссылке: b = a — это не копияДва имени для одного списка — и настоящая копия через copy().Python · 8 · ~17s PY#27Массивыset — множество без повторовУдаление повторов из списка за один шаг.Python · 9 · ~18s PY#54МассивыАнимация: Списки: создание, индексы и срезыСписки: создание, индексы и срезы: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~16s PY#55МассивыАнимация: Сортировка: sort() и sorted()Сортировка: sort() и sorted(): разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~16s PY#56МассивыАнимация: Вложенные списки и матрицыВложенные списки и матрицы: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~16s PY#57МассивыАнимация: Кортежи и распаковкаКортежи и распаковка: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~16s PY#59МассивыАнимация: Множества и операции над нимиМножества и операции над ними: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~16s PY#60МассивыАнимация: Вложенные comprehensionsВложенные comprehensions: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~16s PY#65МассивыАнимация: map, filter и functools.reducemap, filter и functools.reduce: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~16s PY#89МассивыАнимация: collections: Counter, defaultdict, namedtuple, dequecollections: Counter, defaultdict, namedtuple, deque: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~16s PY#94МассивыАнимация: Регулярные выражения: группы, замена и флагиРегулярные выражения: группы, замена и флаги: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 4 · ~15s PHP#14МассивыМассив: [] =, array_push, array_popДобавление элемента в конец, извлечение с конца и count().PHP · 6 · ~13s PHP#16Массивыarray_map — преобразование каждого элементаСоздание нового массива с помощью короткой функции fn().PHP · 7 · ~16s PHP#17Массивыarray_filter и сохранение ключейВыбор элементов по условию — и неожиданные ключи.PHP · 8 · ~16s PHP#41МассивыАнимация: Массивы: индексированные и ассоциативные, ключи и зн…Массивы: индексированные и ассоциативные, ключи и значения: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 5 · ~16s PHP#42МассивыАнимация: Многомерные массивы: таблицы, вложенные структуры и…Многомерные массивы: таблицы, вложенные структуры и array_column: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 5 · ~16s PHP#57МассивыАнимация: Фильтрация и экранирование: filter_var, filter_input…Фильтрация и экранирование: filter_var, filter_input и htmlspecialchars: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 3 · ~11s PHP#78МассивыАнимация: Генераторы и итераторы: yield, IteratorAggregate и к…Генераторы и итераторы: yield, IteratorAggregate и коллекции: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 5 · ~16s

Объекты

8
JS#16Объектыfor...in — по ключам объектаСчитывание каждого ключа и значения объекта по очереди.JavaScript · 8 · ~16s JS#33ОбъектыОбъект: чтение, добавление, обновлениеПары ключ-значение и обращение через точку.JavaScript · 5 · ~11s JS#34ОбъектыОбъекты передаются по ссылкеb = a не создаёт копию! Две «стрелки» указывают на один объект.JavaScript · 7 · ~18s JS#35ОбъектыДеструктуризация объекта и ...restИзвлечение нужных свойств в переменные, а остальных — в один объект.JavaScript · 5 · ~11s PY#28ОбъектыСловарь (dict): чтение, добавление, обновлениеПары ключ: значение и обращение через квадратные скобки.Python · 5 · ~10s PY#29ОбъектыЦикл по словарю: items()Распаковка каждой пары (ключ, значение) в две переменные.Python · 7 · ~14s PHP#09Объектыforeach: ключ => значениеЧтение ключей и значений ассоциативного массива вместе.PHP · 7 · ~14s PHP#15ОбъектыАссоциативный массивКлюч => значение: чтение, добавление, обновление, преобразование в JSON.PHP · 5 · ~11s

Строки

18
JS#04СтрокиШаблонные строки (template literal)Вставка переменных в строку с помощью backtick и ${...}.JavaScript · 5 · ~12s JS#36СтрокиСтроковые методы: trim, toUpperCase, sliceУдаление пробелов, перевод в верхний регистр и вырезание части.JavaScript · 5 · ~13s JS#37СтрокиПереворот строкиЦепочка split → reverse → join по шагам.JavaScript · 5 · ~12s JS#89СтрокиАнимация: Содержимое элемента: textContent, innerHTML и innerTextСодержимое элемента: textContent, innerHTML и innerText: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~22s PY#04Строкиf-строки (f-string)Вставка переменных прямо в строку с помощью {}.Python · 5 · ~11s PY#30СтрокиСтроковые методы: strip, upper, срезУдаление пробелов, преобразование в верхний регистр и вырезание части.Python · 5 · ~11s PY#31СтрокиРазворот строки: [::-1]Срез с отрицательным шагом и проверка палиндрома.Python · 5 · ~11s PY#49СтрокиАнимация: Строки: создание, экранирование и базовые операцииСтроки: создание, экранирование и базовые операции: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~18s PY#50СтрокиАнимация: f-строки: подстановка выражений и отладкаf-строки: подстановка выражений и отладка: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~18s PY#51СтрокиАнимация: Форматирование чисел и текста: спецификаторы форматаФорматирование чисел и текста: спецификаторы формата: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~18s PY#52СтрокиАнимация: Unicode и кодировки: ord, chr, encode, decodeUnicode и кодировки: ord, chr, encode, decode: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 5 · ~18s PHP#02СтрокиСоединение строк: точка (.)В PHP строки склеивает не +, а оператор точки.PHP · 5 · ~12s PHP#18Строкиexplode и implodeРазбиение строки на массив и обратная склейка массива в строку.PHP · 4 · ~10s PHP#19СтрокиСтроковые функции и сюрприз mb_trim, разница strlen и mb_strlen, mb_strtoupper, str_replace.PHP · 6 · ~15s PHP#36СтрокиАнимация: Строки: кавычки, экранирование, интерполяция, heredo…Строки: кавычки, экранирование, интерполяция, heredoc и nowdoc: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 5 · ~18s PHP#37СтрокиАнимация: Поиск и замена: str_contains, strpos, substr и str_r…Поиск и замена: str_contains, strpos, substr и str_replace: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 5 · ~18s PHP#38СтрокиАнимация: Форматирование вывода: printf, sprintf и number_formatФорматирование вывода: printf, sprintf и number_format: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 5 · ~18s PHP#39СтрокиАнимация: Юникод и функции mb_*: кириллица и азербайджанские б…Юникод и функции mb_*: кириллица и азербайджанские буквы: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 5 · ~18s

ООП

25
JS#38ООПКласс, constructor и thisСоздание объекта через new и вызов метода.JavaScript · 8 · ~20s JS#39ООПНаследование: extends и superДочерний класс расширяет метод родителя.JavaScript · 9 · ~23s JS#58ООПАнимация: Объекты: литерал, свойства, точка и квадратные скобкиОбъекты: литерал, свойства, точка и квадратные скобки: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 6 · ~23s JS#63ООПАнимация: RegExp на практике: match, matchAll, replace и валид…RegExp на практике: match, matchAll, replace и валидация: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 3 · ~11s JS#77ООПАнимация: Функции-конструкторы и оператор newФункции-конструкторы и оператор new: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 6 · ~22s JS#82ООПАнимация: Приватные поля и методы: #Приватные поля и методы: #: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 6 · ~22s PY#32ООПКласс, __init__ и selfСоздание объекта и вызов метода.Python · 8 · ~18s PY#33ООПНаследование и super()Дочерний класс расширяет метод родителя.Python · 9 · ~20s PY#43ООПАнимация: Динамическая типизация: объекты, типы и ссылкиДинамическая типизация: объекты, типы и ссылки: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 8 · ~32s PY#97ООПАнимация: Классы и объекты: зачем нужно ООПКлассы и объекты: зачем нужно ООП: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 8 · ~31s PY#99ООПАнимация: Методы экземпляраМетоды экземпляра: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 8 · ~28s PY#189ООПООП на практике: счёт и инвариант балансаРазберите состояние объекта, конструктор, методы и проверку, которая не позволяет балансу стать отрицательным.Python · 18 · ~50s PY#190ООПООП: полиморфизм без проверки типовДва класса с общим методом area() обрабатываются одним циклом; сравните поведение объектов и роль self.Python · 15 · ~39s PHP#20ООПКласс, __construct и $thisСоздание объекта через new и вызов метода через ->.PHP · 8 · ~18s PHP#21ООПНаследование: extends и parent::Дочерний класс расширяет метод родителя.PHP · 8 · ~20s PHP#66ООПАнимация: Классы и объекты: свойства, методы, $this и оператор…Классы и объекты: свойства, методы, $this и оператор ?->: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~23s PHP#67ООПАнимация: Конструктор, продвижение свойств и типизированные св…Конструктор, продвижение свойств и типизированные свойства: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~23s PHP#68ООПАнимация: Инкапсуляция: public, protected, private и инвариант…Инкапсуляция: public, protected, private и инварианты объекта: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~23s PHP#69ООПАнимация: Статические свойства и методы, константы классов и s…Статические свойства и методы, константы классов и self::: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~23s PHP#70ООПАнимация: Абстрактные классы и методы: шаблонный методАбстрактные классы и методы: шаблонный метод: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~23s PHP#71ООПАнимация: Интерфейсы, полиморфизм и instanceofИнтерфейсы, полиморфизм и instanceof: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~22s PHP#72ООПАнимация: Трейты: повторное использование кода и разрешение ко…Трейты: повторное использование кода и разрешение конфликтов: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~23s PHP#75ООПАнимация: Property hooks и асимметричная видимость в PHP 8.4Property hooks и асимметричная видимость в PHP 8.4: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~23s PHP#76ООПАнимация: Магические методы и клонирование: __toString, __get…Магические методы и клонирование: __toString, __get, __call, __invoke, __clone: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 6 · ~23s PHP#173ООПPHP ООП: объект и защита состоянияНа примере счёта проследите конструктор, private-свойство, методы и проверку остатка перед списанием.PHP · 17 · ~46s

Ошибки

13
JS#40Ошибкиtry / catch — перехват ошибкиthrow выбрасывает ошибку, catch её перехватывает, и программа не падает.JavaScript · 11 · ~24s JS#83ОшибкиАнимация: Собственные классы ошибок: extends ErrorСобственные классы ошибок: extends Error: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~20s JS#85ОшибкиАнимация: Типичные ошибки и стратегии отладкиТипичные ошибки и стратегии отладки: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~20s PY#34Ошибкиtry / except — перехват исключенияОшибка деления на ноль перехватывается, программа не падает.Python · 9 · ~19s PY#41ОшибкиАнимация: Как читать ошибки: traceback и частые ошибки новичковКак читать ошибки: traceback и частые ошибки новичков: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 8 · ~30s PY#73ОшибкиАнимация: Генерация исключений: raise, raise from и assertГенерация исключений: raise, raise from и assert: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 8 · ~30s PY#74ОшибкиАнимация: Собственные классы исключенийСобственные классы исключений: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 8 · ~29s PY#120ОшибкиАнимация: Надёжные HTTP-запросы: таймауты, ошибки и повторыНадёжные HTTP-запросы: таймауты, ошибки и повторы: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 6 · ~21s PHP#22Ошибкиtry / catch и Exceptionthrow выбрасывает исключение, catch его перехватывает — программа не падает.PHP · 11 · ~24s PHP#27ОшибкиАнимация: Настройка php.ini, phpinfo() и отображение ошибокНастройка php.ini, phpinfo() и отображение ошибок: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 5 · ~21s PHP#80ОшибкиАнимация: Иерархия Throwable: Error, Exception и исключения SPLИерархия Throwable: Error, Exception и исключения SPL: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 5 · ~21s PHP#81ОшибкиАнимация: Собственные исключения: иерархия, контекст и цепочка…Собственные исключения: иерархия, контекст и цепочка previous: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 5 · ~21s PHP#82ОшибкиАнимация: Глобальная обработка ошибок: обработчики, стратегия…Глобальная обработка ошибок: обработчики, стратегия и error_log: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 5 · ~21s

Асинхронность

37
JS#41АсинхронностьsetTimeout и event loopПочему даже таймер на 0 мс срабатывает последним?JavaScript · 6 · ~17s JS#42АсинхронностьPromise и thenРезультат, который будет готов в будущем: pending → fulfilled.JavaScript · 7 · ~20s JS#43Асинхронностьasync / awaitawait приостанавливает функцию, но не замораживает программу.JavaScript · 8 · ~21s JS#45АсинхронностьАнимация: Подключение JavaScript к странице: script, defer, as…Подключение JavaScript к странице: script, defer, async и модули: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~22s JS#55АсинхронностьАнимация: Колбэки и функции высшего порядкаКолбэки и функции высшего порядка: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~21s JS#86АсинхронностьАнимация: Что такое DOM: дерево узлов и объект documentЧто такое DOM: дерево узлов и объект document: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~21s JS#87АсинхронностьАнимация: Поиск элементов: querySelector, getElementById, closestПоиск элементов: querySelector, getElementById, closest: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~22s JS#88АсинхронностьАнимация: Навигация по DOM: родители, дети и соседиНавигация по DOM: родители, дети и соседи: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~22s JS#90АсинхронностьАнимация: Атрибуты и свойства: getAttribute, setAttribute, dat…Атрибуты и свойства: getAttribute, setAttribute, dataset: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~22s JS#91АсинхронностьАнимация: classList и стили: управление классами и CSSclassList и стили: управление классами и CSS: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~22s JS#92АсинхронностьАнимация: Создание, вставка и удаление элементовСоздание, вставка и удаление элементов: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~22s JS#93АсинхронностьАнимация: Размеры и прокрутка: getBoundingClientRect и scrollI…Размеры и прокрутка: getBoundingClientRect и scrollIntoView: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~22s JS#94АсинхронностьАнимация: Обработчики событий: addEventListener и removeEventL…Обработчики событий: addEventListener и removeEventListener: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~22s JS#95АсинхронностьАнимация: Всплытие и погружение событийВсплытие и погружение событий: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~21s JS#96АсинхронностьАнимация: Делегирование событийДелегирование событий: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~19s JS#97АсинхронностьАнимация: События мыши и указателя (pointer events)События мыши и указателя (pointer events): разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~21s JS#98АсинхронностьАнимация: События клавиатуры: keydown, key и codeСобытия клавиатуры: keydown, key и code: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~21s JS#99АсинхронностьАнимация: Жизненный цикл страницы: DOMContentLoaded, load, scr…Жизненный цикл страницы: DOMContentLoaded, load, scroll и resize: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~22s JS#100АсинхронностьАнимация: Пользовательские события: CustomEvent и dispatchEventПользовательские события: CustomEvent и dispatchEvent: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~22s JS#101АсинхронностьАнимация: Работа с формами: form.elements, value, checked и se…Работа с формами: form.elements, value, checked и select: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 3 · ~11s JS#102АсинхронностьАнимация: События форм: submit, input, change и FormDataСобытия форм: submit, input, change и FormData: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 3 · ~11s JS#104АсинхронностьАнимация: Собственная валидация на JavaScript: правила и сообщ…Собственная валидация на JavaScript: правила и сообщения: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 3 · ~11s JS#108АсинхронностьАнимация: Асинхронные колбэки и callback hellАсинхронные колбэки и callback hell: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~21s JS#109АсинхронностьАнимация: Promise: состояния, then, catch и finallyPromise: состояния, then, catch и finally: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 2 · ~7s JS#110АсинхронностьАнимация: Ошибки в асинхронном коде: параллельное и последоват…Ошибки в асинхронном коде: параллельное и последовательное выполнение: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~21s JS#112АсинхронностьАнимация: GET-запросы с fetch: Response, json() и URLSearchParamsGET-запросы с fetch: Response, json() и URLSearchParams: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~17s JS#113АсинхронностьАнимация: Отправка данных: POST, PUT, PATCH и DELETEОтправка данных: POST, PUT, PATCH и DELETE: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 2 · ~7s JS#114АсинхронностьАнимация: Сетевые ошибки, таймауты и AbortControllerСетевые ошибки, таймауты и AbortController: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~20s JS#137АсинхронностьАнимация: Обработка событий через делегированиеОбработка событий через делегирование: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 5 · ~21s JS#138АсинхронностьАнимация: Отмена сетевого запроса через AbortControllerОтмена сетевого запроса через AbortController: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 2 · ~7s JS#140АсинхронностьАнимация: Проверка формы и сообщения об ошибкахПроверка формы и сообщения об ошибках: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 3 · ~11s JS#143АсинхронностьАнимация: Повтор Promise с увеличением паузыПовтор Promise с увеличением паузы: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.JavaScript · 2 · ~7s PY#128АсинхронностьАнимация: Конкурентность и параллелизм: потоки, процессы, asyn…Конкурентность и параллелизм: потоки, процессы, asyncio и GIL: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 8 · ~28s PY#133АсинхронностьАнимация: Асинхронные HTTP-запросы: httpx.AsyncClient и aiohttpАсинхронные HTTP-запросы: httpx.AsyncClient и aiohttp: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.Python · 6 · ~21s PHP#55АсинхронностьАнимация: POST-формы: отправка данных, поля-массивы и шаблон PRGPOST-формы: отправка данных, поля-массивы и шаблон PRG: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 3 · ~11s PHP#56АсинхронностьАнимация: Валидация форм: обязательные поля, форматы и сообщен…Валидация форм: обязательные поля, форматы и сообщения об ошибках: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 3 · ~11s PHP#95АсинхронностьАнимация: Получение результатов: fetch, fetchAll, fetchColumn…Получение результатов: fetch, fetchAll, fetchColumn и режимы выборки: разберите исполняемый пример по шагам и проследите, как меняются данные и результат.PHP · 3 · ~12s

Сложность алгоритмов

30
JS#154Сложность алгоритмовДоступ к элементу массиваПодробный разбор: время O(1), дополнительная память O(1). Проследите код и причину каждой оценки.JavaScript · 4 · ~12s JS#155Сложность алгоритмовПоиск максимума одним проходомПодробный разбор: время O(n), дополнительная память O(1). Проследите код и причину каждой оценки.JavaScript · 5 · ~16s JS#156Сложность алгоритмовДвоичный поиск в отсортированном массивеПодробный разбор: время O(log n), дополнительная память O(1). Проследите код и причину каждой оценки.JavaScript · 6 · ~19s JS#157Сложность алгоритмовВсе пары: почему получается O(n²)Подробный разбор: время O(n²), дополнительная память O(1). Проследите код и причину каждой оценки.JavaScript · 5 · ~16s JS#158Сложность алгоритмовСлияние двух отсортированных массивовПодробный разбор: время O(n+m), дополнительная память O(n+m). Проследите код и причину каждой оценки.JavaScript · 6 · ~19s JS#159Сложность алгоритмовДва указателя: пара с заданной суммойПодробный разбор: время O(n), дополнительная память O(1). Проследите код и причину каждой оценки.JavaScript · 5 · ~17s JS#160Сложность алгоритмовЧастоты через словарь или MapПодробный разбор: время O(n) average, дополнительная память O(k). Проследите код и причину каждой оценки.JavaScript · 5 · ~17s JS#161Сложность алгоритмовСортировка слиянием: O(n log n)Подробный разбор: время O(n log n), дополнительная память O(n). Проследите код и причину каждой оценки.JavaScript · 6 · ~19s JS#162Сложность алгоритмовНаивная рекурсия: числа ФибоначчиПодробный разбор: время O(2^n) upper bound, дополнительная память O(n). Проследите код и причину каждой оценки.JavaScript · 5 · ~18s JS#163Сложность алгоритмовПерестановки: факториальный переборПодробный разбор: время O(n·n!), дополнительная память O(n). Проследите код и причину каждой оценки.JavaScript · 7 · ~22s PY#149Сложность алгоритмовДоступ к элементу массиваПодробный разбор: время O(1), дополнительная память O(1). Проследите код и причину каждой оценки.Python · 4 · ~12s PY#150Сложность алгоритмовПоиск максимума одним проходомПодробный разбор: время O(n), дополнительная память O(1). Проследите код и причину каждой оценки.Python · 5 · ~16s PY#151Сложность алгоритмовДвоичный поиск в отсортированном массивеПодробный разбор: время O(log n), дополнительная память O(1). Проследите код и причину каждой оценки.Python · 6 · ~19s PY#152Сложность алгоритмовВсе пары: почему получается O(n²)Подробный разбор: время O(n²), дополнительная память O(1). Проследите код и причину каждой оценки.Python · 5 · ~16s PY#153Сложность алгоритмовСлияние двух отсортированных массивовПодробный разбор: время O(n+m), дополнительная память O(n+m). Проследите код и причину каждой оценки.Python · 6 · ~19s PY#154Сложность алгоритмовДва указателя: пара с заданной суммойПодробный разбор: время O(n), дополнительная память O(1). Проследите код и причину каждой оценки.Python · 5 · ~17s PY#155Сложность алгоритмовЧастоты через словарь или MapПодробный разбор: время O(n) average, дополнительная память O(k). Проследите код и причину каждой оценки.Python · 5 · ~17s PY#156Сложность алгоритмовСортировка слиянием: O(n log n)Подробный разбор: время O(n log n), дополнительная память O(n). Проследите код и причину каждой оценки.Python · 6 · ~19s PY#157Сложность алгоритмовНаивная рекурсия: числа ФибоначчиПодробный разбор: время O(2^n) upper bound, дополнительная память O(n). Проследите код и причину каждой оценки.Python · 5 · ~18s PY#158Сложность алгоритмовПерестановки: факториальный переборПодробный разбор: время O(n·n!), дополнительная память O(n). Проследите код и причину каждой оценки.Python · 7 · ~22s PHP#133Сложность алгоритмовДоступ к элементу массиваДоступ к элементу PHP-массива: среднее время O(1), дополнительная память O(1). Разберите роль хеш-таблицы.PHP · 4 · ~13s PHP#134Сложность алгоритмовПоиск максимума одним проходомПодробный разбор: время O(n), дополнительная память O(1). Проследите код и причину каждой оценки.PHP · 5 · ~16s PHP#135Сложность алгоритмовДвоичный поиск в отсортированном массивеПодробный разбор: время O(log n), дополнительная память O(1). Проследите код и причину каждой оценки.PHP · 6 · ~19s PHP#136Сложность алгоритмовВсе пары: почему получается O(n²)Подробный разбор: время O(n²), дополнительная память O(1). Проследите код и причину каждой оценки.PHP · 5 · ~16s PHP#137Сложность алгоритмовСлияние двух отсортированных массивовПодробный разбор: время O(n+m), дополнительная память O(n+m). Проследите код и причину каждой оценки.PHP · 6 · ~19s PHP#138Сложность алгоритмовДва указателя: пара с заданной суммойПодробный разбор: время O(n), дополнительная память O(1). Проследите код и причину каждой оценки.PHP · 5 · ~17s PHP#139Сложность алгоритмовЧастоты через словарь или MapПодробный разбор: время O(n) average, дополнительная память O(k). Проследите код и причину каждой оценки.PHP · 5 · ~17s PHP#140Сложность алгоритмовСортировка слиянием: O(n log n)Подробный разбор: время O(n log n), дополнительная память O(n). Проследите код и причину каждой оценки.PHP · 6 · ~19s PHP#141Сложность алгоритмовНаивная рекурсия: числа ФибоначчиПодробный разбор: время O(2^n) upper bound, дополнительная память O(n). Проследите код и причину каждой оценки.PHP · 5 · ~18s PHP#142Сложность алгоритмовПерестановки: факториальный переборПодробный разбор: время O(n·n!), дополнительная память O(n). Проследите код и причину каждой оценки.PHP · 7 · ~22s
30
JS#164Алгоритмы поискаЛинейный поиск: первое совпадениеПошаговый пример поиска: время O(n), дополнительная память O(1). Условия применения и ход поиска показаны в анимации.JavaScript · 5 · ~17s JS#165Алгоритмы поискаДвоичный поиск: деление диапазонаПошаговый пример поиска: время O(log n), дополнительная память O(1). Условия применения и ход поиска показаны в анимации.JavaScript · 5 · ~16s JS#166Алгоритмы поискаПоиск прыжками по отсортированному массивуПошаговый пример поиска: время O(√n), дополнительная память O(1). Условия применения и ход поиска показаны в анимации.JavaScript · 5 · ~15s JS#167Алгоритмы поискаЭкспоненциальный поиск: граница 1, 2, 4…Пошаговый пример поиска: время O(log n), дополнительная память O(1). Условия применения и ход поиска показаны в анимации.JavaScript · 5 · ~17s JS#168Алгоритмы поискаИнтерполяционный поиск: оценка позицииПошаговый пример поиска: время O(log log n) average on uniform data; O(n) worst, дополнительная память O(1). Условия применения и ход поиска показаны в анимации.JavaScript · 5 · ~17s JS#169Алгоритмы поискаПервое вхождение: нижняя границаПошаговый пример поиска: время O(log n), дополнительная память O(1). Условия применения и ход поиска показаны в анимации.JavaScript · 6 · ~21s JS#170Алгоритмы поискаПоиск в повёрнутом отсортированном массивеПошаговый пример поиска: время O(log n) with distinct values, дополнительная память O(1). Условия применения и ход поиска показаны в анимации.JavaScript · 5 · ~19s JS#171Алгоритмы поискаПоиск подстроки: посимвольное сравнениеПошаговый пример поиска: время O(n·m) worst, дополнительная память O(1). Условия применения и ход поиска показаны в анимации.JavaScript · 6 · ~19s JS#172Алгоритмы поискаПоиск в ширину: кратчайшее число рёберПошаговый пример поиска: время O(V+E), дополнительная память O(V). Условия применения и ход поиска показаны в анимации.JavaScript · 6 · ~21s JS#173Алгоритмы поискаПоиск в глубину: стек и достижимостьПошаговый пример поиска: время O(V+E), дополнительная память O(V). Условия применения и ход поиска показаны в анимации.JavaScript · 6 · ~21s PY#159Алгоритмы поискаЛинейный поиск: первое совпадениеПошаговый пример поиска: время O(n), дополнительная память O(1). Условия применения и ход поиска показаны в анимации.Python · 5 · ~17s PY#160Алгоритмы поискаДвоичный поиск: деление диапазонаПошаговый пример поиска: время O(log n), дополнительная память O(1). Условия применения и ход поиска показаны в анимации.Python · 5 · ~16s PY#161Алгоритмы поискаПоиск прыжками по отсортированному массивуПошаговый пример поиска: время O(√n), дополнительная память O(1). Условия применения и ход поиска показаны в анимации.Python · 5 · ~15s PY#162Алгоритмы поискаЭкспоненциальный поиск: граница 1, 2, 4…Пошаговый пример поиска: время O(log n), дополнительная память O(1). Условия применения и ход поиска показаны в анимации.Python · 5 · ~17s PY#163Алгоритмы поискаИнтерполяционный поиск: оценка позицииПошаговый пример поиска: время O(log log n) average on uniform data; O(n) worst, дополнительная память O(1). Условия применения и ход поиска показаны в анимации.Python · 5 · ~17s PY#164Алгоритмы поискаПервое вхождение: нижняя границаПошаговый пример поиска: время O(log n), дополнительная память O(1). Условия применения и ход поиска показаны в анимации.Python · 6 · ~21s PY#165Алгоритмы поискаПоиск в повёрнутом отсортированном массивеПошаговый пример поиска: время O(log n) with distinct values, дополнительная память O(1). Условия применения и ход поиска показаны в анимации.Python · 5 · ~19s PY#166Алгоритмы поискаПоиск подстроки: посимвольное сравнениеПошаговый пример поиска: время O(n·m) worst, дополнительная память O(1). Условия применения и ход поиска показаны в анимации.Python · 6 · ~19s PY#167Алгоритмы поискаПоиск в ширину: кратчайшее число рёберПошаговый пример поиска: время O(V+E), дополнительная память O(V). Условия применения и ход поиска показаны в анимации.Python · 6 · ~21s PY#168Алгоритмы поискаПоиск в глубину: стек и достижимостьПошаговый пример поиска: время O(V+E), дополнительная память O(V). Условия применения и ход поиска показаны в анимации.Python · 6 · ~21s PHP#143Алгоритмы поискаЛинейный поиск: первое совпадениеПошаговый пример поиска: время O(n), дополнительная память O(1). Условия применения и ход поиска показаны в анимации.PHP · 5 · ~17s PHP#144Алгоритмы поискаДвоичный поиск: деление диапазонаПошаговый пример поиска: время O(log n), дополнительная память O(1). Условия применения и ход поиска показаны в анимации.PHP · 5 · ~16s PHP#145Алгоритмы поискаПоиск прыжками по отсортированному массивуПошаговый пример поиска: время O(√n), дополнительная память O(1). Условия применения и ход поиска показаны в анимации.PHP · 5 · ~15s PHP#146Алгоритмы поискаЭкспоненциальный поиск: граница 1, 2, 4…Пошаговый пример поиска: время O(log n), дополнительная память O(1). Условия применения и ход поиска показаны в анимации.PHP · 5 · ~17s PHP#147Алгоритмы поискаИнтерполяционный поиск: оценка позицииПошаговый пример поиска: время O(log log n) average on uniform data; O(n) worst, дополнительная память O(1). Условия применения и ход поиска показаны в анимации.PHP · 5 · ~17s PHP#148Алгоритмы поискаПервое вхождение: нижняя границаПошаговый пример поиска: время O(log n), дополнительная память O(1). Условия применения и ход поиска показаны в анимации.PHP · 6 · ~21s PHP#149Алгоритмы поискаПоиск в повёрнутом отсортированном массивеПошаговый пример поиска: время O(log n) with distinct values, дополнительная память O(1). Условия применения и ход поиска показаны в анимации.PHP · 5 · ~19s PHP#150Алгоритмы поискаПоиск подстроки: посимвольное сравнениеПошаговый пример поиска: время O(n·m) worst, дополнительная память O(1). Условия применения и ход поиска показаны в анимации.PHP · 6 · ~19s PHP#151Алгоритмы поискаПоиск в ширину: кратчайшее число рёберПошаговый пример поиска: время O(V+E), дополнительная память O(V). Условия применения и ход поиска показаны в анимации.PHP · 6 · ~21s PHP#152Алгоритмы поискаПоиск в глубину: стек и достижимостьПошаговый пример поиска: время O(V+E), дополнительная память O(V). Условия применения и ход поиска показаны в анимации.PHP · 6 · ~21s

Алгоритмы сортировки

30
JS#174Алгоритмы сортировкиПузырьковая сортировкаПошаговая сортировка: время O(n²) worst; O(n) best, дополнительная память O(1). Разберите изменения массива и ограничения алгоритма.JavaScript · 6 · ~20s JS#175Алгоритмы сортировкиСортировка выборомПошаговая сортировка: время O(n²), дополнительная память O(1). Разберите изменения массива и ограничения алгоритма.JavaScript · 5 · ~16s JS#176Алгоритмы сортировкиСортировка вставкамиПошаговая сортировка: время O(n²) worst; O(n) best, дополнительная память O(1). Разберите изменения массива и ограничения алгоритма.JavaScript · 6 · ~20s JS#177Алгоритмы сортировкиСортировка слиянием: разделить и объединитьПошаговая сортировка: время O(n log n), дополнительная память O(n). Разберите изменения массива и ограничения алгоритма.JavaScript · 6 · ~20s JS#178Алгоритмы сортировкиБыстрая сортировка: опорный элементПошаговая сортировка: время O(n log n) average; O(n²) worst, дополнительная память O(log n) average stack; O(n) worst. Разберите изменения массива и ограничения алгоритма.JavaScript · 5 · ~17s JS#179Алгоритмы сортировкиПирамидальная сортировкаПошаговая сортировка: время O(n log n), дополнительная память O(1). Разберите изменения массива и ограничения алгоритма.JavaScript · 7 · ~25s JS#180Алгоритмы сортировкиСортировка подсчётом для малого диапазонаПошаговая сортировка: время O(n+k), дополнительная память O(n+k). Разберите изменения массива и ограничения алгоритма.JavaScript · 5 · ~17s JS#181Алгоритмы сортировкиПоразрядная сортировка LSDПошаговая сортировка: время O(d·(n+10)), дополнительная память O(n+10). Разберите изменения массива и ограничения алгоритма.JavaScript · 6 · ~20s JS#182Алгоритмы сортировкиСортировка Шелла: уменьшающийся шагПошаговая сортировка: время O(n²) worst with halving gaps, дополнительная память O(1). Разберите изменения массива и ограничения алгоритма.JavaScript · 6 · ~20s JS#183Алгоритмы сортировкиШейкерная сортировка: проходы в обе стороныПошаговая сортировка: время O(n²) worst; O(n) best, дополнительная память O(1). Разберите изменения массива и ограничения алгоритма.JavaScript · 6 · ~20s PY#169Алгоритмы сортировкиПузырьковая сортировкаПошаговая сортировка: время O(n²) worst; O(n) best, дополнительная память O(1). Разберите изменения массива и ограничения алгоритма.Python · 6 · ~20s PY#170Алгоритмы сортировкиСортировка выборомПошаговая сортировка: время O(n²), дополнительная память O(1). Разберите изменения массива и ограничения алгоритма.Python · 5 · ~16s PY#171Алгоритмы сортировкиСортировка вставкамиПошаговая сортировка: время O(n²) worst; O(n) best, дополнительная память O(1). Разберите изменения массива и ограничения алгоритма.Python · 6 · ~20s PY#172Алгоритмы сортировкиСортировка слиянием: разделить и объединитьПошаговая сортировка: время O(n log n), дополнительная память O(n). Разберите изменения массива и ограничения алгоритма.Python · 6 · ~20s PY#173Алгоритмы сортировкиБыстрая сортировка: опорный элементПошаговая сортировка: время O(n log n) average; O(n²) worst, дополнительная память O(log n) average stack; O(n) worst. Разберите изменения массива и ограничения алгоритма.Python · 5 · ~17s PY#174Алгоритмы сортировкиПирамидальная сортировкаПошаговая сортировка: время O(n log n), дополнительная память O(1). Разберите изменения массива и ограничения алгоритма.Python · 7 · ~25s PY#175Алгоритмы сортировкиСортировка подсчётом для малого диапазонаПошаговая сортировка: время O(n+k), дополнительная память O(n+k). Разберите изменения массива и ограничения алгоритма.Python · 5 · ~17s PY#176Алгоритмы сортировкиПоразрядная сортировка LSDПошаговая сортировка: время O(d·(n+10)), дополнительная память O(n+10). Разберите изменения массива и ограничения алгоритма.Python · 6 · ~20s PY#177Алгоритмы сортировкиСортировка Шелла: уменьшающийся шагПошаговая сортировка: время O(n²) worst with halving gaps, дополнительная память O(1). Разберите изменения массива и ограничения алгоритма.Python · 6 · ~20s PY#178Алгоритмы сортировкиШейкерная сортировка: проходы в обе стороныПошаговая сортировка: время O(n²) worst; O(n) best, дополнительная память O(1). Разберите изменения массива и ограничения алгоритма.Python · 6 · ~20s PHP#153Алгоритмы сортировкиПузырьковая сортировкаПошаговая сортировка: время O(n²) worst; O(n) best, дополнительная память O(1). Разберите изменения массива и ограничения алгоритма.PHP · 6 · ~20s PHP#154Алгоритмы сортировкиСортировка выборомПошаговая сортировка: время O(n²), дополнительная память O(1). Разберите изменения массива и ограничения алгоритма.PHP · 5 · ~16s PHP#155Алгоритмы сортировкиСортировка вставкамиПошаговая сортировка: время O(n²) worst; O(n) best, дополнительная память O(1). Разберите изменения массива и ограничения алгоритма.PHP · 6 · ~20s PHP#156Алгоритмы сортировкиСортировка слиянием: разделить и объединитьПошаговая сортировка: время O(n log n), дополнительная память O(n). Разберите изменения массива и ограничения алгоритма.PHP · 6 · ~20s PHP#157Алгоритмы сортировкиБыстрая сортировка: опорный элементПошаговая сортировка: время O(n log n) average; O(n²) worst, дополнительная память O(log n) average stack; O(n) worst. Разберите изменения массива и ограничения алгоритма.PHP · 5 · ~17s PHP#158Алгоритмы сортировкиПирамидальная сортировкаПошаговая сортировка: время O(n log n), дополнительная память O(1). Разберите изменения массива и ограничения алгоритма.PHP · 7 · ~25s PHP#159Алгоритмы сортировкиСортировка подсчётом для малого диапазонаПошаговая сортировка: время O(n+k), дополнительная память O(n+k). Разберите изменения массива и ограничения алгоритма.PHP · 5 · ~17s PHP#160Алгоритмы сортировкиПоразрядная сортировка LSDПошаговая сортировка: время O(d·(n+10)), дополнительная память O(n+10). Разберите изменения массива и ограничения алгоритма.PHP · 6 · ~20s PHP#161Алгоритмы сортировкиСортировка Шелла: уменьшающийся шагПошаговая сортировка: время O(n²) worst with halving gaps, дополнительная память O(1). Разберите изменения массива и ограничения алгоритма.PHP · 6 · ~20s PHP#162Алгоритмы сортировкиШейкерная сортировка: проходы в обе стороныПошаговая сортировка: время O(n²) worst; O(n) best, дополнительная память O(1). Разберите изменения массива и ограничения алгоритма.PHP · 6 · ~20s

Структуры данных

30
JS#184Структуры данныхСтек: последним пришёл — первым вышелПошаговый разбор структуры данных: push amortized O(1), pop O(1); память O(n). Проследите операции и их стоимость.JavaScript · 5 · ~15s JS#185Структуры данныхОчередь: первым пришёл — первым вышелПошаговый разбор структуры данных: enqueue amortized O(1), dequeue O(1); память O(n). Проследите операции и их стоимость.JavaScript · 5 · ~15s JS#186Структуры данныхДвусторонняя очередь: работа с обоих концовПошаговый разбор структуры данных: O(1) at either end (average for maps); память O(n). Проследите операции и их стоимость.JavaScript · 5 · ~17s JS#187Структуры данныхОдносвязный список: узлы и ссылкиПошаговый разбор структуры данных: prepend O(1), search O(n); память O(n). Проследите операции и их стоимость.JavaScript · 5 · ~16s JS#188Структуры данныхХеш-таблица: ключ → значениеПошаговый разбор структуры данных: get/set average O(1); память O(n). Проследите операции и их стоимость.JavaScript · 5 · ~15s JS#189Структуры данныхМножество: уникальность и принадлежностьПошаговый разбор структуры данных: add/contains average O(1); память O(n). Проследите операции и их стоимость.JavaScript · 5 · ~15s JS#190Структуры данныхМини-куча: приоритетная очередьПошаговый разбор структуры данных: insert/extract O(log n), peek O(1); память O(n). Проследите операции и их стоимость.JavaScript · 6 · ~19s JS#191Структуры данныхДвоичное дерево поиска без балансировкиПошаговый разбор структуры данных: search/insert O(log n) balanced, O(n) worst; память O(n). Проследите операции и их стоимость.JavaScript · 5 · ~17s JS#192Структуры данныхTrie: дерево префиксов строкПошаговый разбор структуры данных: insert/lookup O(L) average; память O(total characters). Проследите операции и их стоимость.JavaScript · 7 · ~25s JS#193Структуры данныхГраф: списки соседейПошаговый разбор структуры данных: add edge amortized O(1), list neighbors O(degree); память O(V+E). Проследите операции и их стоимость.JavaScript · 6 · ~20s PY#179Структуры данныхСтек: последним пришёл — первым вышелПошаговый разбор структуры данных: push amortized O(1), pop O(1); память O(n). Проследите операции и их стоимость.Python · 5 · ~15s PY#180Структуры данныхОчередь: первым пришёл — первым вышелПошаговый разбор структуры данных: enqueue amortized O(1), dequeue O(1); память O(n). Проследите операции и их стоимость.Python · 5 · ~15s PY#181Структуры данныхДвусторонняя очередь: работа с обоих концовПошаговый разбор структуры данных: O(1) at either end (average for maps); память O(n). Проследите операции и их стоимость.Python · 5 · ~17s PY#182Структуры данныхОдносвязный список: узлы и ссылкиПошаговый разбор структуры данных: prepend O(1), search O(n); память O(n). Проследите операции и их стоимость.Python · 5 · ~16s PY#183Структуры данныхХеш-таблица: ключ → значениеПошаговый разбор структуры данных: get/set average O(1); память O(n). Проследите операции и их стоимость.Python · 5 · ~15s PY#184Структуры данныхМножество: уникальность и принадлежностьПошаговый разбор структуры данных: add/contains average O(1); память O(n). Проследите операции и их стоимость.Python · 5 · ~15s PY#185Структуры данныхМини-куча: приоритетная очередьПошаговый разбор структуры данных: insert/extract O(log n), peek O(1); память O(n). Проследите операции и их стоимость.Python · 6 · ~19s PY#186Структуры данныхДвоичное дерево поиска без балансировкиПошаговый разбор структуры данных: search/insert O(log n) balanced, O(n) worst; память O(n). Проследите операции и их стоимость.Python · 5 · ~17s PY#187Структуры данныхTrie: дерево префиксов строкПошаговый разбор структуры данных: insert/lookup O(L) average; память O(total characters). Проследите операции и их стоимость.Python · 7 · ~25s PY#188Структуры данныхГраф: списки соседейПошаговый разбор структуры данных: add edge amortized O(1), list neighbors O(degree); память O(V+E). Проследите операции и их стоимость.Python · 6 · ~20s PHP#163Структуры данныхСтек: последним пришёл — первым вышелПошаговый разбор структуры данных: push amortized O(1), pop O(1); память O(n). Проследите операции и их стоимость.PHP · 5 · ~15s PHP#164Структуры данныхОчередь: первым пришёл — первым вышелПошаговый разбор структуры данных: enqueue amortized O(1), dequeue O(1); память O(n). Проследите операции и их стоимость.PHP · 5 · ~15s PHP#165Структуры данныхДвусторонняя очередь: работа с обоих концовПошаговый разбор структуры данных: O(1) at either end (average for maps); память O(n). Проследите операции и их стоимость.PHP · 5 · ~17s PHP#166Структуры данныхОдносвязный список: узлы и ссылкиПошаговый разбор структуры данных: prepend O(1), search O(n); память O(n). Проследите операции и их стоимость.PHP · 5 · ~16s PHP#167Структуры данныхХеш-таблица: ключ → значениеПошаговый разбор структуры данных: get/set average O(1); память O(n). Проследите операции и их стоимость.PHP · 5 · ~15s PHP#168Структуры данныхМножество: уникальность и принадлежностьПошаговый разбор структуры данных: add/contains average O(1); память O(n). Проследите операции и их стоимость.PHP · 5 · ~15s PHP#169Структуры данныхМини-куча: приоритетная очередьПошаговый разбор структуры данных: insert/extract O(log n), peek O(1); память O(n). Проследите операции и их стоимость.PHP · 6 · ~19s PHP#170Структуры данныхДвоичное дерево поиска без балансировкиПошаговый разбор структуры данных: search/insert O(log n) balanced, O(n) worst; память O(n). Проследите операции и их стоимость.PHP · 5 · ~17s PHP#171Структуры данныхTrie: дерево префиксов строкПошаговый разбор структуры данных: insert/lookup O(L) average; память O(total characters). Проследите операции и их стоимость.PHP · 7 · ~25s PHP#172Структуры данныхГраф: списки соседейПошаговый разбор структуры данных: add edge amortized O(1), list neighbors O(degree); память O(V+E). Проследите операции и их стоимость.PHP · 6 · ~20s

Абстрактные структуры данных

30
JS#144Абстрактные структуры данныхADT «Список»: позиции и порядокКонтракт ADT и пример реализации: array insert/remove O(n), access O(1) average; память O(n). Разберите операции и их правила.JavaScript · 5 · ~18s JS#145Абстрактные структуры данныхADT «Стек»: push, pop и peekКонтракт ADT и пример реализации: push amortized O(1), pop/peek O(1); память O(n). Разберите операции и их правила.JavaScript · 5 · ~15s JS#146Абстрактные структуры данныхADT «Очередь»: enqueue, dequeue и frontКонтракт ADT и пример реализации: enqueue amortized O(1), dequeue/front O(1); память O(n). Разберите операции и их правила.JavaScript · 5 · ~16s JS#147Абстрактные структуры данныхADT «Очередь с приоритетом»: минимум первымКонтракт ADT и пример реализации: cost depends on implementation; память O(n). Разберите операции и их правила.JavaScript · 5 · ~18s JS#148Абстрактные структуры данныхADT «Множество»: объединение и пересечениеКонтракт ADT и пример реализации: union/intersection O(n+m) average; память O(n+m). Разберите операции и их правила.JavaScript · 5 · ~16s JS#149Абстрактные структуры данныхADT «Отображение»: put, get и containsKeyКонтракт ADT и пример реализации: put/get/contains average O(1); память O(n). Разберите операции и их правила.JavaScript · 5 · ~16s JS#150Абстрактные структуры данныхADT «Мультимножество»: количество копийКонтракт ADT и пример реализации: add/remove/count average O(1); память O(k). Разберите операции и их правила.JavaScript · 5 · ~17s JS#151Абстрактные структуры данныхADT «Непересекающиеся множества»: union и findКонтракт ADT и пример реализации: amortized O(α(n)) per operation; память O(n). Разберите операции и их правила.JavaScript · 7 · ~23s JS#152Абстрактные структуры данныхADT «Граф»: вершины, рёбра и соседиКонтракт ADT и пример реализации: add/has edge average O(1), neighbors O(degree); память O(V+E). Разберите операции и их правила.JavaScript · 5 · ~18s JS#153Абстрактные структуры данныхADT «Дерево»: родитель и детиКонтракт ADT и пример реализации: add child amortized O(1), traversal O(n); память O(n). Разберите операции и их правила.JavaScript · 6 · ~19s PY#139Абстрактные структуры данныхADT «Список»: позиции и порядокКонтракт ADT и пример реализации: array insert/remove O(n), access O(1) average; память O(n). Разберите операции и их правила.Python · 5 · ~18s PY#140Абстрактные структуры данныхADT «Стек»: push, pop и peekКонтракт ADT и пример реализации: push amortized O(1), pop/peek O(1); память O(n). Разберите операции и их правила.Python · 5 · ~15s PY#141Абстрактные структуры данныхADT «Очередь»: enqueue, dequeue и frontКонтракт ADT и пример реализации: enqueue amortized O(1), dequeue/front O(1); память O(n). Разберите операции и их правила.Python · 5 · ~16s PY#142Абстрактные структуры данныхADT «Очередь с приоритетом»: минимум первымКонтракт ADT и пример реализации: cost depends on implementation; память O(n). Разберите операции и их правила.Python · 5 · ~18s PY#143Абстрактные структуры данныхADT «Множество»: объединение и пересечениеКонтракт ADT и пример реализации: union/intersection O(n+m) average; память O(n+m). Разберите операции и их правила.Python · 5 · ~16s PY#144Абстрактные структуры данныхADT «Отображение»: put, get и containsKeyКонтракт ADT и пример реализации: put/get/contains average O(1); память O(n). Разберите операции и их правила.Python · 5 · ~16s PY#145Абстрактные структуры данныхADT «Мультимножество»: количество копийКонтракт ADT и пример реализации: add/remove/count average O(1); память O(k). Разберите операции и их правила.Python · 5 · ~17s PY#146Абстрактные структуры данныхADT «Непересекающиеся множества»: union и findКонтракт ADT и пример реализации: amortized O(α(n)) per operation; память O(n). Разберите операции и их правила.Python · 7 · ~23s PY#147Абстрактные структуры данныхADT «Граф»: вершины, рёбра и соседиКонтракт ADT и пример реализации: add/has edge average O(1), neighbors O(degree); память O(V+E). Разберите операции и их правила.Python · 5 · ~18s PY#148Абстрактные структуры данныхADT «Дерево»: родитель и детиКонтракт ADT и пример реализации: add child amortized O(1), traversal O(n); память O(n). Разберите операции и их правила.Python · 6 · ~19s PHP#123Абстрактные структуры данныхADT «Список»: позиции и порядокКонтракт ADT и пример реализации: array insert/remove O(n), access O(1) average; память O(n). Разберите операции и их правила.PHP · 5 · ~18s PHP#124Абстрактные структуры данныхADT «Стек»: push, pop и peekКонтракт ADT и пример реализации: push amortized O(1), pop/peek O(1); память O(n). Разберите операции и их правила.PHP · 5 · ~15s PHP#125Абстрактные структуры данныхADT «Очередь»: enqueue, dequeue и frontКонтракт ADT и пример реализации: enqueue amortized O(1), dequeue/front O(1); память O(n). Разберите операции и их правила.PHP · 5 · ~16s PHP#126Абстрактные структуры данныхADT «Очередь с приоритетом»: минимум первымКонтракт ADT и пример реализации: cost depends on implementation; память O(n). Разберите операции и их правила.PHP · 5 · ~18s PHP#127Абстрактные структуры данныхADT «Множество»: объединение и пересечениеКонтракт ADT и пример реализации: union/intersection O(n+m) average; память O(n+m). Разберите операции и их правила.PHP · 5 · ~16s PHP#128Абстрактные структуры данныхADT «Отображение»: put, get и containsKeyКонтракт ADT и пример реализации: put/get/contains average O(1); память O(n). Разберите операции и их правила.PHP · 5 · ~16s PHP#129Абстрактные структуры данныхADT «Мультимножество»: количество копийКонтракт ADT и пример реализации: add/remove/count average O(1); память O(k). Разберите операции и их правила.PHP · 5 · ~17s PHP#130Абстрактные структуры данныхADT «Непересекающиеся множества»: union и findКонтракт ADT и пример реализации: amortized O(α(n)) per operation; память O(n). Разберите операции и их правила.PHP · 7 · ~23s PHP#131Абстрактные структуры данныхADT «Граф»: вершины, рёбра и соседиКонтракт ADT и пример реализации: add/has edge average O(1), neighbors O(degree); память O(V+E). Разберите операции и их правила.PHP · 5 · ~18s PHP#132Абстрактные структуры данныхADT «Дерево»: родитель и детиКонтракт ADT и пример реализации: add child amortized O(1), traversal O(n); память O(n). Разберите операции и их правила.PHP · 6 · ~19s

Подходящих видео не найдено — попробуйте другой запрос или язык.

56 заданий

Тренажёры по программированию

Решите короткую задачу в редакторе, проверьте требования и откройте пошаговое объяснение. Проверка не запускает код, а ищет в решении ключевые элементы.

JS #01

Функция и return

Напишите total(price, quantity): функция должна вернуть стоимость заказа. Для 4 товаров по 7.5 результат должен быть 30.

Структурная проверка: код не запускается в браузере.

Пошаговое объяснение и пример решения

Функция получает два аргумента. Умножение выполняется внутри неё, а return передаёт результат вызывающему коду. Проверьте, что вы именно возвращаете число, а не только выводите его через console.log.

Подсказка: Сначала реализуйте самый маленький шаг, затем проверьте границы и вызовите функцию на примере.

function total(price, quantity) {
  return price * quantity;
}

console.log(total(7.5, 4));
JS #02

Проверка условия if / else

Создайте переменную score со значением 72. Если балл не меньше 60, выведите Passed, иначе — Try again.

Структурная проверка: код не запускается в браузере.

Пошаговое объяснение и пример решения

Условие в круглых скобках вычисляется в true или false. Выполняется только одна ветка. Граница «не меньше 60» записывается как >= 60; сравнение > 60 ошибочно исключило бы ровно 60.

Подсказка: Сначала реализуйте самый маленький шаг, затем проверьте границы и вызовите функцию на примере.

const score = 72;

if (score >= 60) {
  console.log("Passed");
} else {
  console.log("Try again");
}
JS #03

Цикл for и накопление суммы

Пройдите по числам от 1 до 5 включительно и вычислите их сумму в переменной sum. В конце выведите 15.

Структурная проверка: код не запускается в браузере.

Пошаговое объяснение и пример решения

Перед циклом создаётся аккумулятор sum. На каждой итерации к нему добавляется текущее значение i. Условие i <= 5 включает пятёрку; после цикла сумма равна 1 + 2 + 3 + 4 + 5.

Подсказка: Сначала реализуйте самый маленький шаг, затем проверьте границы и вызовите функцию на примере.

let sum = 0;

for (let i = 1; i <= 5; i++) {
  sum += i;
}

console.log(sum);
JS #04

Массив: filter и map

Из массива prices оставьте цены больше 10, увеличьте каждую на 10% и сохраните результат в discounted (название условное — цена возрастёт).

🔒 Задание откроется после бесплатной регистрации: там же — все тренажёры и уроки курса.

Создать аккаунт Войти
JS #05

Объект и обновление свойства

Создайте объект product с названием и ценой. Увеличьте цену на 5 и выведите новое значение.

🔒 Задание откроется после бесплатной регистрации: там же — все тренажёры и уроки курса.

Создать аккаунт Войти
JS #06

Функция и ранний выход

Напишите formatName(name): удалите пробелы по краям. Если после этого строка пустая, верните Guest, иначе верните имя.

🔒 Задание откроется после бесплатной регистрации: там же — все тренажёры и уроки курса.

Создать аккаунт Войти
JS Средний уровень #07

Корзина и reduce

Посчитайте стоимость корзины: у товара есть цена и количество. Используйте reduce с начальным значением 0.

🔒 Задание откроется после бесплатной регистрации: там же — все тренажёры и уроки курса.

Создать аккаунт Войти
JS Продвинутый #08

Замыкание: свой счётчик

Создайте makeCounter(), которая возвращает функцию. Каждый вызов должен увеличивать собственный счётчик.

🔒 Задание откроется после бесплатной регистрации: там же — все тренажёры и уроки курса.

Создать аккаунт Войти
JS Продвинутый #09

Параллельные Promise.all

Параллельно вызовите loadProfile() и loadOrders(). Дождитесь обоих результатов и выведите число заказов.

🔒 Задание откроется после бесплатной регистрации: там же — все тренажёры и уроки курса.

Создать аккаунт Войти
JS Практика #10

Безопасный доступ ?. и ??

У пользователя может отсутствовать профиль или город. Получите город, подставив Unknown, если данных нет.

🔒 Задание откроется после бесплатной регистрации: там же — все тренажёры и уроки курса.

Создать аккаунт Войти
JS Практика #11

Числовая сортировка

Отсортируйте оценки по возрастанию чисел, не как строки. Используйте toSorted, чтобы оставить исходный массив без изменений.

🔒 Задание откроется после бесплатной регистрации: там же — все тренажёры и уроки курса.

Создать аккаунт Войти
JS Практика #12

Деструктуризация настроек

Извлеките name и theme из настроек, задав light по умолчанию.

🔒 Задание откроется после бесплатной регистрации: там же — все тренажёры и уроки курса.

Создать аккаунт Войти
JS Продвинутый #13

Рекурсивный обратный отсчёт

Выведите числа от n до 1 и остановитесь. Добавьте базовый случай.

🔒 Задание откроется после бесплатной регистрации: там же — все тренажёры и уроки курса.

Создать аккаунт Войти
JS Продвинутый #14

Первый результат через Promise.race

Запустите две операции и получите результат той, которая завершится первой.

🔒 Задание откроется после бесплатной регистрации: там же — все тренажёры и уроки курса.

Создать аккаунт Войти
PY #15

Функция и return

Напишите total(price, quantity), которая возвращает стоимость заказа. Для 4 товаров по 7.5 результат должен быть 30.

Структурная проверка: код не запускается в браузере.

Пошаговое объяснение и пример решения

Параметры price и quantity получают значения при вызове. return передаёт результат наружу, где его можно сохранить или вывести. Вызов функции сам по себе ничего не печатает.

Подсказка: Сначала реализуйте самый маленький шаг, затем проверьте границы и вызовите функцию на примере.

def total(price, quantity):
    return price * quantity

print(total(7.5, 4))
PY #16

Проверка условия if / else

Положите 72 в score. Если результат не меньше 60, напечатайте Passed, иначе — Try again.

Структурная проверка: код не запускается в браузере.

Пошаговое объяснение и пример решения

Python использует двоеточие после условия, а тело ветки выделяется отступом. Оператор >= включает границу 60. Не смешивайте табуляцию и пробелы: обычно используют четыре пробела на уровень.

Подсказка: Сначала реализуйте самый маленький шаг, затем проверьте границы и вызовите функцию на примере.

score = 72

if score >= 60:
    print("Passed")
else:
    print("Try again")
PY #17

Цикл for и диапазон

Используйте цикл для суммирования чисел от 1 до 5 включительно. Сохраните сумму в total и напечатайте её.

Структурная проверка: код не запускается в браузере.

Пошаговое объяснение и пример решения

range(1, 6) включает 1, но не включает правую границу 6, поэтому цикл выполняется пять раз. Перед циклом установите аккумулятор в ноль, затем накапливайте значения. Если начать с 0 или написать range(1, 5), итог будет другим.

Подсказка: Сначала реализуйте самый маленький шаг, затем проверьте границы и вызовите функцию на примере.

total = 0

for number in range(1, 6):
    total += number

print(total)
PY #18

Список: фильтрация и преобразование

Из prices выберите числа больше 10, умножьте их на 1.1 и сохраните в updated.

🔒 Задание откроется после бесплатной регистрации: там же — все тренажёры и уроки курса.

Создать аккаунт Войти
PY #19

Словарь и чтение по ключу

Создайте словарь student с именем и баллом. Увеличьте балл на 5 и выведите его.

🔒 Задание откроется после бесплатной регистрации: там же — все тренажёры и уроки курса.

Создать аккаунт Войти
PY #20

Исключение при преобразовании числа

Преобразуйте строку "42" в целое число и выведите результат. Обработайте случай, когда строка не является числом.

🔒 Задание откроется после бесплатной регистрации: там же — все тренажёры и уроки курса.

Создать аккаунт Войти
PY #21

Функция с проверкой входа

Напишите greeting(name): удалите пробелы по краям и верните Hello, Guest, если имя пустое. Иначе поздоровайтесь по имени.

🔒 Задание откроется после бесплатной регистрации: там же — все тренажёры и уроки курса.

Создать аккаунт Войти
PY Практика #22

Номер и значение через enumerate

Выведите каждую задачу с номером, начиная с 1. Используйте enumerate вместо ручного счётчика.

🔒 Задание откроется после бесплатной регистрации: там же — все тренажёры и уроки курса.

Создать аккаунт Войти
PY Средний уровень #23

Уникальные элементы с порядком

Удалите повторяющиеся теги, сохранив порядок их первого появления.

🔒 Задание откроется после бесплатной регистрации: там же — все тренажёры и уроки курса.

Создать аккаунт Войти
PY Практика #24

Сопоставление списков через zip

Объедините имена и оценки по позициям и выведите пары. Строгий режим должен сообщить о разной длине списков.

🔒 Задание откроется после бесплатной регистрации: там же — все тренажёры и уроки курса.

Создать аккаунт Войти
PY Средний уровень #25

Файлы и pathlib

Создайте путь notes/today.txt, родительскую папку при необходимости и запишите текст в UTF-8.

🔒 Задание откроется после бесплатной регистрации: там же — все тренажёры и уроки курса.

Создать аккаунт Войти
PY Средний уровень #26

Сортировка записей по нескольким полям

Отсортируйте товары сначала по цене, затем по имени. Используйте ключ-кортеж.

🔒 Задание откроется после бесплатной регистрации: там же — все тренажёры и уроки курса.

Создать аккаунт Войти
PY Средний уровень #27

Задача как dataclass

Опишите Task с обязательным title и done=False. Добавьте метод complete(), который меняет состояние.

🔒 Задание откроется после бесплатной регистрации: там же — все тренажёры и уроки курса.

Создать аккаунт Войти
PY Продвинутый #28

Генератор чётных чисел

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

🔒 Задание откроется после бесплатной регистрации: там же — все тренажёры и уроки курса.

Создать аккаунт Войти
PY Продвинутый #29

Чтение файла через with

Откройте текстовый файл в UTF-8 через with, прочитайте данные и выведите их.

🔒 Задание откроется после бесплатной регистрации: там же — все тренажёры и уроки курса.

Создать аккаунт Войти
PHP #30

Функция, типы и return

Напишите total(float $price, int $quantity): float. Функция должна вернуть стоимость заказа: четыре товара по 7.5 стоят 30.

Структурная проверка: код не запускается в браузере.

Пошаговое объяснение и пример решения

Типы параметров описывают ожидаемый ввод, а : float — тип результата. Оператор return завершает функцию и передаёт значение вызывающему коду. Это проще проверять и повторно использовать, чем печатать результат внутри функции.

Подсказка: Сначала реализуйте самый маленький шаг, затем проверьте границы и вызовите функцию на примере.

<?php

declare(strict_types=1);

function total(float $price, int $quantity): float
{
    return $price * $quantity;
}

echo total(7.5, 4);
PHP #31

Проверка if / else

Задайте $score = 72. Выведите Passed, если балл не меньше 60, иначе выведите Try again.

Структурная проверка: код не запускается в браузере.

Пошаговое объяснение и пример решения

Оператор >= включает граничное значение. Фигурные скобки задают блок каждой ветки; отступы помогают читать структуру. В учебном фрагменте используется echo, но в веб-ответе внешний ввод нужно экранировать перед выводом в HTML.

Подсказка: Сначала реализуйте самый маленький шаг, затем проверьте границы и вызовите функцию на примере.

<?php

$score = 72;

if ($score >= 60) {
    echo "Passed";
} else {
    echo "Try again";
}
PHP #32

foreach и аккумулятор

Просуммируйте числа в массиве $prices и сохраните результат в $total. Выведите итог.

Структурная проверка: код не запускается в браузере.

Пошаговое объяснение и пример решения

foreach перебирает значения массива по одному. Аккумулятор начинается с нуля и обновляется на каждой итерации. Если массив пустой, результат останется нулём — это корректное начальное значение суммы.

Подсказка: Сначала реализуйте самый маленький шаг, затем проверьте границы и вызовите функцию на примере.

<?php

$prices = [8, 12, 20];
$total = 0;

foreach ($prices as $price) {
    $total += $price;
}

echo $total;
PHP #33

Ассоциативный массив

Создайте $product с ключами name и price. Увеличьте цену на 5 и выведите новое значение.

🔒 Задание откроется после бесплатной регистрации: там же — все тренажёры и уроки курса.

Создать аккаунт Войти
PHP #34

array_filter для отбора

Из массива $scores оставьте только баллы от 60 и выше и сохраните их в $passed.

🔒 Задание откроется после бесплатной регистрации: там же — все тренажёры и уроки курса.

Создать аккаунт Войти
PHP #35

Проверка строки и ранний return

Напишите displayName(string $name): string: удалите пробелы по краям и верните Guest, если строка пуста.

🔒 Задание откроется после бесплатной регистрации: там же — все тренажёры и уроки курса.

Создать аккаунт Войти
PHP #36

PDO и подготовленный запрос

Подготовьте запрос поиска пользователя по email с плейсхолдером :email. Передайте адрес отдельным параметром, не склеивайте его с SQL.

🔒 Задание откроется после бесплатной регистрации: там же — все тренажёры и уроки курса.

Создать аккаунт Войти
PHP Практика #37

Запасное значение с ??

Прочитайте nickname из массива пользователя. Для отсутствующего ключа или null используйте Guest, но сохраните пустую строку.

🔒 Задание откроется после бесплатной регистрации: там же — все тренажёры и уроки курса.

Создать аккаунт Войти
PHP Средний уровень #38

Статус заказа через match

Преобразуйте статусы new, shipped и cancelled в сообщения. Для неизвестного статуса задайте Unknown.

🔒 Задание откроется после бесплатной регистрации: там же — все тренажёры и уроки курса.

Создать аккаунт Войти
PHP Продвинутый #39

Хранение пароля через хеш

Сохраните пароль через password_hash и проверьте введённое значение через password_verify. Не сравнивайте пароль с хешем напрямую.

🔒 Задание откроется после бесплатной регистрации: там же — все тренажёры и уроки курса.

Создать аккаунт Войти
PHP Средний уровень #40

Неизменяемая дата доставки

Создайте дату и получите новый объект на три дня позже, сохранив исходный объект без изменений.

🔒 Задание откроется после бесплатной регистрации: там же — все тренажёры и уроки курса.

Создать аккаунт Войти
PHP Практика #41

Проверка email через filter_var

Проверьте email через FILTER_VALIDATE_EMAIL. При ошибке покажите сообщение и не продолжайте обработку.

🔒 Задание откроется после бесплатной регистрации: там же — все тренажёры и уроки курса.

Создать аккаунт Войти
PHP Практика #42

Новая цена через array_map

Увеличьте все цены на 5% в новом массиве, не меняя исходный.

🔒 Задание откроется после бесплатной регистрации: там же — все тренажёры и уроки курса.

Создать аккаунт Войти
PHP Средний уровень #43

Извлечь поле и отсортировать

Извлеките названия из списка товаров и отсортируйте без учёта регистра в естественном порядке.

🔒 Задание откроется после бесплатной регистрации: там же — все тренажёры и уроки курса.

Создать аккаунт Войти
PHP Продвинутый #44

JSON с обработкой исключения

Разберите JSON в режиме JSON_THROW_ON_ERROR. Перехватите JsonException и покажите понятную ошибку.

🔒 Задание откроется после бесплатной регистрации: там же — все тренажёры и уроки курса.

Создать аккаунт Войти

Для этого фильтра тренажёров нет.

Regex Studio — практика регулярных выражений

Выберите задачу, составьте выражение и изучите совпадения с примерами для JavaScript, Python и PHP.

0

Как устроены видео?

Код построчно

На каждом шаге подсвечивается выполняемая строка, а рядом простым языком объясняется, что происходит.

Видно память и стек

Переменные, массивы, вызовы функций и event loop — всё, что не видно в книге, видно в анимации.

Одна тема — на 3 языках

Сравните одну и ту же тему на JavaScript, Python и PHP. Все примеры реально выполнены и проверены.

WhatsApp