Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
22.3K subscribers
2.47K photos
157 videos
38 files
4.87K links
Все самое полезное для фронтенда в одном канале.

По рекламе: @proglib_adv

Учиться у нас: https://proglib.io/w/77178ed4

Для обратной связи: @proglibrary_feeedback_bot

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
Download Telegram
🚀 Главная ошибка новичка в ML — строить звездолёт вместо велосипеда

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

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

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

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

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

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

А какой самый сложный проект вы брались делать в самом начале? 🫢
6😁4👍2🔥2😍1
📌 useCallback: мемоизация функций в React

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

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

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


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


💡 Антипример:

Без useCallback дочерний React.iss.onemo-компонент будет рендериться каждый раз, потому что функция — новый объект.

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

#буст
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥7👍6🎉4🥰32
🚀 🧑🏻‍💻 Пора пушнуть свою 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

📲 А за актуальными новостями по хакатону — ждём на нашем канале
🔥6🎉54😍3🥰1
🧠 Выбор первого ML-проекта: чеклист против выгорания

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

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

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

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

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

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

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

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

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

💾 Сохрани, чтобы не потерять, когда будешь готов(а) начать
6😁6😍5🔥3👍2
🔥 IT-зарплаты 2025: почему рост оказался фантомным

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

Что в статье:

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

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

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

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

🐸 Библиотека фронтендера
Please open Telegram to view this post
VIEW IN TELEGRAM
😍9👍6🥰4👏3
💬 Фриланс vs найм: что лучше

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

➡️ Фриланс:

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

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

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

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

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

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

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

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

#междусобойчик
Please open Telegram to view this post
VIEW IN TELEGRAM
🎉8👍64🔥3👏2
😎 Вы просили — мы сделали. Самый долгожданный анонс этого лета!

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

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

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

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

👉 Занять место
11🥰6🎉5🥱4👍1
🥰 Ресурсы для подготовки к собеседованию

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

➡️ Front End Interview Handbook

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

➡️ JavaScript.info

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

➡️ Tech Interview Handbook

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

➡️ freeCodeCamp

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

➡️ CoderPad — Frontend Questions

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

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

#свежак
Please open Telegram to view this post
VIEW IN TELEGRAM
6👍4
🤦‍♀️ Проблемы с порядком после drag & drop

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

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

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

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

#междусобойчик
Please open Telegram to view this post
VIEW IN TELEGRAM
3🌚1
This media is not supported in your browser
VIEW IN TELEGRAM
Верстаешь?

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

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

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

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

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

🔥 С нас обучение, практика и помощь с выходом на фриланс или собеседованием.
3
😎 Топ-вакансий для фронтендеров за неделю

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

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

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

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

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

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

#свежак
Please open Telegram to view this post
VIEW IN TELEGRAM
3
🫣 Хотите в Data Science, но боитесь высшей математики?

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

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

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

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

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

👉 Начните строить свою карьеру уже сегодня
5
⚙️ Инструмент недели: 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' }
]
}


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

#буст
Please open Telegram to view this post
VIEW IN TELEGRAM
😁6
💰 Зарплата в IT: как не продешевить

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

В карточках:

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

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

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

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

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

🐸 Библиотека фронтендера
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
😁3
📌 Оптимизация фронтенда по живым метрикам

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


Что дает:

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

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

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

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

#буст
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5🥱2🔥1