Почему на собеседовании ваш диплом не пригодится?

Макс Мишанин, СТО Red Collar, проведет первую лекцию цикла STUDENT CAMP и расскажет о том, что действительно важно для старта в IT.

Разберем:
⚙️ Почему диплом — это не гарантия трудоустройства
⚙️ Какие навыки проверяют на собеседовании
⚙️ Как показать себя, даже если опыта мало

Что? Где? Когда?
📅 11 июня, 18:00
🏢 Офис Red Collar (г. Воронеж, ул. Текстильщиков 5Б, 3 подъезд, 3 этаж)
🎟 Регистрация

STUDENT CAMP — это:
🔴 Общение с практиками, а не преподавателями
🔴 Реальные кейсы, не лабораторки
🔴 Официальная летняя практика
🔴 Шанс попасть в команду Red Collar

Регистрация закрывается 11 июня в 12:00

Подписывайтесь 🔥 RDCLR.DEV

Как тестировать и не облажаться?

Лера Клецова, QA-инженер Red Collar, проведет вторую лекцию STUDENT CAMP и расскажет, как тестировать так, чтобы найти все баги.

Разберем:
– Что проверяет тестировщик, кроме кнопок
– Почему знание теории не спасет без наблюдательности
– Как не потеряться в баг-трекерах, логах и дедлайнах

Что? Где? Когда?
📅 19 июня, 19:00
🏢 Офис Red Collar (г. Воронеж, ул. Текстильщиков 5Б, 3 подъезд, 3 этаж)
🎟 Регистрация

STUDENT CAMP — это:
🔴 Общение с практиками, а не преподавателями
🔴 Реальные кейсы, не лабораторки
🔴 Официальная летняя практика
🔴 Шанс попасть в команду Red Collar

Регистрация закроется 19 июня в 12:00.

Успей, иначе придется тестировать себя на FOMO 🤠

Подписывайтесь 🔥 RDCLR.DEV

✨Звезды сказали✨, что сейчас удачное время для Frontend-стажировки в Red Collar, поторопитесь

🤩 Стажировка Frontend-разработчиков в Red Collar

Лето — самое время не только отдыхать, но и прокачивать скиллы. Приглашаем начинающих фронтенд-разработчиков на стажировку в Red Collar.

🗓 Прием заявок: с 30 июня по 13 июля
🚀 Старт стажировки: 28 июля

Что нужно, чтобы попасть на стажировку:
— Знание HTML, CSS, JavaScript
— Знакомство хотя бы с одним фреймворком (мы в основном работаем с React)
— Желание учиться и время, чтобы пройти стажировку

Как подать заявку:

🎥Подготовьте резюме

🎥Заполните и сверстайте сопроводительное письмо по нашему шаблону. В письме расскажите о себе, какой у вас путь в разработке и что ждете от стажировки. Не забудьте указать фамилию, имя и добавить фото!

🎥Выполните тестовое задание

🎥Все материалы отправляйте на почту career@redcollar.ru

Увидимся в Red Collar — будем вместе делать проекты для Яндекса, VK, МТС, МегаФона, Mail и других топовых компаний!

Подписывайтесь 🔥 Red Collar

Финал STUDENT CAMP не для слабых видеокарт

Миша Попов, лид креативной frontend-разработки Red Collar, проведет завершающую лекцию STUDENT CAMP и расскажет, как делать 3D в браузере, которое выглядит не как «ну, норм», а как диджитал-арт.

Разберем:
— Почему не стоит бояться WebGL и Three.js
— Как себя чувствует браузерная графика
— Когда дизайн нужно отстаивать

Что? Где? Когда?
📅 10 июля, 19:00
🏢 Офис Red Collar (г. Воронеж, ул. Текстильщиков 5Б, 3 подъезд, 3 этаж)
🎟 Регистрация

STUDENT CAMP — это:
🔴 Общение с практиками, а не преподавателями
🔴 Реальные кейсы, не лабораторки
🔴 Официальная летняя практика
🔴 Шанс попасть в команду Red Collar

Пусть это финал, но точно не конец 😉

Подписывайтесь 🔥 RDCLR.DEV

Тестирование PWA: это вам не просто сайт

