ZERO-APPS: Платформа No-Code на Яндекс Облаке. Обзор технологий

С начала 2020-х начался бурный рост low-code/no-code платформ — технологий, не требующих при разработке написания программного кода. Она опирается на визуальные интерфейсы, конструкторы и готовые модули, которые собираются как конструктор из блоков. Цель платформы zero-apps — доступ к созданию цифровых решений, позволив бизнес-аналитикам, менеджерам проектов, маркетологам и специалистам по продукту воплощать идеи в работающие прототипы и полноценные web-приложения без глубокой технической подготовки на базе Яндекс Облака.

https://habr.com/ru/articles/937032/

#nocode_platform #яндекс_облако #zerocode #бессерверная_архитектура #webразработка #webпрограммирование #ydb #serverless #yandexcloud

Структуры данных для frontend-разработчиков с реальными примерами

В мире frontend есть проблема: многие разработчики плохо ориентируются в структурах данных и не умеют их грамотно применять, чтобы получать эффективные и производительные решения своих задач. Мы, Тимофей Соломенников и Руслан Мирзоев, разработчики онлайн-кинотеатра PREMIER, хотим поделиться своим опытом и на реальных примерах показать, что даёт правильное использование структур данных. В этой статье вы найдете разбор нескольких структур данных, которые мы считаем наиболее важными и которые чаще всего пригождаются. Описание их преимуществ, особенностей и демонстрацию применения. Для всех рассматриваемых в статье структур данных мы подготовили реальные примеры и выложили их исходный код — так, нам кажется, польза и особенности будут гораздо более наглядными. Таким образом этот материал носит не только справочный характер, он поможет «пощупать» структуры на практике и, надеемся, увидеть потенциал применения в вашей ежедневной работе.

https://habr.com/ru/companies/habr_rutube/articles/934130/

#структуры_данных #frontend #алгоритмы #webразработка #производительность_javascript #оптимизация_javascript #вебразработка

Как я полюбил LESS, избавился от копипасты в CSS-коде, сделал его безопаснее, а разметку семантической (часть 2)

В первой части я рассказывал об основах LESS: переменных, миксинах, и некоторых приёмах. А сегодня мы поговорим о вещах, оставшихся в прошлый раз нераскрытыми...

https://habr.com/ru/companies/timeweb/articles/930900/

#css #less #верстка #ui #ux #препроцессоры #javascript #вебдизайн #webразработка #timeweb_статьи

[Перевод] React Custom Hook: useMediaQuery

Одним из ключевых преимуществ этого пользовательского хука является его простота и возможность повторного использования. Всего с помощью нескольких строк кода вы можете без особых усилий реализовать адаптивное поведение во всем вашем приложении. Независимо от того, требуется ли вам условный рендеринг компонентов, применение определенных стилей или запуск различных функций в зависимости от размера экрана, useMediaQuery поможет вам в этом.

https://habr.com/ru/articles/934402/

#website_development #webdev #webразработка #javascript #react #reactjs #reactjs #react_hooks #frontend #frontend

Обратный звонок с сайта: соединяем пользователя с компанией автоматически через Callback API

Привет, Хабр. Это Екатерина Саяпина, менеджер продукта в МТС Exolve. Сегодня покажу, как реализовать анонимный обратный звонок с сайта через Callback API — ни клиент, ни менеджер не видят номера друг друга, соединение идёт через виртуальный номер. Всё на Django, просто и надёжно.

https://habr.com/ru/companies/exolve/articles/931446/

#callback_api #telecom_api #webразработка #вебразработка #вебразработка_и_программирование #mts_exolve #exolve #api #обратный_звонок #обратный_звонок_с_сайта

Как мы сделали «ssyoutube для ChatGPT» и что из этого вышло

Потребность поделиться диалогом из ChatGPT рано или поздно возникает. Однако нативного экспорта в удобный формат вроде PDF или Markdown платформа не предлагает. Копипаст — плохое решение: таблицы разваливаются, форматирование кода съезжает, а изображения просто пропадают. Мы решили эту задачу для себя, написав собственный конвертер. Оказалось, что он полезен не только нам. Так появился pdfchatgpt.com . Принцип простой: копируешь share-ссылку и диалога с ChatGPT, добавляешь pdf в начало ссылки и получаешь готовый файл. Также можно перейти на pdfchatgpt.com и просто вставить ссылку на диалог. В этой статье — технический разбор нашего решения: от простого скрипта с puppeteer до асинхронной системы с очередями. Делимся опытом для тех, кто решает схожие задачи.

