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

#почитать

Расширения для браузеров создаются с использованием веб-технологий: 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 минут

Web Workers и React: как разгрузить UI и ускорить приложение

#почитать

Если вы хоть раз пробовали обрабатывать большой файл, парсить массив из сотен тысяч элементов или запускать сложные вычисления прямо в React-компоненте, то наверняка сталкивались с тем, что интерфейс подвисает, кнопки перестают реагировать, анимации застывают, и всё на секунду подвисает, пока скрипт не разлучит нас (ой, это не из этой сказки) завершит свою работу.

Почему так происходит? Всё дело в том, что React, как и JS, в браузере работает на одном основном потоке. Точнее, чтобы меня не закидали помидорами, React — это библиотека JS, и она полностью работает в основном потоке браузера, который однопоточен. Когда вы запускаете тяжёлую синхронную задачу, она полностью занимает этот поток и блокирует его, мешая браузеру рендерить интерфейс и обрабатывать события пользователя.

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