🐸 Библиотека фронтендера

#развлекалово

💬 Фриланс vs найм: что лучше

Выбирать между фрилансом и офисной работой — как решать, что важнее: свобода или безопасность. Оба пути учат, развивают и приносят деньги… но по-разному.

➡️ Фриланс:

— Гибкий график, проекты на вкус
— Быстро прокачиваешь навыки
— Доход выше при умелом подходе
— Каждый день новые вызовы

📎 Нет соцпакета, нестабильный доход, всё на вас

➡️ Корпоратив:

— Стабильная зарплата и соцпакет
— Менторство и карьерный рост
— Процессы уже налажены
— Работа в команде

📎 Менее гибко, проекты выбираете компания, бюрократия

Фриланс и офис не конкурируют, а показывают разные пути развития. Главное — понять, что важнее именно вам.

А вы что выбрали бы: свободу фриланса или стабильность в найме ❓

🐸 Библиотека фронтендера

#междусобойчик

🥰 Ресурсы для подготовки к собеседованию

В 2025-м конкуренция за фронтенд-вакансии выросла, но подготовиться можно без платных курсов — достаточно выбрать правильные источники.

➡️ Front End Interview Handbook

Обновлённый гайд с вопросами по HTML, CSS, JavaScript, алгоритмам и системному дизайну.

➡️ JavaScript.info

Полный справочник по JavaScript с примерами и упражнениями.

➡️ Tech Interview Handbook

Алгоритмы, системный дизайн, резюме и советы по прохождению интервью.

➡️ freeCodeCamp

Бесплатные курсы с проектами и сертификатами: от HTML/CSS до фронтенд-библиотек.

➡️ CoderPad — Frontend Questions

Примеры практических задач для интервью (junior → mid).

🐸 Библиотека фронтендера

#свежак

🤦‍♀️ Проблемы с порядком после drag & drop

Вы реализуете drag & drop для задач с сохранением порядка через поле order (например, 1, 2, 3…).

После нескольких быстрых перестановок (10+), список отображается неправильно — некоторые задачи «прыгают» на старые позиции при обновлении.

❓ Что с наибольшей вероятностью вызывает эту проблему?

🐸 Библиотека фронтендера

#междусобойчик

😎 Топ-вакансий для фронтендеров за неделю

Frontend разработчик — 200 000 - 300 000 ₽, удаленно (Санкт-Петербург)

Программист JavaScript Junior — от 130 000 ₽, гибрид (Москва)

Frontend Developer — гибрид (Москва)

Junior Frontend разработчик (Vue 3 / Nuxt) — от 120 000 ₽, удаленно (Санкт-Петербург)

➡️ Еще больше топовых вакансий — в нашем канале Javascript jobs

🐸 Библиотека фронтендера

#свежак

⚙️ Инструмент недели: Sanity

Sanity — это headless CMS, где весь контент хранится в виде структурированных данных и доступен через API.

Почему это удобно:

➖ Структура данных описывается на JavaScript/TypeScript, можно сделать любую модель: от блога до интернет-магазина.

➖ Контент обновляется через WebSocket-подписки, идеально для превью и совместной работы.

➖ Доступ к данным через GROQ или GraphQL, выбираешь только нужные поля.

➖ Автоматическая оптимизация, изменение размеров и кроп без дополнительных сервисов.

Как попробовать:

1. Зарегистрируйтесь на sanity.io

2. Установите CLI:

npm install -g @sanity/cli

3. Создайте проект:

sanity init

4. Опишите схему:

export default {
  name: 'post',
  type: 'document',
  fields: [
    { name: 'title', type: 'string' },
    { name: 'publishedAt', type: 'datetime' },
    { name: 'body', type: 'text' }
  ]
}

🐸 Библиотека фронтендера

#буст

📌 Оптимизация фронтенда по живым метрикам

Этот промпт превращает LLM в перфоманс-инженера, который по реальному коду или логам профайлера найдёт узкие места и предложит рабочие оптимизации.

Промпт:

<Role>
You are a frontend performance auditor with expertise in React, Vue, and modern JavaScript optimization. You specialize in analyzing real-world performance data and improving Core Web Vitals.
</Role>

<Instructions>
1. Review the provided source code, performance logs, or profiling data.
2. Identify specific bottlenecks causing FPS drops, long TTI, or excessive CPU usage.
3. Suggest precise optimizations with concrete code changes.
4. Explain the reasoning and expected performance gain for each fix.
5. Include alternative solutions if applicable.
6. Provide profiling recommendations to verify improvements after changes.
7. Output in a table: Issue | Impact | Proposed Fix | Expected Gain | Verification Steps

Что дает:

➡️ Выявляет узкие места в рендеринге и загрузке

➡️ Дает готовые примеры оптимизаций в коде

➡️ Помогает подтвердить улучшения через профилирование

🐸 Библиотека фронтендера

#буст

😱

🐸 Библиотека фронтендера

#развлекалово

📌 Как получить данные до загрузки JS

Хотите ускорить первый рендер или мгновенные переходы по сайту? Подгружайте важные ресурсы заранее.

Для текущей страницы:

<link rel="preload" href="/styles.css" as="style" onload="this.rel='stylesheet'">

Для будущих переходов:

<link rel="prefetch" href="/next-page-data.json" as="fetch">

➡️ preload — грузит ресурс сразу. Указываем as, чтобы браузер правильно приоритизировал загрузку.

➡️ prefetch — грузит «на будущее» с низким приоритетом, полезно для данных следующей страницы.

Для шрифтов добавляйте crossorigin, если они с другого домена.

🐸 Библиотека фронтендера

#буст