RDCLR.DEV
598 subscribers
109 photos
4 videos
71 links
Делимся опытом в разработке: frontend и backend, неделя через неделю. От Red Collar

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

Основной канал Red Collar @rdclr_home
Download Telegram
Геймификация не всегда работает. Почему

Добавили ачивки, сделали уровни, прикрутили рейтинговую таблицу… Но вовлеченность клиентов не увеличилась, а сотрудники так и не стали работать активнее.

На примере геймификации инвестиционного сервиса разберем, что и почему может пойти не так, как планировали.

Геймификация — это не просто набор «фановых» механик, которые можно бездумно налепить на любой продукт. Это система, где важно учитывать аудиторию, её мотивацию и цели бизнеса.

Подписывайтесь 🎮 GMFY | Геймификация
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
-[--->+<]>------.-[-->+++<]>.---.[-->+++++<]>+++.[-->+++++<]>.++.[-->+<]>++++.-[-->+++++<]>-.------------.+++++++++++++.-------------.++++++.--.+++++++++++++.[-->+++++<]>+++.--[->++++<]>-.[->+++<]>.+++++++++.++++++.[---->+<]>+++.+[->+++<]>.-[--->+<]>----.+++[->+++<]>++.+[----->+<]>.-.-[---->+<]>++.--[->++++<]>-.+[->+++<]>.+.+++.-------.--[--->+<]>-.-[--->++<]>--.---.--[--->+<]>-.--[->++++<]>-.-[->+++<]>-.--[--->+<]>--.+[---->+<]>+++.---[->++++<]>.------------.+.+++++.---.--.+++++.-------.-[--->+<]>--.[->+++<]>+.+.+++++++++++++.++++++.-.[---->+<]>+++.[->+++<]>+.+++++++++++++.-[->+++++<]>-.-[--->++<]>-.-----.+.----.-[->+++<]>.++[->+++<]>.+++++++++.+++.[-->+++++<]>+++.[->+++<]>+.-[->+++<]>.+[----->+<]>+.---------.[--->+<]>.+[---->+<]>++.[-->+++++++<]>.+++++.+[->+++<]>.++++++++++.---.------.--.--[--->+<]>-.-----------.++++++.-.[----->++<]>++.++[--->++<]>.>-[--->+<]>-.[---->+++++<]>-.---.+++++++++++++.-------------.--[--->+<]>-.---[->++++<]>-.++++[->+++<]>..++++++++.++++++.+[---->+<]>+++.---[->++++<]>.-----.[--->+<]>-----.[->+++<]>++.+++.--[--->+<]>-.[->+++<]>+.-[->+++<]>.---[----->++<]>.-------------.----.--[--->+<]>--.----.-.-[->+++++<]>-.++[->+++<]>.+++++++++.+++.[-->+++++<]>+++.---[->++++<]>.------------.+.++++++++++.+[++>---<]>.++[--->++<]>.---[->+++<]>.++[->++++<]>+.--[--->+<]>-.[->+++<]>+.--[--->+<]>---.-------------.--[--->+<]>-.--[->++++<]>-.-[->+++<]>-.++++++++.+++++++++++.-----------.+++++.-------.-[--->+<]>--.++[->+++<]>.+++++++++.+++.[-->+++++<]>+++.---[->++++<]>.------------.---.--[--->+<]>-.+[----->+<]>+.---------.[--->+<]>+.----.[---->+<]>+++.[-->+++++++<]>.-.++++.+.

P.s. кажется, это должно помочь

-[--->+<]>--.[--->+<]>++++.+[->+++<]>.[--->+<]>---.+++[->+++<]>+.-[--->+<]>----.---------.-------.+++.--[--->+<]>-.>🔥-[--->+<]>---.-[->++++<]>.-.+++++++++.++++++.[-->+<]>+++++.[-->+++<]>-.+.>+[--->++<]>.
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Red Collar
⚡️ «Рефакторинг: экономим бюджет на поддержку IT-продукта» — выпустили большой материал в «Бизнес-секретах».

Разбираемся во всём — от цифр до сроков:
— что такое рефакторинг,
— когда рефакторинг точно нужен,
— сколько он может стоить,
— и как объяснить его важность на языке бизнеса.

Статья основана на нашем совместным с Авто.ру докладе на Tagline 2024 — всё по делу, с кейсами и опытом из агентской и продуктовой разработки.

📌 Сделали карточки с главными мыслями — удобно сохранить и переслать.

