16 сентября 2025

eur = 97.45 -1.88 (-1.89 %)

btc = 115 188.00$ - 284.02 (-0.25 %)

eth = 4 529.60$ -96.90 (-2.09 %)

ton = 3.15$ -0.06 (-1.72 %)

usd = 83.07 -1.31 (-1.55 %)

eur = 97.45 -1.88 (-1.89 %)

btc = 115 188.00$ - 284.02 (-0.25 %)

Конкурс для веб-разработчиков

1 минута на чтение
Конкурс для веб-разработчиков

Призовой фонд: 200 000 рублей.
Срок сдачи работ: 25 февраля 23:59 по Московскому времени (UTC+3).
Объявление итогов: 3 марта.

Общие требования

  • Работа должна быстро открываться и загружаться.  
  • Работа должна быть оптимизирована под мобильные устройства.  
  • Желательно сделать работу на next.js или подобных современных фреймворках.
  • Все страницы должны также быть исполнены в тёмной теме. По умолчанию смена тем в автоматическом режиме.

Ресурсы

  • Новый дизайн нашего сайта в Figma.
  • Страница для разработчиков Ghost.

Главная страница

Следуя готовому дизайну, необходимо создать оптимизированную главную страницу kod.ru. Важно включить все вкладки, которые есть в макете. А именно:

  • главный сегмент, который включает последние статьи (слева) и последние новости (справа);
  • «Выбор редакции» (публикации с отметкой "Feature this post" );
  • раздел с тегами (у каждого тега «карусель»);
  • блок с рекомендацией подписаться в Telegram;
  • футер.

Страница должна быть оптимизирована под мобильные устройства и обладать высокой производительностью.

Страница для новостей и статей

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

  • блок с главной иллюстрацией и информацией вокруг неё (заголовок, тег, автора статьи, дату публикации, время чтения, количество просмотров, кол-во комментариев, копирование ссылки и кнопку «поделиться», которая работает на базе Web Share API);
  • основной блок для текста с оптимизированной галереей для просмотра изображений;
  • кнопку «подписаться на Telegram-канал»;
  • блок рекомендаций, построенный на стиле тегов на главной странице.

Единственное отличие статей от новостей — это блок с оглавлением. Автор сможет выбрать его отображение в CMS, изменив шаблон конкретной страницы (кнопка — Template).

Страница автора

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

Страница тега

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


Тестирование

Тестирование работ будет производиться на компьютерах на базе Windows и macOS, а также на мобильных устройствах Apple, Samsung, Honor и Xiaomi.

Подача работ

Мы предлагаем конкурсантам запустить собственный тестовый сервер и присылать нам URL-адрес с уже готовыми работами на адрес: job@kod.ru.

Материал обновлен|

Читать первым в Telegram-канале «Код Дурова»

Важные новости коротко — от ГигаЧат 
1-bg-изображение-0
img-content-1-изображение-0

ГигаЧат: коротко о главном

Как изменился Код Дурова вместе с ГигаЧат?

Узнай о всех возможностях в FAQ-статье 
Xiaomi показала 17 Pro и 17 Pro Max с экраном прямо на блоке камерXiaomi показала 17 Pro и 17 Pro Max с экраном прямо на блоке камер

ГигаЧат: коротко о главном

Xiaomi показала 17 Pro и 17 Pro Max с экраном прямо на блоке камер

Полная версия 
Как оживить фото через Алису?

ГигаЧат: коротко о главном

Как оживить фото через Алису?

Полная версия 

Реализовано через ГигаЧат 

Сейчас читают
Редакция рекомендует
Карьера
Блоги 417
Газпромбанк
OTP Bank
Т-Банк
X5 Tech
билайн
МТС
Сбер
Яндекс Практикум
Ozon Tech
Циан

Пользуясь сайтом, вы соглашаетесь с политикой конфиденциальности
и тем, что мы используем cookie-файлы