#web%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0

2025-06-24

От хаоса к порядку: Как Peakline превратился в профессиональный инструмент за неделю

Неделя назад мой проект был "швейцарским ножом в картонной коробке". Сегодня это настоящая платформа с PWA, AI-анализом по зонам, системой защиты от ботов, отслеживанием износа снаряжения, прогнозом погоды для маршрутов и детальной аналитикой клубов. Рассказываю, что изменилось под капотом и почему это важно.

habr.com/ru/articles/921192/

#strava #python #fastapi #garmin #fit #gpx #gps #api #webразработка #webпрограммирование

2025-06-19

Сайт с роутингом за вечер без единой строки кода на Next.js с помощью AI и текстовых промптов

В этой статье я расскажу, как всего за один вечер создал полноценный адаптивный SPA-сайт на Next.js без единой строчки кода — используя только AI и текстовые промпты. Поделюсь своим опытом, расскажу о возможностях современного инструмента, который позволяет быстро и легко собрать рабочий фронтенд и сразу захостить его на собственном домене. Если вы думаете, что для создания SPA обязательно нужна кастомная разработка — эта история покажет, как современные AI-инструменты могут значительно упростить и ускорить процесс. Конечно, я не утверждаю, что это полностью заменит работу разработчиков, но для многих задач такой подход действительно эффективен и позволяет быстро получить рабочий результат без глубокого погружения в код.

habr.com/ru/articles/919370/

#искусственный_интеллект #ии #vercel #nextjs #react #вебразработа #webразработка #zerocode #single_page_application #разработка_сайтов

2025-06-08

Как я наваял «конкурента» для клиента Nextcloud Talk Desktop из-за собственной лени

Бывало ли у вас так, что вы придумали у себя в голове идеальное приложение, в котором есть все вам необходимое (ну или хотя бы какой-то обязательный минимум)? Вот вы нашли приложение, которое должно решать те задачи, что вы себе придумали, но как только принялись его проверять в действии, пришли к выводу, что все совсем не так радостно. Вот вы сказали себе: "Ну ладно, это же опенсорс! Значит можно попробовать что-то с этим сделать своими силами. Заодно и внести посильный вклад в развитие этого продукта. Что может быть лучше?" Но реальность оказалась иной. Код для непрограммиста оказался довольно сложный, принятая разработчиками архитектура приложения также вызывает вопросы (конечно, скорее всего только у меня) и т.д. К чему это я? Начну с небольшой предыстории.

habr.com/ru/articles/914964/

#electron_js #nodejs #meetings #messager #webразработка #чат #вкс

2025-06-05

Настройка Workbox Background Sync для совместимости с iOS и Android WebView

Важность надежной обработки запросов в оффлайн-режиме невозможно переоценить, особенно для приложений, которые должны функционировать и в отсутствии интернет-соединения. Workbox - это мощный инструмент для управления Service Worker в браузерах, он как раз призван решать подобную задачу при помощи соответствующего плагина, но поддержка Background Sync API не универсальна. В этой статье я покажу, как расширить Workbox, чтобы Background Sync корректно работал даже на платформе iOS/Safari.

habr.com/ru/articles/915896/

#фронтендразработка #оффлайнприложения #оптимизация #javascript #web #webразработка #webпрограммирование #pwa #progressive_web_applications #progressive_web_apps

2025-05-22

Как я нашёл квартиру за четверть стоимости из-за бага на сайте застройщика ПИК:

Представьте: вы заходите на сайт застройщика (ГК ПИК), выбираете квартиру, а вместо стандартных 9 миллионов видите ценник в 2 миллиона. Сначала кажется, что это опечатка, взлом, шутка или какой-то маркетинговый трюк. Но когда система позволяет добавить лот в корзину, заполнить анкету и даже получить подтверждение брони — начинаешь верить в чудо. Именно так я наткнулся на квартиру, цена которой оказалась в четрые раза ниже рыночной возможно из-за технической ошибки. В этом кейсе разберём, как возникают такие баги, можно ли требовать исполнения договора и что делать, если вы оказались на месте застройщика или покупателя.

