Обновить
455.92

Веб-разработка *

Делаем веб лучше

Сначала показывать
Порог рейтинга
Уровень сложности

Как не гундеть, а доработать веб-сервис самому без помощи разработчиков

Уровень сложностиСредний
Время на прочтение8 мин
Охват и читатели4.2K

Привет! Меня зовут Сергей Медин, я руководитель аналитиков в команде Авито Недвижимости. В этой статье я подробно расскажу, как создать собственный скрипт, который существенно упростит работу с любым веб‑сервисом. Я не разработчик, но успешно добавляю необходимые функции, обладая только лишь базовыми знаниями JavaScript. Подробности — под катом.

Читать далее

Как собрать и запустить отдел по работе с инцидентами в продакшене — разбираемся в статье-инструкции

Уровень сложностиПростой
Время на прочтение4 мин
Охват и читатели5K

Привет, Хабр! Я — Алексей Ткаченко, руководитель отдела L1 в диджитал-продакшене Далее. Наша команда отвечает за мониторинг работоспособности ресурсов клиентов, оперативно реагирует на проблемы и помогает с ними разбираться. Попутно облегчает жизнь клиентов и менеджеров. Расскажу, зачем бизнесу может понадобиться такой отдел, как строится работа в команде и к каким результатам мы пришли за год. 

Читать далее

Как починить пагинацию в своих расширениях для Joomla 5.1.3+. Backwards breaking changes

Время на прочтение2 мин
Охват и читатели295

Это информация о возможном сломе обратной совместимости в классе Pagination Joomla 5.1.3+. Релиз 5.1.3 был связан с закрытием уязвимостей (см. Joomla 5.1.3 and 4.4.7 Security and Bug Fix Release), в нём был изменён подход к генерации ссылок для страниц пагинации. Из‑за этого могут перестать работать ссылки страниц пагинации в сторонних компонентах Joomla. В компонентах ядра ошибки работы пагинации были исправлены в релизе 5.1.4.

Читать далее

Бесплатный курс по созданию сайтов для детей: 7 уроков по HTML и CSS с нуля

Уровень сложностиПростой
Время на прочтение5 мин
Охват и читатели3.4K

Если ребенок интересуется веб‑разработкой, его увлечение нужно поддержать. В этом помогут обучающие ролики или курсы HTML, CSS и JavaScript. Направление перспективно: оно знакомит даже неопытных школьников с IT, а также приближает их к пониманию основ написания кода. Если появится желание, можно пройти дополнительное обучение и освоить создание сайтов и программирование на продвинутом уровне.

Хочу отметить, что с освоением веб‑разработки способен справиться даже неопытный школьник, что возможно благодаря множеству простых способов обучения. Их действительно хватает, поэтому предлагаю рассмотреть варианты, доступные детям и подросткам: видеоролики в свободном доступе, предназначенные для самостоятельного просмотра.

Планомерное знакомство с роликами и понимание содержания каждого из них поможет построить эффективный маршрут дополнительного IT‑образования для ребенка, увлекающегося веб‑разработкой. Уроки подойдут подросткам от 12 лет и старше.

Читать далее

«База данных» в гугл таблицах для телеграм-бота

Уровень сложностиСложный
Время на прочтение9 мин
Охват и читатели11K


Практически все боты используют какое-нибудь хранилище информации. Чаще всего применяются базы данных, но иногда их использование может быть избыточным, особенно если вам не нужны ACID-транзакции и есть желание менять данные руками в максимально простом интерфейсе.


Для хранения информации можно использовать гугл-таблицы.


Сегодня мы разберём пример телеграмм бота для проведения тестов, где вопросы и ответы хранятся в разных вкладках одной Google-таблицы. Почему одной? Опять же, для облегчения доступа для потенциальных пользователей.

Читать дальше →

Взаимодействие микросервисов между собой

Уровень сложностиСредний
Время на прочтение5 мин
Охват и читатели7K

Следующий возникающий в голове вопрос, когда разобрался с тем, как работать с данными в данной архитектуре (а может у кого то этот вопрос стоит первым) - как микросервисы будут взаимодействовать между собой?

В данной статье разберемся с синхронным и асинхронным взаимодействием, сложностями и разными подходами.

Читать далее

HTML-теги с искусственным интеллектом

Уровень сложностиПростой
Время на прочтение10 мин
Охват и читатели1.6K

