Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

23 August 2025 20:03

📌 Шпаргалка по Performance API и DevTools

Когда проект начинает «тормозить», в ход идут инструменты для поиска узких мест.

DevTools → Memory

1. Делайте Heap snapshot, чтобы находить утечки.

2. Смотрите на Retained size, чтобы увидеть, какие объекты удерживают память.

3. Проверяйте, не остались ли «висящие» DOM-ноды или слушатели после удаления элементов.

Всё про замеры времени и оптимизацию рендера — на картинке ⤴️

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

#буст

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

23 August 2025 11:04

😂😂

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

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

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

22 August 2025 09:03

🛠 Фишка инструмента: Bundle Buddy

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

Что дает:

➖ Находит повторяющиеся строки кода между чанками

➖ Работает через source-map (нужно включить исходники)

➖ Для Webpack есть плагин bundle-buddy-webpack-plugin

➖ В интерфейсе видно, какой код встречается в нескольких бандлах

Пример запуска:

npx bundle-buddy ./build/*.js.map

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

21 August 2025 09:04

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

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

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

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

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

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

20 August 2025 09:03

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

Этот промпт превращает 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

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

19 August 2025 09:04

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

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

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

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

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

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

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

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

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

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

npm install -g @sanity/cli

sanity init

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

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

18 August 2025 20:05

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

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

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

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

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

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

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

#свежак

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

18 August 2025 09:00

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

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

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

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

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

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

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

16 August 2025 17:00

😎 Вы просили — мы сделали. Самый долгожданный анонс этого лета!

Мы открываем набор на второй поток курса «AI-агенты для DS-специалистов»!

На курсе мы учим главному навыку 2025 года: не просто «болтать» с LLM, а строить из них рабочие системы с помощью Ollama, RAG, LangChain и crew.ai.

📆 Старт потока — 15 сентября.

💸 Цена 49 000 ₽ действует только в эти выходные — до 17 августа. С понедельника будет дороже.

👉 Занять место

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

16 August 2025 11:03

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

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

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

15 August 2025 17:03

🧠 Выбор первого ML-проекта: чеклист против выгорания

Классика плохих решений в ML — выбрать слишком сложный проект: неделя ковыряния в коде, десятки крашей и никакого результата. Хотите дойти до финиша — начните с простого проекта, который реально можно довести до конца.

Мини-чеклист первого проекта:

1. Понятные данные — без «я нашёл датасет в даркнете, но он на суахили».

2. Измеримая метрика — «точность 92%», а не «ну вроде работает».

3. Объяснимый результат — чтобы не-техлид понял, почему модель ругается на спам.

Наш курс «ML для старта в Data Science» — старт от простого к сложному: теория → практика → проверка → проект в портфолио.

👉 Начать свой путь в Data Science

Оплатите курс по ML до 17 августа — курс по Python в подарок.

📅 Бесплатный вебинар с Марией Жаровой — 21 августа: как выбирать проекты, которые доводят до оффера, а не до психотерапевта.

💾 Сохрани, чтобы не потерять, когда будешь готов(а) начать

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

15 August 2025 09:03

📌 useCallback: мемоизация функций в React

useCallback(fn, deps) сохраняет одну и ту же ссылку на функцию между рендерами, пока не изменились зависимости.

Почему важно:

В React функции создаются заново при каждом рендере. Если их передавать в React.memo-компоненты или использовать в useEffect зависимостями — это вызовет лишние рендеры/эффекты.

const handleClick = useCallback(() => {
  doSomething();
}, []);

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

14 August 2025 20:01

😶 Редкие баги из продакшена

Бывает, что локально и на тестовом стенде всё идеально, а вот в продакшене — баг, который воспроизводится у одного процента пользователей. И, конечно, ни логов, ни воспроизводимости.

Вопрос от подписчика:

«Недавно словили кейс: приложение периодически зависало у пользователей в Южной Америке. Логи — пустые, трейсей нет, на стендах всё стабильно. Подозрения на сеть и какой-то специфичный браузер. Но проверить напрямую — никак. Как вы в таких случаях находите причину и воспроизводите баги?»

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

14 August 2025 09:01

📌 Инструмент недели: Storybook

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

Что умеет:

➖ Запускать компоненты отдельно от основного проекта

➖ Тестировать различные состояния и вариации интерфейсов

➖ Создавать интерактивную документацию для команды

➖ Работать с React, Vue, Angular, Svelte и другими фреймворками

➖ Интегрироваться с тестовыми и CI/CD инструментами

Как начать:

1. Установка (автоматически определит фреймворк проекта):

npx storybook@latest init

npm run storybook

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

13 August 2025 17:00

🔥 Успей поднять квалификацию по выгодной цене!

Только до 17 августа у вас есть последняя возможность купить наши курсы по старым ценам.

🔹 Математика для Data Science:

— Базовый: (сейчас) 26 399₽ → (будет) 33 900₽
— Ультра: 35 199₽ → 44 900₽
— VIP: 59 829₽ → 75 900₽ (выгода больше 16 000₽!)

🔹 Программирование на Python: 24 990₽ → 32 900₽
🔹 Алгоритмы и структуры данных: 31 669₽ → 39 900₽
🔹 Архитектуры и шаблоны проектирования: 24 890₽ → 32 900₽
🔹 AI-агенты для DS специалистов: 54 000₽ → 59 000₽
🔹 Основы IT для непрограммистов: 14 994₽ → 19 900₽
🔹 Базовые модели ML: 6 990₽ → 9 900₽

❗ Важно: Курсы из линейки Frontend Basic полностью снимаются с продажи. 17 августа — буквально последний день, когда их можно будет приобрести.

Успей купить до повышения — осталось 4 дня!

👉 Зафиксировать цену и начать учиться

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

23 August 2025 17:00

Отдыхаешь?

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

22 August 2025 20:04

🧑‍💻 Современный Node.js для фронтенда

Node.js стал платформой с веб-стандартами, встроенным тестированием и современными асинхронными паттернами.

В карточках разберем ключевые подходы:

— Модули
— Top-level await
— Встроенные веб-API
— Потоки
— Worker Threads

🔗 Читать полный текст статьи

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

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

21 August 2025 14:37

📅 Сегодня в 19:00 МСК — бесплатный вебинар с Марией Жаровой.

Тема: «Введение в ML: как спрогнозировать стоимость недвижимости».

🔹 Разберём задачу прогноза стоимости недвижимости.
🔹 Покажем пошагово, как собрать первую модель.
🔹 Получите готовые скрипты для старта.

Не зайдёшь — будешь ещё год делать вид, что понимаешь графики в чужих презентациях.

👉 Регистрируйтесь

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

20 August 2025 20:03

😱

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

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

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

19 August 2025 20:01

💰 Зарплата в IT: как не продешевить

Рынок меняется, а вместе с ним и ценность специалистов. Поэтому важно регулярно проверять, сколько вы действительно стоите как разработчик.

В карточках:

➡️ Какие факторы влияют на уровень дохода

➡️ Надежные способы оценки своей стоимости

➡️ Как действовать, если оффер ниже рынка

Коротко, по делу и с опорой на реальные источники 🔜

🔗 Полный текст статьи — по ссылке

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

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

18 August 2025 21:00

🫣 Хотите в Data Science, но боитесь высшей математики?

Хорошая новость: вам не нужно становиться математиком. Вам нужно освоить конкретные разделы, которые реально используются в работе и на собеседованиях.

Именно этому учат преподаватели ВМК МГУ на нашем курсе «Математика для Data Science».

Без лишней воды — только то, что нужно для:

✅ успешного поступления в ШАД Яндекса;
✅ прохождения собеседований уровня FAANG;
✅ глубокого понимания ML-алгоритмов.

Это самый прямой путь к математическому фундаменту, на котором строится вся карьера в Data Science.

👉 Начните строить свою карьеру уже сегодня

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

18 August 2025 09:30

Верстаешь?

Оцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке:

1. Ты сверстаешь веб-сайт на HTML + CSS;
2. Оживишь страницу с помощью JavaScript;
3. Используешь фронтенд-фреймворк Angular;
4. Подключишь Backend и загрузишь сайт на хостинг;
5. Получишь советы по доработке от эксперта;
6. Научишься использовать ChatGPT и Giga во Frontend-разработке;
7. Узнаешь 9 способов найти первый заказ даже без опыта.

А главное, ты проведёшь 7 дней в приятной компании Fullstack-разработчика с 12-летним стажем – Романа Чернова.

👉 Проскочить на интенсив бесплатно

Начинаем уже завтра.

🔥 С нас обучение, практика и помощь с выходом на фриланс или собеседованием.

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

17 August 2025 15:01

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

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

➡️ Front End Interview Handbook

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

➡️ JavaScript.info

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

➡️ Tech Interview Handbook

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

➡️ freeCodeCamp

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

➡️ CoderPad — Frontend Questions

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

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

#свежак

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

16 August 2025 15:01

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

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

➡️ Фриланс:

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

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

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

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

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

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

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

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

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

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

15 August 2025 20:03

🔥 IT-зарплаты 2025: почему рост оказался фантомным

На рынке — новые тренды: компании экономят, вакансии становятся «гибридными», а зарплаты вроде растут, но ощущение, что денег больше, так и не появилось.

Что в статье:

➡️ Почему рост зарплат — иллюзия

➡️ Как изменились требования к IT-специалистам

➡️ Тренд на гибридные вакансии и экономию компаний

🔗 Читать подробнее

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

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

15 August 2025 16:59

🚀 🧑🏻‍💻 Пора пушнуть свою IT-карьеру: стартовала регистрация на самый крупный онлайн-хакатон для спецов со всей России и мира!

40 млн призового фонда уже ждут:
⚡️1 место — 1 млн рублей
⚡️2 место — 600 тысяч рублей
⚡️3 место — 400 тысяч рублей

💼 Разрабатывайте решения для топовых компаний и столичных сервисов

Среди задач:
👉🏻 Система автопилота городского робота уборщика
👉🏻 ИИ-модель для автоматизации приёма и выдачи инструментов
👉🏻 Сервис для выявления компьютерных томографий органов грудной клетки без патологий
👉🏻 Система рекомендаций по оптимизации производительности Data Lakehouse
и еще много других

Среди постановщиков задач Правительство Москвы и ведущие компании: Газпромбанк.Тех, VK Tech, Kaspersky, АФЛТ-Системс (Группа «Аэрофлот»), Союзмультфильм, Avito, Итэлма.

📅Регистрация открыта до 18 сентября!

👥Принять участие могут IT-специалисты из России и зарубежа от 18 лет.

Регистрация и подробности — по ссылке ➡️ https://i.moscow/lct?utm_source=sp&utm_medium=social&utm_campaign=frontendproglib/?erid=2VtzqwRkizm

📲 А за актуальными новостями по хакатону — ждём на нашем канале

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

14 August 2025 21:00

🚀 Главная ошибка новичка в ML — строить звездолёт вместо велосипеда

Многие сразу хотят свою Midjourney, но в итоге получают только выгорание.

Успех начинается с «велосипеда»: научитесь предсказывать цены или классифицировать отзывы. Освойте базу, а уже потом стройте «звездолёты».

Наш курс «ML для старта в Data Science» — это и есть тот самый правильный старт от простого к сложному.

👉 Начните правильно

Берёте курс «ML для старта» до конца недели — Python в подарок.

❗А 21 августа пройдет бесплатный вебинар с Марией Жаровой: узнаете, какие проекты качают скилл, а какие качают ваши нервы.

А какой самый сложный проект вы брались делать в самом начале? 🫢

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

14 August 2025 13:02

📱 JavaScript получает апдейт: что нового в ECMAScript 2025

Стандарт ECMAScript 2025 официально утвержден. Обновление не революционное, но добавляет много приятных фич:

➖ Iterator Helpers — map, filter, reduce прямо для итераторов.

➖ Set методы — пересечение, объединение, разность, симметрическая разность.

➖ Import Attributes — безопасный импорт JSON, CSS и др.

➖ Regex апгрейд — переиспользуемые группы, экранирование, inline-флаги.

➖ Promise.try — единый вызов sync/async функций.

➖ Float16 — для WebGPU, ML и графики.

📌 Удобнее коллекции, регулярки и модули → чище код, меньше костылей.

🔗 Источник

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

#свежак

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

13 August 2025 20:25

😱😱

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

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

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

13 August 2025 09:00

👍 AI-браузеры, 100X скорость билда и апдейт Svelte

Свежий выпуск Syntax— Wes Bos и Scott Tolinski обсуждают горячие новости веб-разработки.

В выпуске:

➖ Node 22.18 теперь поддерживает TypeScript без компилятора

➖ Vite обогнал Webpack и получил движок Rolldown

➖ Новый Async и Remote API в Svelte

➖ AI-браузер Perplexity Comet и форк VS Code с ИИ от Amazon

Четко, свежо и с прогнозами на будущее фронтенда.

🔗 Слушать подкаст

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

#буст