habr.com/ru/articles/911978/

#вебсервисы #webразработка

2025-05-13

Почему не дружат фронтендер и дизайнер: работающие техники общения между отделами

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

habr.com/ru/companies/agima/ar

#frontendразработка #дизайн #управление_разработкой #webразработка #webдизайн #ui_kit #figma

2025-05-02

[Перевод] Меню для отзывчивого интерфейса без скриптов

В этой статье мы расскажем как создать отзывчивое меню по принципу mobile-first, используя только HTML и CSS — без JavaScript. Полный код, используемый в этой статье, доступен в репозитории на GitHub.

habr.com/ru/companies/beget/ar

#responsive_design #hamburger #css #туториал #пример #webразработка #webпрограммирование #nojavascript

2025-04-17

Динозаврик по имени Джун

Еще совсем недавно джуны очень ценились. Можно было вырастить преданного сотрудника, гораздо медленнее поднимать ему зарплату, и в итоге получался отличный боец, который знает все правила взаимодействия в компании и плавно перерастает в мидла. Вакансий на рынке было много. Если говорить о веб-разработке, то залететь верстальщиком было вообще плевое дело — пару недель почитать книжки по HTML/CSS, попрактиковаться с табличной версткой (да, бывалые динозавры еще помнят, когда такой подход был мейнстримом), потом перейти к блочной — и можно отправляться на собеседования. Неделя — и вы уже в руках какой-нибудь веб-студии, а там, при желании, через полгода станете полноценным фронтендером или переквалифицируетесь в бэкенд-разработчика. Хорошие времена: можно не особо напрягаясь было заработать на хлеб, клацая по клавиатуре.

habr.com/ru/articles/901506/

#ai #вебразработа #webразработка #нейросети #ии #джуны

2025-04-15

Наши 象: что я узнал про китайцев и китайский веб-дизайн, пока создавал сайт для мясокомбината

Самое мясо китайского веб-дизайна, или Как не стать лосем в Поднебесной. Путеводитель по провинциям визуального хаоса

habr.com/ru/articles/900842/

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

2025-04-15

GPT‑4.1 глазами веб‑разработчика: возможности, интеграция и примеры

В апреле 2025 года OpenAI представила серию моделей GPT‑4.1 – сразу три версии: GPT‑4.1 (полноразмерная) , GPT‑4.1 mini и GPT‑4.1 nano ​. Все они значительно превосходят предшественников (GPT‑4.0, также называемый GPT‑4o, и GPT‑4o mini) по качеству кодирования, следованию инструкциям и работе с длинным контекстом​. Главная сенсация – поддержка контекста до 1 000 000 токенов ​o. Это примерно 8 полных копий кода фреймворка React, которые теперь можно подать модели за один раз​! Для сравнения, у предыдущих GPT-4 максимальный контекст был 128 тысяч токенов. Обновился и «горизонт знаний» – GPT‑4.1 обучен на данных вплоть до июня 2024 года, что уменьшает количество ответов «не знаю» на современные вопросы. GPT‑4.1 (основная модель) – флагман с максимальными возможностями. Она улучшила результаты на множестве бенчмарков: например, решает ~54.6% задач на SWE-bench Verified (стандартный тест по разработке ПО), тогда как оригинальный GPT‑4o справлялся лишь с 33.2%​. Это рекордный показатель для моделей GPT и на 21% превышает результат GPT‑4o. Модель стала лучше генерировать код без лишних правок (доля «лишнего» кода снизилась с 9% до 2%​) и более строго придерживается форматов (например, может вносить правки в виде diff-патчей, а не переписывать файл целиком​). GPT‑4.1 mini – облегчённая модель, которая жертвует лишь небольшой долей качества ради скорости и цены. По многим заданиям mini догоняет или даже превосходит оригинальный GPT‑4.0. В тестах OpenAI «мини» не уступает GPT‑4o по интеллекту , но при этом выдаёт ответ почти вдвое быстрее и на 83% дешевле обходится по стоимости вызова​ (то есть стоимость снижена до ~17% от GPT‑4.0). Для разработчиков это означает, что многие задачи теперь можно решать “бюджетной” версией модели без ощутимой потери качества. GPT‑4.1 nano – новейшая и самая лёгкая модель в семействе, первый «нано»-уровень от OpenAI. Nano – рекордсмен по скорости и цене : как отмечает OpenAI, это «самая быстрая и дешёвая модель за всю историю компании»​. Например, nano возвращает первый токен ответа менее чем за 5 секунд даже если запрос содержит 128k токенов контекста​. Она также поддерживает 1М контекста и показывает неплохой уровень интеллекта: ~80.1% на знаниевом тесте MMLU и 50.3% на задачах GPQA​. Хотя nano уступает «старшим братьям» в сложных размышлениях, она отлично подходит для простых и массовых задач – классификация, автодополнение кода, чат-боты с короткими ответами​. В целом, появление mini и nano даёт веб-разработчикам гибкость: можно выбрать мощную GPT‑4.1 для сложной логики или обработки гигантского документа, а для быстрых откликов или фоновых задач – задействовать nano с минимальными затратами.