https://habr.com/ru/articles/927510/

#chatgpt #pdf #markdown #webразработка #export #converter

Интерактивная карта Республики Коми с отображением социально-экономических показателей

Делюсь опытом как я сделал интерактивную карту Республики Коми: от QGIS и D3.js до графиков и API Wikidata. Карта визуализирует социально‑экономические показатели районов и населённых пунктов, поддерживает масштабирование, позволяет переключать слои, выбирать тёмную и светлую темы, а также получать справочную информацию об объектах.

https://habr.com/ru/articles/926466/

#d3js #frontendразработка #гис #webразработка #интерактивная_карта #визуализация_данных #chartsjs #wikidata #республика_коми

Сравнение форматов PNG: от первой до третьей редакции

Недавно опубликованная третья редакция спецификации Portable Network Graphics (PNG) 2025 года, разработанная World Wide Web Consortium (W3C), привлекла внимание к эволюции этого формата ( W3C PNG Specification (Third Edition, 2025) ). Ранее я, как и многие, использовал PNG, не задумываясь о его развитии и различных редакциях. Углубившись в изучение спецификаций PNG (1996, 2003, 2025), я решил подготовить данную статью, чтобы обобщить ключевые изменения и их значение для веб-дизайна, разработки игр и мультимедиа. Статья не претендует на исчерпывающий охват, но стремится предоставить полезный обзор для всех заинтересованных, включая начинающих. Приветствуются любые замечания и предложения по улучшению материала в комментариях к публикации. Весь код, приведённый ниже, выложил в репозиторий . Надеюсь, чтение будет полезным и увлекательным.

https://habr.com/ru/companies/ntechlab/articles/924638/

#png #python #изображения #обработка_изображений #спецификация #программирование #вебдизайн #webпрограммирование #webразработка #обзор

Переоценка API-стратегий: почему компании мигрируют с GraphQL на REST

В быстро меняющемся мире веб-разработки постоянно появляются новые технологии и подходы к созданию системы обмена данными между приложением или сервисом. Одной из таких технологий, позволяющей запрашивать только необходимые данные, является GraphQL. Меня зовут Дмитрий и я python-разработчик. В этом материале я дам сравнительный обзор на REST и GraphQL. Один из наиболее популярных примеров использования GraphQL — это применение в социальных сетях, где множество пользователей связаны между собой определёнными отношениями. К GraphQL мы прибегаем, когда нам требуется избирательно получить много данных о них. Такая организация пользователей имеет сетевую модель и представляется в виде графа, отсюда и связь с названием GraphQL (Graph — граф, QL — язык запросов). Итак, почему компании, однажды выбравшие GraphQL, решают изменить свой курс и вернуться к стандартному способу реализации систем? Ответ на этот вопрос лежит на пересечении технических возможностей, бизнес-потребностей и экономических соображений. Давайте разберёмся в этом подробнее.

https://habr.com/ru/companies/simbirsoft/articles/923276/

#api #graphql #rest #вебразработка #webразработка

Комплексная защита веб-приложений: обзор взаимодействия разных типов ИБ-решений

Привет, Хабр! Я Андрей Дугин, руководитель центра сервисов кибербезопасности RED Security. Про тему кибербезопасности веб-приложений уже, казалось бы, рассказали все, что можно: термины XSS, SQL-инъекции, DDoS знакомы каждому в мире ИБ. Проблема в том, что знание отдельных уязвимостей и методов защиты не гарантирует комплексной безопасности. Качественный результат дает не борьба с каждой угрозой, а создание системной защиты, где разные решения дополняют и усиливают остальные. В этом материале я разберу, как ИБ-инструменты взаимодействуют между собой и на какие нюансы важно обратить внимание при их настройке.

https://habr.com/ru/companies/ru_mts/articles/923202/

#AntiDDos #AntiBot #WAF #Load_Balancer #NGFW #Эшелонированная_защита #XFF #информационная_безопасность #webразработка #системное_администрирование