9 июля 2025

eur = 91.97 -0.45 (-0.48 %)

btc = 108 415.00$ 434.46 (0.40 %)

eth = 2 576.21$ 51.81 (2.05 %)

ton = 2.76$ -0.00 (-0.05 %)

usd = 78.17 -0.55 (-0.70 %)

eur = 91.97 -0.45 (-0.48 %)

btc = 108 415.00$ 434.46 (0.40 %)

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

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-канале «Код Дурова»

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

GigaChat Max: коротко о главном

Как изменился Код Дурова вместе с GigaChat Max?

Узнай о всех возможностях в FAQ-статье 
Госдума отклонила законопроект о легалиации деятельности «белых» хакеров

GigaChat Max: коротко о главном

Госдума отклонила законопроект о легалиации деятельности «белых» хакеров

Полная версия 
Слух: эксклюзивный цвет iPhone 17 AirСлух: эксклюзивный цвет iPhone 17 AirСлух: эксклюзивный цвет iPhone 17 Air

GigaChat Max: коротко о главном

Слух: эксклюзивный цвет iPhone 17 Air

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

Реализовано через GigaChat Max 

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

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