21 апреля 2025

eur = 92.22 -1.03 (-1.10 %)

btc = 87 478.00$ 2 885.35 (3.41 %)

eth = 1 645.50$ 53.21 (3.34 %)

ton = 3.04$ 0.06 (1.90 %)

usd = 81.14 -0.88 (-1.08 %)

eur = 92.22 -1.03 (-1.10 %)

btc = 87 478.00$ 2 885.35 (3.41 %)

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

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-статье 
2762716e-761f-4e0d-a449-596d8e2ff8c9-изображение-0

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

Meta начнёт выявлять несовершеннолетних пользователей с помощью ИИ

Полная версия 
f9efab13-f3eb-46f9-b4d3-358f1b533d37-изображение-0

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

Павел Дуров назвал Францию угрозой для безопасности мессенджеров

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

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

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