Как собрать интерактивную карту Leaflet со своими метками Для первой карты не нужен сложный геосервис. Leaflet — лёгкая библиотека JavaScript: она выводит карту в браузере и позволяет добавлять метки. Вы создадите index.html , style.css и script.js , подключите файлы Leaflet по внешней ссылке и откроете результат локально. Начните с карты Бостона на подложке OpenStreetMap. Затем добавьте обычную метку, оформите…
Точка входа в программирование
Фундаментальные знания по основам программирования Правила общения: https://tprg.ru/rules Другие каналы: @tproger_channels Сайт: https://tprg.ru/site Регистрация в перечне РКН: https://tprg.ru/zrgj
Вашу рекламу в этом канале увидит до 540 человек
Заказать рекламу →Динамика подписчиков
с 20 июля 2026 по 12 октября 2026 · минимум 18 000 · максимум 18 336
Кто рекламировался за полгода
Рекламодатель определён по маркировке рекламы в постах канала.
Публикации
Как потренировать COMMIT и ROLLBACK в SQL Транзакция объединяет несколько SQL-команд в одну операцию: база либо сохраняет все изменения, либо отменяет их. Удобнее всего увидеть это на учебной таблице, где ошибочный UPDATE ничего не сломает. Запустите BEGIN , измените одну строку через UPDATE и проверьте её командой SELECT . Затем выполните ROLLBACK : значение вернётся к исходному. Пока не было COMMIT , изменения…
Как правильно сортировать числа и товары в JavaScript У sort() есть ловушка: без функции сравнения метод превращает элементы в строки и сопоставляет их посимвольно. Поэтому [3, 1, 10, 2].sort() выдаёт [1, 10, 2, 3] : строка «10» начинается с «1» и оказывается раньше «2». Для чисел передайте правило (a, b) => a - b . Отрицательный результат ставит a раньше b , поэтому массив идёт по возрастанию. Чтобы так же…
Ссылка или кнопка: как выбрать HTML-элемент по действию Если клик ведёт на другую страницу или к фрагменту текущей, нужен <a href="…"> . Если он меняет содержимое, сохраняет настройку или открывает окно, выбирайте <button type="button"> . В практике по семантическому HTML вы соберёте страницу заметок: ссылка откроет другую заметку, а кнопка отметит текущую прочитанной. После упражнения добавьте заметку и решите, что…
Как выбирать случайные значения в Python и повторять результат Попробуйте короткий эксперимент. random.choice(colors) выберет один элемент списка, а random.choices(colors, k=3) вернёт сразу три. Один цвет может попасться несколько раз: функция выбирает значения с повторениями. Затем вызовите random.seed(5) , получите несколько значений и повторите те же действия, снова установив seed в 5. Обе последовательности…
Как добавить прямой эфир и перемотку в видеоплатформу на FastAPI В ретроспективе своего проекта Vadim_Klimov показывает, как учебный CRUD на FastAPI вырос в видеоплатформу с прямыми трансляциями. Для эфира сервис принимает видеопоток, транскодирует его и на лету создаёт HLS-сегменты, которые браузер загружает последовательно. Отдельно разобрана перемотка прямого эфира. Зритель может вернуться к уже прошедшему…
Как превратить объект JavaScript в JSON и обработать ошибку разбора JSON пригодится, когда объект нужно отправить по сети или сохранить как текст. Попробуйте взять объект { name: "Ada", age: 36 } , передать его в JSON.stringify() , а результат восстановить через JSON.parse() . Так станет видна разница между объектом со свойствами и его текстовым представлением. Затем усложните пример: передайте в JSON.parse() строку…
Первое изменение проекта в GitHub Copilot app: как проверить результат Возьмите небольшой учебный проект и попросите приложение внести одну видимую правку, например добавить хлебные крошки: цепочку ссылок от главной страницы к текущей. Так вы проверите весь путь от запроса к ИИ до работающей программы. После подключения проекта отдельная сессия получает контекст репозитория : она может найти нужные файлы, изменить…
Как понять оси Flexbox и перестать путать выравнивание Соберите контейнер с тремя блоками и добавьте ему display: flex . По умолчанию элементы стоят в строке: главная ось идёт по горизонтали, а поперечная по вертикали. Свойство justify-content выравнивает элементы вдоль главной оси, align-items вдоль поперечной. Теперь переключите flex-direction с row на column и оставьте остальные правила прежними. Элементы начнут…