Всем привет! Помните череду недавних анонсов от IT-гигантов, о различном ИИ-функционале, внедренном во все, что только можно? Среди этих анонсов, например, были помощники в написании текстов писем и сообщений для почтовых и других сервисов. Эти помощники могут проверить вас на ошибки, перевести текст на другой язык, поменять тональность и настроение текста, сделать его более кратким, либо, напротив, дополнить.

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

Итак, в этом материале, я предлагаю вам вместе со мной создать умный HTML-тег - текстовое поле, которое сможет помогать пользователю в настройке введенного текста. Этот тег можно будет использовать на любом сайте, в любом веб-приложении, созданном с помощью любого современного фреймворка, или даже, в простом статическом HTML-файле.

Читать далее

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam erat leo, tempus at

Уровень сложностиПростой
Время на прочтение1 мин
Охват и читатели2K

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam erat leo, tempus at malesuada sed, dapibus vitae ipsum. Morbi vitae dignissim lectus. Nulla lectus nisl, pretium sit amet viverra vitae, feugiat quis nunc. In semper justo orci. Praesent ultrices risus eu odio ornare suscipit. Pellentesque dapibus mauris magna. Sed congue, quam ut pharetra euismod, justo augue cursus ex, congue volutpat orci metus non enim. Suspendisse orci justo, vehicula et rhoncus eu, eleifend ut massa. Morbi sodales mauris felis, id tincidunt nulla congue quis.

Читать далее

Шифрование личных заметок

Время на прочтение8 мин
Охват и читатели6.7K


Персональная информация, в том числе пароли и кошельки — это главные секреты каждого человека. Эта информация должна быть максимально зашифрована и надёжно храниться. Раньше проблему решал текстовый файл, где хранились и пароли, и заметки, и который легко было зашифровать. Теперь с появлением кучи устройств проблема усложнилась. Но если с паролями проблема решена благодаря парольным менеджерам, то вот с шифрованием заметок не всё так гладко.

Какой вариант выбрать для безопасного и надёжного шифрования личных заметок, с синхронизацией между устройствами и резервным хранением?
Читать дальше →

Микросервисы. Исследование кухни

Уровень сложностиСредний
Время на прочтение9 мин
Охват и читатели6.2K

Исследования никогда не утоляют мой голод к изучению, поэтому в этот раз, они подтолкнули меня к написанию статьи. Тут постарался ответить на возможные насущные вопросы о микросервисной архитектуре.

Читать далее

Использование стандарта ES5 в Интернете

Уровень сложностиСредний
Время на прочтение12 мин
Охват и читатели2.7K

Что сейчас со стандартом ES5 и нужно ли его поддерживать?

В данной статье рассматривается распространенность транспилирования ES6+ кода в ES5

В 2017 году я написал статью, в которой показал веб-разработчикам, как они могут деплоить код ES6+ (он же ES2015) в продакшен, без необходимости транспилировать его в ES5. Этот метод был выходом для разработчиков веб-сайтов, которые хотели без ограничений писать современный код, не беспокоясь о раздувании транспилера или полифилла.

К сожалению, хотя многие разработчики веб-сайтов могли использовать этот метод, большинство авторов библиотек JavaScript не могли.

Читать далее

Шаблоны для эффективной работы с DOM с помощью современного чистого JavaScript

Уровень сложностиСредний
Время на прочтение11 мин
Охват и читатели8.8K



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

Читать дальше →

Полноценный API на Django REST Framework: легкая разработка, автодокументация и быстрый деплой

Уровень сложностиПростой
Время на прочтение17 мин
Охват и читатели11K

Сегодня мы погрузимся в процесс создания собственного API на Django с использованием мощного инструмента — Django REST Framework (DRF). Этот фреймворк предоставляет полный набор инструментов для разработки API: маршрутизация, сериализация данных, обработка запросов и формирование ответов. DRF значительно упрощает взаимодействие с клиентами через HTTP, поддерживая такие методы, как GET, POST, PUT и DELETE.

Однако, в отличие от FastAPI, Django REST Framework не включает встроенный инструмент для автодокументирования API. Мы легко решим эту задачу, воспользовавшись расширением drf‑spectacular, которое генерирует спецификации API в формате OpenAPI 3.0. Это позволит интегрировать интерфейсы, такие как Swagger и Redoc, для удобного тестирования и наглядной визуализации документации.