habr.com/ru/articles/900904/

#ai #gpt #django #fastapi #webразработка #ииассистент #ии #ииагенты

2025-04-08

App Store блокирует аккаунты разработчиков, а банки всё равно в сторах. Рассказываем, как они это делают

С февраля 2024 года Apple блокирует не только российские финтех-приложения и аккаунты разработчиков, но и закрывает доступ для разработки корпоративных сервисов. Это всё новый пакет санкций, который должен ударить по мобильной разработке и доходам бизнеса. Сейчас гайки закручивают всё больше, а бизнес продолжает находить решения. Компании используют несколько стратегий, чтобы публиковать приложения на iOS и удерживаться там подольше. Рассказываем, как это делают. Читать статью

habr.com/ru/companies/surfstud

#финтех #appstore #mobile #ios #ios_разработка #блокировки #pwa #desktop #webразработка

2025-04-08

Неизвестно полезный CSS. Часть 8

Привет, Хабр. Я продолжаю рассказывать про неизвестные широкому кругу разработчиков CSS фишки. Я отбираю их так, чтобы они были полезны в разного рода проектах. Неважно, верстаете ли вы сайт для малого бизнеса или создаёте супермодное React приложение. Они поддерживаются большинством браузеров. Отдельно отмечу, что я не считаю IE11 современным браузером. По этой причине я не учитывал его. Сегодня мы рассмотрим: как можно избежать длинных значений для свойства transform ; можно ли побороть неоднозначность медиа-запросов; малоизвестное и полезное свойство при работе с «гридами»; какой нюанс вы можете не знать про свойство align-content ; древнейшее свойство, помогающее улучшить взаимодействие пользователя клавиатуры с интерфейсом. Больше не буду затягивать. Давайте посмотрим, что я вам подготовил.

habr.com/ru/companies/ruvds/ar

#ruvds_статьи #sm909_unknown_css #css #frontend #webразработка #вёрстка #лайфхаки

2025-04-04

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

Давно хотел сделать мобильную игру, но руки никак не доходили. А неделю назад решил, что время пришло, поэтому решено - начинаем делать.

habr.com/ru/articles/897632/

#разработка #движки #html5 #мобильные_игры #canvas #javascript #программирование #мобильная_разработка #webразработка #webпрограммирование

2025-04-03

React 19: что нового, что полезного, и куда мы движемся

