Точка входа - основы программирования

Соедините две SQL-таблицы и получите один ответ Когда сведения об одном объекте разнесены по таблицам, запрос к одной таблице показывает только часть картины. Такое хранение уменьшает повторы и позволяет расширять наборы данных независимо друг от друга. INNER JOIN сопоставляет строки двух таблиц по общему уникальному ключу, то есть значению, которое однозначно обозначает объект. Условие ON указывает, какие ключи сравнить, а фильтрация, сортировка и ограничение числа строк выполняются уже после соединения. В шестом уроке SQLBolt это можно потренировать на базе Pixar: к ней добавили таблицу BoxOffice с рейтингами и продажами. Соберите запрос и проверьте, какие данные оказались в одной строке. Если связь не складывается, сначала сравните поля по обе стороны ON.

Проверяйте раскрывающиеся кнопки по контексту, а не по одному атрибуту Кнопка показывает дополнительный текст, и зрячий пользователь просто нажимает её. У человека со вспомогательной технологией та же кнопка может восприниматься иначе: переданная ей информация зависит от контекста. Поэтому наличие aria-expanded ещё не доказывает, что разметка верна. Для тренировки задайте три вопроса: к какому типу относится элемент, уместен ли здесь атрибут и можно ли заменить его встроенным элементом HTML. Стив Френзель разбирает сворачиваемые разделы и интерактивные элементы: аккордеон, отдельный раскрывающий блок и похожие случаи, где контент скрывается без aria-expanded. Возьмите знакомую страницу, определите тип кнопки и сверьте решение с примерами. Образцы из ARIA Authoring Practices Guide автор советует тщательно тестировать: это демонстрации, а не готовый код.

Запоминаем и применяем в работе

Как обходить несколько списков одновременно с Python zip() В одном списке лежат названия товаров, в другом цены. zip() соединяет элементы с одинаковыми позициями в пары, поэтому оба списка можно обработать в одном цикле. Функция возвращает итератор: пары появляются по мере обхода, а не хранятся в готовом списке заранее. Проверьте ловушку на двух списках разной длины. zip() остановится вместе с самым коротким и пропустит остаток. Сравните list(zip(...)) с itertools.zip_longest(): второй вариант сохранит лишние элементы и подставит заполнитель там, где пары нет. В разборе Real Python показано, как собрать словарь через dict(zip()) и разъединить готовые пары оператором *. Для тренировки замените числа и буквы двумя своими списками и распечатайте получившиеся пары.

Как устроить адаптивную сетку с CSS Grid CSS Grid делит один HTML-элемент на невидимые строки и столбцы без дополнительных элементов для каждой ячейки. Если задать только display: grid, получится один столбец, а строки будут добавляться под вложенные элементы. Сравните проценты и fr. Проценты задают жёсткие доли родительского блока, поэтому колонки общей шириной 100% вместе с промежутком могут выйти за его границы. Единица fr учитывает ширину содержимого и промежутки, затем делит оставшееся место. Для тренировки соберите календарь из семи колонок через repeat(7, 1fr), добавьте свойство промежутка gap, замените доли на проценты и сузьте блок. В интерактивном руководстве Josh W. Comeau результат можно проверить в примерах.

Викторина на Python научит вас собирать программу по частям Небольшой проект помогает увидеть, как ввод, списки и функции работают вместе. Вы соберёте викторину, которая задаёт вопросы, предлагает варианты ответов и считает результат. Затем программа научится обрабатывать ошибки, давать подсказки и объяснять ответы. Вопросы переедут в TOML-файл, то есть отдельный файл с данными, а сама викторина получит несколько тем. Туториал Real Python ведёт от первого вопроса до расширенной версии проекта. После прохождения добавьте свой набор вопросов и проверьте, как программа реагирует на неверный ввод.

С днем программиста, коллеги! Желаем, чтобы код компилировался с первого раза, баги находились до релиза, а таски «на пять минут» действительно занимали пять минут.  И конечно, пусть в жизни будет больше приятных сюрпризов — один из них мы уже подготовили. Скорее переходите по ссылке, трясите коробку и забирайте свой подарок ко Дню программиста: Ссылка скрыта

Симулятор кубиков учит собирать программу по частям Маленький проект полезнее россыпи упражнений, когда результат можно запустить и сразу проверить. В этом приложении вы вводите число шестигранных кубиков, а Python показывает случайный бросок рисунком из текстовых символов. Вместо одного большого куска кода программа собирается по этапам. Сначала текстовый интерфейс принимает команду и проверяет ввод. Затем random.randint() выбирает случайное целое число для каждого кубика, а отдельная функция превращает результаты в рисунок. Последний этап посвящён переработке кода, который строит этот рисунок. В туториале Real Python есть код для каждого этапа. Соберите базовую версию, запустите её с правильным и ошибочным вводом, а потом сравните исходный и переработанный варианты функции генерации рисунка.

Поймите, почему один клик запускает несколько функций Если функция обработки клика назначена кнопке и окружающим её элементам, одно нажатие запустит их по очереди. Так работает всплытие события: оно поднимается от нажатой кнопки к её родителям по DOM-дереву, то есть структуре HTML-документа, вплоть до корневого элемента. Соберите страницу, где кнопка button вложена в span, а тот — в div. Назначьте функции для button, span, div и body: пусть каждая выводит имя элемента в консоль браузера. Нажмите кнопку и увидите тот же порядок. Затем нажмите span: кнопка промолчит, потому что событие идёт к родителям, а не к дочерним элементам. Разбор на freeCodeCamp.org с иллюстрациями поможет повторить пример. После него поменяйте вложенность элементов и предскажите порядок до клика: так всплытие превратится из термина в понятное поведение.