Отладка JavaScript в Chrome DevTools для начинающих фронтендеров

#почитать

Мне не понаслышке известно, насколько ресурсозатраным (в плане времени и сил) может быть поиск и исправление ошибок в JS. Новичкам этот процесс может показаться неподъёмным камнем, но только до знакомства с отладкой в инструментах разработчика, встроенных в браузер. О ней я и расскажу, причём затрону не console.log, а куда более эффективную альтернативу.

⏱Читать статью

Борьба с перерендерами в React

#почитать

Функциональный компонент — это обычная JavaScript-функция, и часто при обсуждении, когда говорят «компонент рендерится», имеют в виду само выполнение этой функции.
При создании компонента, когда функция выполняется впервые, говорят, что компонент «рендерится». А когда в компоненте что-то изменилось, то говорят, что компонент «перерендеривается».
С изначальным рендерингом все хорошо, это необходимый шаг, чтобы компонент создался. Но вот перерендеры могут быть лишними, и с ними можно (а иногда нужно) бороться.

⏱Читать статью

Уехал на Чукотку, чтобы попасть во фронтенд

#почитать

Ниже моя честная история пути в айти, в которой была работа при морозе -40, 11 месяцев фокуса только на обучении и марафон на выбывание, где участвовали около 1400 человек. Звучит пугающе?

⏱Читать статью

Пишем простое расширение для браузера

#почитать

Расширения для браузеров создаются с использованием веб-технологий: HTML, CSS и JavaScript/TypeScript. Можно также применять библиотеки, такие как React или jQuery, а также фреймворки, например Vue. Однако можно обойтись и чистым JavaScript (Vanilla JS).

⏱Читать статью

Снимаем оковы Webpack: как мы ускорили сборку проекта в 10 раз, потратив меньше рабочего дня

#почитать

Современная фронтенд-разработка технологически весьма сложная: множество зависимостей, микросервисы, размеры самих проектов, плагины для настройки окружения и многое другое.
Это касается и одного из самых ключевых этапов в разработке - сборка проекта. Множество проектов, на которых я работал, собирались (и собираются) с помощью Webpack. Это классический и проверенный временем инструмент: со своими преимуществами и недостатками.

⏱Читать статью

Учимся Flask: как написать своё веб-приложение

#почитать

Сегодня мы разберём Flask — лёгкий, но мощный фреймворк для Python, который позволит буквально за пару часов написать веб‑приложение с формами, обработкой данных и HTML‑шаблонами.

⏱Читать статью

Мои вопросы о CSS с ответами

#почитать

При составлении вопросов я хотел проверить понимание базовых моментов, которые есть в вёрстке любого проекта. Ещё будут вопросы на знание более редких аспектов и «новинок» в CSS. В общем я хочу вас завалить, чтобы казаться супер умным! (здесь ирония).

⏱Читать статью

▫️ Кризис в OpenSource | React или Angular | Кому нужен Typenoscript

#посмотреть

The Silent Open Source Crisis: When Maintainers Walk Away

⏱Смотреть на YouTube ⏱️2 часа

▫️Docker. Полный курс

#посмотреть

Docker - это платформа для разработки, доставки и запуска контейнерных приложений. Другими словами, вы можете “упаковать” созданное вами приложение в образ. Любой кто скачает данный образ сможет запустить на его основании контейнер, который является изолированной средой, со всеми настройками необходимыми для работы вашего приложения. И запустить это приложение, точно так же, как если бы оно было запущено на вашем компьютере. В течение курса мы разберёмся в основных понятиях, научимся создавать собственные образы и запускать контейнеры, а так же управлять ими, научимся конфигурировать docker-compose и контейнерезировать различные приложения. В заключении, созданный нами образ мы загрузим на Docker Hub.

⏱Смотреть на YouTube ⏱️1 час 40 минут

▫️О карьере, балансе и осознанном счастье

#посмотреть

Что общего у успешной карьеры в IT, подкастов, организации масштабных конференций и мечты о доме у океана? Андрей Смирнов, "золотой голос фронтенда", знает ответы.

⏱Смотреть на YouTube ⏱️1 час 30 минут

Основные принципы создания иконок

#почитать

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

⏱Читать статью

Друзья! Сегодня мы рекомендуем супер-полезные каналы с еженедельными дайджестами полезных материалов по тестированию и проджект-менеджменту

Подпишитесь и будьте в курсе последних новостей и видео в индустрии. Всего 1-2 поста в неделю и у вас есть все, что вышло за неделю.

🟡QA Live 🚩 тестирование ПО

🟡PM Live 🚩 проджект и продакт менеджмент

▫️Современный Vim для фронтенда

#посмотреть

Vim можно назвать самым популярным из непопулярных редакторов. Но большинство современных разработчиков даже не знают о всех его современных возможностях, кажется, что это что-то древнее и не актуальное. Вместе посмотрим на то, как можно использовать Vim для фронтенда, вполне сравнимо с самыми популярными редакторами.

⏱Смотреть на YouTube ⏱️1 час 30 минут

Как выжить в мире сложных интерфейсов в 2025-м: 7 работающих рецептов от React и CSS до дизайн-систем

#почитать

Как говорил дядя Бен, большие продукты — это и большая ответственность. И без сложных интерфейсов тут никуда. А с ними и исследования становятся труднее, и встречается больше препятствий на этапе кода — от нюансов реактивного программирования до риска утонуть в разнообразии CSS-спецификаций.

⏱Читать статью

Пятница. Как выглядел интернет нулевых и почему мы по нему скучаем

#почитать

Эта эпоха «ручного» веба дарила полную свободу: ты писал и сразу видел результат, без слоев абстракций и лишних зависимостей. Эти принципы сегодня вдохновляют возрождение DIY‑блогов, легковесных фреймворков и приватных чатов

⏱Читать статью

Философия и Практика Dependency Injection в Angular

#почитать

Dependency Injection (DI) один из столпов, на которых держится фреймворк Angular. Каждый разработчик, так или иначе, сталкивается с ним с первого дня: запрашивает сервисы в конструкторе, добавляет providedIn: 'root' и видит, как «магия» работает. Но именно в этом и кроется ловушка.

Для многих DI так и остается на уровне «магии» удобного механизма, который просто работает. Однако поверхностное понимание этого мощнейшего инструмента неизбежно приводит к архитектурным компромиссам: неочевидным утечкам памяти, сложностям в тестировании, созданию неявных связей между компонентами и, в конечном счете, к коду, который трудно поддерживать и масштабировать.

⏱Читать статью

▫️Как ускоряли загрузку мобильной версии ВКонтакте стримингом

#посмотреть

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

⏱Смотреть на YouTube ⏱️40 минут