С вами Дима, старший фронтенд разработчик в Surf, и сегодня мы разберём React 19 — новую версию одной из самых популярных библиотек для создания пользовательских интерфейсов. Вперёд, к подробному разбору основных фичей, оценке их плюсов и минусов и исследованию будущего React. Читать дальше

habr.com/ru/companies/surfstud

#React #reactjs #javascript #Js #webразработка

2025-03-25

работа с Kafka в Go: практическое применение

Автор статьи Якушков Федор. Apache Kafka — это мощная распределённая платформа для обработки потоков данных, которая завоевала популярность благодаря своей способности эффективно управлять большими объёмами информации в реальном времени. В этой статье мы подробно разберём, как использовать Kafka в языке программирования Go с помощью библиотеки kafka-go. Мы рассмотрим все ключевые аспекты: от event-driven архитектуры до топиков и партиций, от создания продюсеров и консьюмеров до управления оффсетами и обработки ошибок. Разберем гарантии доставки, а также обсудим, где и как применять Kafka в проектах.

habr.com/ru/articles/894056/

#Kafka #go #golang #api #it #web #webразработка #backend #apache #apache_kafka

2025-03-22

Хватит издеваться над чекбоксами

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

habr.com/ru/articles/893426/

#вебдизайн #webразработка #вебсайт #ui #ux #usability

2025-03-17

Дзен и публикация картинок

Привет Хабр! Сегодня я хотел бы поговорить с тобой о проблеме публикации картинок. Зачем вообще об этом говорить? Ежедневно миллионы людей публикуют миллионы, или даже, миллиарды изображений, что тут можно обсуждать? Наверняка, для веб-разработчика, тем более, опытного - это вообще никакая не проблема. Эх, как бы не так.

habr.com/ru/articles/891696/

#jamstack #webразработка #images #image_processing #environment #cit #ims #html #cdn

2025-03-12

Обновление SPA приложения в браузере пользователя Node/React

Всем привет. Мне читатели иногда присылают сообщения с одним и тем же вопросом, что ты же Software Engineer и Solution Architect, но почти все твои статьи касаются бизнеса, менеджмента, процессов, управления командами и так далее. Но нет статей технического характера, про разработку и создание разных фич (feature) для проекта. Причина по которой это происходит в том, что весь интернет забит информацией о том, как программировать, но очень мало информации о том, что именно программировать, и о том, что за пределами кодинга огромное количество нерешенных проблем, которые нивелируют весь процесс программирования. Но сегодня я расскажу об одной фиче, которая может оказаться очень полезной для многих.

habr.com/ru/articles/890304/

#spa #алгоритм #архитектура #nodejs #reactjs #решение #webразработка

2025-03-12

System Design Interview. Шаблон прохождения собеседования этого этапа

Недавно я собеседовался в Амазон и Майкрософт в офисы в Испании (так как я тут живу). Пока готовился много что понял, сейчас поделюсь. Собеседование на проектирование систем. Проходят по определенному шаблону , если прийти не подготовленным, не зная этого шаблона, можно просто впасть в ступор, а по шаблону вы можете расписать проблему даже с которой не знакомы, это позволит сделать меньше ошибок.

habr.com/ru/articles/890206/

#собеседование #maang #systemdesign #typescript #проектирование_систем #проектирование #вебсервисы #webразработка #программирование #микросервисы

2025-03-01

Общий обзор Telegram Mini App: особенности, преимущества, ограничения и примеры

Telegram Mini App — встроенное в мессенджер веб-приложение, которое дает возможность пользоваться сервисом без установки отдельных программ. Это позволяет иметь удобный сервис, интегрированный с экосистемой мессенджера, будь то интернет-магазин, система бронирования и др. Мы написали общий обзор данного приложения, его возможности, первые шаги к созданию и существующие примеры.

habr.com/ru/articles/886864/

#telegram #telegrambot #telegram_mini_app_как_сделать #вебразработа #webразработка

Client Info

Server: https://mastodon.social
Version: 2025.04
Repository: https://github.com/cyevgeniy/lmst