Читайте статью полностью: [ссылка]

Подписывайтесь 🔥 Red Collar
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
В†† — язык программирования древних русов

Была обнаружена древняя технология! Пока все спорили о битвах с ящерами, в глубинах GitHub сохранился славянский способ писать код.

Особенности языка:
— родная кириллица (никаких function — только ДЕЯТИ)
— боевая документация (ошибки называются «нашествиями басурман»)
— исторический колорит (НАСЛЕДНИК вместо extends, КНЯЗЬ вместо class)

Пример программы:
В††  
КНЯЗЬ Дружина {
ДЕЯТИ поход_на_басурман() {
ВЪЗГЛАСИТИ("Сбираем рать!");
ПОКА_НЕ_ЗАСНУЛ(воины < 100) {
воины += 1;
}
ОБОРОНИТИ {
битва();
}
}
}


Причины попробовать:
— уникальный скилл для резюме;
— необычный язык для пет-проектов в стиле славянского фэнтези;
— возможность стать разработчиком на В†† в продакшене;
— проверка на прочность — если устранишь баги без IDE, ты настоящий витязь;
— ностальгия по временам, когда технологии высекали на камнях;

Священные манускрипты (GitHub)

Подписывайтесь 🔥 RDCLR.DEV
Please open Telegram to view this post
VIEW IN TELEGRAM
Spring не вывозит? Попробуй Jmix — Java на энергетиках

Когда клиент просит сделать админку «ещё вчера», а Spring Boot кажется слишком медленным, на помощь приходит Jmix.  

Jmix — это высокоуровневая Java-платформа для корпоративных систем с:  
✔️ Генерацией кода (меньше рутины)  
✔️ Визуальным редактором UI в IntelliJ IDEA  
✔️ Автомиграциями БД (изменил сущность — система сама обновит схему)  

Java-разработчику понравится, потому что:
— Фреймворк основан на Spring Boot (знакомый стек)  
— Получится быстро собирать админки (как Laravel или PHP, но на Java)  
— Присутствует Jmix Studio — плагин для IDEA с визуальным дизайнером форм  

В статье рассказали, как сделали промо-сайт с:  
— Каталогом товаров (фильтры + 3D-анимация)  
— Разделом вакансий  
— Админкой на гибких ролях (один редактирует товары, а другой — вакансии)  

🔗 Полная статья с деталями

А еще совсем скоро откроем стажировку по Java-направлению. Подробности 28 апреля в основном канале.

Подписывайтесь 🔥 RDCLR.DEV
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Red Collar
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Red Collar
🏠 Родные стены — теперь онлайн

Сталинки, хрущевки, брежневки, панельки и новостройки — собрали в одном месте целую архитектурную историю Москвы.
И сделали ее живой.

Проект «Родные стены», который мы сделали для Авито Недвижимости и «Москвы глазами инженера», — это не просто сайт о типовых домах. Это взгляд на архитектуру Москвы с любовью и с инженерной точностью.

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

Мы продумали и собрали интерактивный сайт за месяц — дизайн, фронт, бэк. Но что еще важнее — мы вложили туда частичку себя.

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

Подробнее с проектом можно ознакомиться здесь: doma.avito.com

📣 О проекте уже рассказали Mash и Baza. Поделитесь и вы.

Подписывайтесь 🔥 Red Collar
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Оптимизация CSS-анимаций: как избежать тормозов

Сегодня разберем ключевые моменты оптимизации анимаций в вебе.

Когда вы анимируете свойства вроде top или left, браузеру приходится:
— пересчитывать размеры и позиции элементов на CPU (layout)
— заполнять элементы цветами, менять видимость (paint)
— размещать элементы относительно друг друга (composite)

Это ресурсоемкий процесс, особенно при множестве компонентов.

Используйте transform вместо позиционных свойств:
// Вместо этого:
element.style.top = `${y}px`;

// Используйте это:
element.style.transform = `translateY(${y}px)`;

Это позволяет пропустить этапы layout и paint, работая напрямую с композицией.

Дополнительная оптимизация
1. will-change: transform — предупреждает браузер о будущих изменениях (однако избегайте избыточного использования, т. к. это может перегрузить память)
2. Разделение элементов по слоям через небольшие translateZ()

А по ссылке можете ознакомиться со статьей целиком и найти другие подсказки по улучшению кода

Подписывайтесь 🔥 RDCLR.DEV
Please open Telegram to view this post
VIEW IN TELEGRAM