Прогрессивные веб-приложения — это как бутерброд из обычного фронта и нативных фич. Именно из-за этого их нельзя тестировать по привычной схеме.

Вот где можно допустить ошибки, если не знать нюансов:

1️⃣ Service Worker может кешировать баги
Если один раз закешировалась нерабочая версия, пользователь будет видеть ее снова и снова. Даже если вы давно все поправили.
Решение: принудительно обновлять Service Worker, реализовывать уведомление об обновлении, следить за флагом waiting.

2️⃣ Офлайн — это не режим, а головная боль
Проверяйте:
— что загружается при отключении интернета
— подгружаются ли нужные ассеты
— корректно ли работает fallback-страница
— можно ли перейти между посещенными страницами
Иначе пользователи при первом же отлете Wi-Fi получат белый экран.

3️⃣ Установка на рабочий стол ≠ просто иконка
Установка PWA зависит от множества условий:
— отображение в display: standalone
— наличие иконок нужного размера
— наличие HTTPS
— сервис-воркер с правильным scope
Приложение может не предложить установку, если упущена одна деталь.

4️⃣ iOS тестировать особенно важно
Safari до сих пор не поддерживает все то, что есть на Android. Например:
— push-уведомления присутствуют, но работают иначе
— ограничения в офлайн-режиме
— нет Web App Install Banner
Выкатить фичу, протестировав только в Chrome, — плохая идея.

5️⃣ Lighthouse не панацея
Да, он покажет базовые метрики и подскажет, чего не хватает для «настоящего» PWA. Но даже с зеленой оценкой может не работать установка, кеширование или offline-режим. Поэтому обязательно делать все вручную.

Полный разбор всех граблей и чек-лист для QA-инженеров читайте на Хабре

Подписывайтесь 🔥 RDCLR.DEV

Next.js 15: серверные компоненты по умолчанию и что это значит для нас

В новой версии Next.js кардинально поменяли подход к рендерингу:

⚙️ Все компоненты теперь серверные по умолчанию → меньше JS на клиенте, быстрее первый рендер, лучше SEO.
⚙️ Для интерактивных элементов достаточно добавить "use client" — и компонент оживет в браузере.

Что это дает:
— Сильный буст производительности без ручной оптимизации.
— Меньше данных гоняем по сети, экономим трафик.
— Проще управлять маршрутизацией и макетами через App Router — логика и данные теперь ближе друг к другу.

Где быть аккуратным:
— Если бездумно ставить "use client", можно снова нарастить бандл до прежних размеров.
— Некоторые библиотеки для UI могут не дружить с серверным рендерингом — придется искать обходные пути.

Next.js 15 не просто «еще одно обновление», а реальный сдвиг в сторону производительности и чистой архитектуры. Если вы строите проект с упором на скорость и SEO — самое время попробовать.

🔗 Источник

Подписывайтесь 🔥 RDCLR.DEV

Tailwind vs «классическая» верстка: что выбрать?

Когда речь заходит о стилизации интерфейсов, команды чаще всего делятся на два лагеря:

1. Tailwind — утилитарный CSS-фреймворк.
2. Классическая верстка — собственные стили + SCSS/LESS/PostCSS.

⚙️ Tailwind

— быстрый старт — можно сразу собирать UI из готовых утилит;
— меньше контекста: все в JSX, не нужно прыгать между файлами;
— встроенный контроль консистентности (размеры, цвета, шрифты);
— результат кажется «грязным» из-за длинных классов;
— сложнее поддерживать крупные проекты, если нет строгих правил.

// Tailwind
<button className="px-4 py-2 bg-blue-500 text-white rounded-lg hover:bg-blue-600">
  Click me
</button>

⚙️ Классика

— разделение кода (JSX отдельно, стили отдельно);
— легко использовать готовые дизайн-системы;
— гибкость: можно писать кастомные решения без ограничений;
— больше рутины: нужно заводить файлы, писать переопределения;
— выше риск «зоопарка»: стилей без строгого код-ревью;

// JSX
<button className="button">Click me</button>

// styles.css
.button {
  padding: 8px 16px;
  background: #2563eb;
  color: white;
  border-radius: 8px;
}
.button:hover {
  background: #1d4ed8;
}

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

Подписывайтесь 🔥 RDCLR.DEV