Не всегда баги в логике — часто проблемы в визуале: съехавшие элементы, неверные отступы, несогласованные цвета, низкая читаемость. Эти инструменты помогут протестировать именно UI.
Браузер для фронтендеров, который позволяет одновременно тестировать адаптивность, доступность и дизайн на разных экранах.
Среда для разработки и изолированного тестирования UI-компонентов, что помогает находить визуальные баги ещё до интеграции.
Инструмент для визуального регрессионного тестирования, автоматически фиксирует и сравнивает изменения интерфейса между версиями.
Проверяет контрастность текста и фона на соответствие стандартам WCAG, чтобы интерфейс был читаем для всех пользователей.
Расширение для Chrome, позволяющее прямо в браузере изменять CSS, проверять позиционирование и оперативно тестировать UI.
#свежак
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥6❤2👍2
В вашем приложении есть список из 1000+ элементов, который подгружается на страницу сразу. Пользователь жалуется на низкую производительность и долгую загрузку страницы.
#междусобойчик
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥3🤔1
Frontend‑разработчик — от 100 000 ₽, гибрид (Санкт-Петербург)
Senior Frontend-разработчик (React) — от 270 000 до 320 000 ₽, удаленно (Санкт-Петербург)
Frontend developer Junior/Junior+ — удаленно (Москва)
Senior React Developer — от 220 000 до 300 000 ₽, удаленно (Москва)
Frontend Developer — от 4 500 до 5 500 €, удаленно (Кипр, помощь с переездом)
#свежак
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4❤2👍1
Частая проблема — пользователь меняет фильтр или вводит новый запрос, а старые
fetch
всё ещё летят на сервер.В итоге:
— Лишняя нагрузка на бэкенд
— Дублирующийся трафик
— Мешанина в результатах
AbortController
.
const c = new AbortController();
fetch('/search?q=cat', { signal: c.signal });
// отмена
c.abort();
Минимум кода, максимум пользы — особенно в поиске и live-фильтрах. Работает и в
axios
(v1.2+), и во всех современных браузерах.#буст
Please open Telegram to view this post
VIEW IN TELEGRAM
👍11❤3🔥1
В статье команда «М.Видео – Эльдорадо» делится опытом миграции с Vue 2 на Vue 3, перехода на Vite и TypeScript, а также оптимизацией зависимостей.
Все это позволило ускорить сборку и уменьшить вес проекта без приостановки разработки новых фич
Что вы узнаете:
Please open Telegram to view this post
VIEW IN TELEGRAM
❤6🥱3👍1
Свежий выпуск Syntax— Wes Bos и Scott Tolinski обсуждают горячие новости веб-разработки.
В выпуске:
Четко, свежо и с прогнозами на будущее фронтенда.
#буст
Please open Telegram to view this post
VIEW IN TELEGRAM
❤5👍2🔥2
🔥 Успей поднять квалификацию по выгодной цене!
Только до 17 августа у вас есть последняя возможность купить наши курсы по старым ценам.
🔹 Математика для Data Science:
— Базовый: (сейчас)
— Ультра:
— VIP:
🔹 Программирование на Python:
🔹 Алгоритмы и структуры данных:
🔹 Архитектуры и шаблоны проектирования:
🔹 AI-агенты для DS специалистов:
🔹 Основы IT для непрограммистов:
🔹 Базовые модели ML:
❗ Важно: Курсы из линейки Frontend Basic полностью снимаются с продажи. 17 августа — буквально последний день, когда их можно будет приобрести.
Успей купить до повышения — осталось 4 дня!
👉 Зафиксировать цену и начать учиться
Только до 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 дня!
👉 Зафиксировать цену и начать учиться
❤4🥱4
Please open Telegram to view this post
VIEW IN TELEGRAM
😁8👍1
Storybook — это среда для изолированной разработки и документирования UI-компонентов. Позволяет тестировать элементы интерфейса без запуска всего приложения, быстро проверять разные состояния кнопок, форм и модальных окон.
Что умеет:
Как начать:
1. Установка (автоматически определит фреймворк проекта):
npx storybook@latest init
2. Запуск локально:
npm run storybook
3. Открывайте компоненты, меняйте параметры и сразу смотрите результат в браузере
#буст
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5❤2👍1
Стандарт ECMAScript 2025 официально утвержден. Обновление не революционное, но добавляет много приятных фич:
map
, filter
, reduce
прямо для итераторов.#свежак
Please open Telegram to view this post
VIEW IN TELEGRAM
👍12❤3🤔2
Бывает, что локально и на тестовом стенде всё идеально, а вот в продакшене — баг, который воспроизводится у одного процента пользователей. И, конечно, ни логов, ни воспроизводимости.
Вопрос от подписчика:
«Недавно словили кейс: приложение периодически зависало у пользователей в Южной Америке. Логи — пустые, трейсей нет, на стендах всё стабильно. Подозрения на сеть и какой-то специфичный браузер. Но проверить напрямую — никак. Как вы в таких случаях находите причину и воспроизводите баги?»
P.S. Если хотите задать вопрос, заполните нашу гугл-форму. Это займет 5 минут.
#междусобойчик
Please open Telegram to view this post
VIEW IN TELEGRAM
❤3🤔1
🚀 Главная ошибка новичка в ML — строить звездолёт вместо велосипеда
Многие сразу хотят свою Midjourney, но в итоге получают только выгорание.
Успех начинается с «велосипеда»: научитесь предсказывать цены или классифицировать отзывы. Освойте базу, а уже потом стройте «звездолёты».
Наш курс «ML для старта в Data Science» — это и есть тот самый правильный старт от простого к сложному.
👉 Начните правильно
Берёте курс «ML для старта» до конца недели — Python в подарок.
❗А 21 августа пройдет бесплатный вебинар с Марией Жаровой: узнаете, какие проекты качают скилл, а какие качают ваши нервы.
А какой самый сложный проект вы брались делать в самом начале? 🫢
Многие сразу хотят свою Midjourney, но в итоге получают только выгорание.
Успех начинается с «велосипеда»: научитесь предсказывать цены или классифицировать отзывы. Освойте базу, а уже потом стройте «звездолёты».
Наш курс «ML для старта в Data Science» — это и есть тот самый правильный старт от простого к сложному.
👉 Начните правильно
Берёте курс «ML для старта» до конца недели — Python в подарок.
❗А 21 августа пройдет бесплатный вебинар с Марией Жаровой: узнаете, какие проекты качают скилл, а какие качают ваши нервы.
А какой самый сложный проект вы брались делать в самом начале? 🫢
❤3
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
🔥4⚡2👍1
🚀 🧑🏻💻 Пора пушнуть свою 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
📲 А за актуальными новостями по хакатону — ждём на нашем канале
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
📲 А за актуальными новостями по хакатону — ждём на нашем канале
🧠 Выбор первого ML-проекта: чеклист против выгорания
Классика плохих решений в ML — выбрать слишком сложный проект: неделя ковыряния в коде, десятки крашей и никакого результата. Хотите дойти до финиша — начните с простого проекта, который реально можно довести до конца.
Мини-чеклист первого проекта:
1. Понятные данные — без «я нашёл датасет в даркнете, но он на суахили».
2. Измеримая метрика — «точность 92%», а не «ну вроде работает».
3. Объяснимый результат — чтобы не-техлид понял, почему модель ругается на спам.
Наш курс «ML для старта в Data Science» — старт от простого к сложному: теория → практика → проверка → проект в портфолио.
👉 Начать свой путь в Data Science
Оплатите курс по ML до 17 августа — курс по Python в подарок.
📅 Бесплатный вебинар с Марией Жаровой — 21 августа: как выбирать проекты, которые доводят до оффера, а не до психотерапевта.
💾 Сохрани, чтобы не потерять, когда будешь готов(а) начать
Классика плохих решений в ML — выбрать слишком сложный проект: неделя ковыряния в коде, десятки крашей и никакого результата. Хотите дойти до финиша — начните с простого проекта, который реально можно довести до конца.
Мини-чеклист первого проекта:
1. Понятные данные — без «я нашёл датасет в даркнете, но он на суахили».
2. Измеримая метрика — «точность 92%», а не «ну вроде работает».
3. Объяснимый результат — чтобы не-техлид понял, почему модель ругается на спам.
Наш курс «ML для старта в Data Science» — старт от простого к сложному: теория → практика → проверка → проект в портфолио.
👉 Начать свой путь в Data Science
Оплатите курс по ML до 17 августа — курс по Python в подарок.
📅 Бесплатный вебинар с Марией Жаровой — 21 августа: как выбирать проекты, которые доводят до оффера, а не до психотерапевта.
💾 Сохрани, чтобы не потерять, когда будешь готов(а) начать
На рынке — новые тренды: компании экономят, вакансии становятся «гибридными», а зарплаты вроде растут, но ощущение, что денег больше, так и не появилось.
Что в статье:
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3🌚1