Читать далее

Ближайшие события

Библиотека RRC для управления запросами и кэшем для Zustand/Redux: [лучшая] альтернатива RTK-Query и другим решениям

Уровень сложностиСредний
Время на прочтение8 мин
Охват и читатели1.2K

Вашему вниманию представляется react-redux-cache (RRC) - легковесная библиотека для загрузки и кэширования данных в React приложениях, которая поддерживает нормализацию, в отличие от React Query и RTK Query, при этом имеет похожий, но очень простой интерфейс. Построена на иммутабельном паттерне, характерном для Zustand/Redux, покрыта тестами, полностью типизирована и написана на Typescript.

Читать далее

Next.js + Playwright. Как мы начали писать автотесты и что из этого вышло

Уровень сложностиСредний
Время на прочтение10 мин
Охват и читатели4.6K

Привет! Меня зовут Данила, я фронтенд-тимлид в KTS.

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

Читать далее

QoE-метрика в видеоплатформе Яндекса

Время на прочтение10 мин
Охват и читатели707

Привет, я Василий Коровин, аналитик в Yandex Infrastructure. Уже три года в команде видеоплатформы я занимаюсь аналитикой нашего плеера. Это тот самый веб‑плеер, который используется для воспроизведения видео на разных сервисах Яндекса (например, на Кинопоиске, Диске, Практикуме и Погоде). А также с этого года он доступен в облачном сервисе для хранения, обработки и трансляции видео Cloud Video.

Мы подробно рассказывали о разработке плеера тут и тут. Сегодня же хочу рассказать, как мы понимаем, нравится или не нравится людям им пользоваться. Для этого нам пригодится аббревиатура QoE — с английского она расшифровывается как «quality of experience», и переводится как «метрика качества восприятия» пользователями нашего сервиса.

Читать далее

Полгода программировал To-Do List и получил 0 пользователей

Уровень сложностиПростой
Время на прочтение3 мин
Охват и читатели30K

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

В этой статье я расскажу о своём пути в IT, идее стартапа, процессе разработки и совершённых ошибках.

Читать далее

Четыре шага для запуска системы бронирования: кейс коворкинга Fifty Four

Уровень сложностиПростой
Время на прочтение3 мин
Охват и читатели458

В 2019 году партнеры, консалтинговое агентство «Дком», работали над запуском нового коворкинга Fifty Four в Алматы. Ребята просчитали бизнес-модель, сделали сайт и брендбук. Не хватало только систем бронирования и управления.

Готовых «коробочных» решений для коворкингов на тот момент не было. Поэтому нас и пригласили в проект — как проверенных программистов.

Читать далее

Как устроено хранение разных типов данных в веб-буфере обмена

Время на прочтение16 мин
Охват и читатели1.2K

Если вы уже давно имеете дело с компьютерами, то, вероятно, знаете, что в буфере обмена (clipboard) могут храниться различные типы данных (изображения, текст с форматированием, файлы и так далее). Меня как разработчика ПО начало напрягать то, что я не знаю, как буфер обмена хранит и упорядочивает данные разных типов.

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

Начнём мы с изучения API веб-буферов обмена и их истории. API накладывают интересные ограничения, связанные с типами данных; мы узнаем, как некоторые из компаний обходят эти ограничения. Также мы рассмотрим некоторые из предложений, предназначенных для устранения этих ограничений (самое примечательное из них — это Web Custom Formats).

Если вы когда-нибудь задавались вопросом, как устроен веб-буфер обмена, то этот пост для вас.
Читать дальше →

Можно просто так взять и опубликовать Приложение в ОК

Уровень сложностиПростой
Время на прочтение6 мин
Охват и читатели1K

ОК — большая и популярная социальная сеть. Причем она не только про общение, но и про развлечения: на платформе доступно огромное количество игр и мини-приложений, с которыми аудитория активно взаимодействует. Внутренние приложения и игры ОК использует почти 20 млн человек, и вовлеченность пользователей постоянно растет.

Доступ к этой аудитории есть практически у любого разработчика — разместить свое приложение на платформе ОК и сделать его доступным большой аудитории можно быстрее, чем приготовить завтрак.

Меня зовут Михаил Мосин. Я инженер-программист в ОК. В этой статье я подробно и пошагово расскажу, как зарелизить свое приложение на платформе ОК.

Читать далее

Вклад авторов