| Date | Title | Description |
| 18.06.2026 | 4 антипаттерна CI‑автоматизации, из‑за которых команда делает работу за ботов | Или как мы построили машины, которые говорят людям делать работу, которую должны делать машины.
Нам нужно поговорить о неудобной истине, которая у всех инженерных команд лежит на самом виду. Мы годами строили сложные CI/CD‑пайплайны, ботов ... |
| 04.03.2026 | 10 900 тестов: Как мы обеспечиваем качество в PingZen, или Почему ваш мониторинг должен быть протестирован | Мониторинг мониторинга - звучит как масло масляное, но именно этим мы постоянно занимаемся в PingZen. Ведь наш сервис должен быть надёжнее, чем объекты, которые он отслеживает. Если PingZen упадёт, кто сообщит о падении вашего сайта?
Сегодн... |
| 23.02.2026 | Организация импортов в React + TypeScript: настройка ESLint для порядка и чистоты кода | Стек: React, TypeScript, ESLint 9, IDE: VS Code.
Сразу к делу: конфиг и результат его применения Зачем организовывать импорты
Импорты в приложении – самодокументируемая шапка файла. Взглянув на неё, можно быстро сделать вывод о содержимом: ... |
| 22.02.2026 | Как мы улучшили время загрузки React Native приложения в 10 раз | Эта статья - перевод поста в блоге Alex, Baton Corporation Team Lead, вышедшего 20 февраля 2026 г.
Я публикую этот перевод, потому что сам много экспериментировал с переносом на этап сборки применение Tailwind стилей, убрав их из runtime. Х... |
| 17.02.2026 | Мы сократили деплой кнопок с двух дней до одного часа, или как Nx облегчил жизнь фронтендеров Рунити | Привет, Хабр! На связи Никита Ли, frontend-разработчик в Рунити.
За последние годы мы в Рунити пришли к довольно привычной для крупных frontend-команд ситуации: проектов становилось больше, кодовая база разрасталась, а количество переисполь... |
| 27.01.2026 | Как доказать компетентность? Или есть ли у меня план? | Семь лет в Angular. Позиция lead frontend-разработчика на проекте. Архитектура, оптимизация, legacy-код и Node.js для серверной логики. И при этом — «Гдэ ваши доказатэльства?». Знакомая ситуация? Я прошёл через это и понял, где кроется фунд... |
| 21.12.2025 | Внедрение архитектуры: от хаоса к порядку | Всем привет! Меня зовут Анатолий, я представляю команду Front-End разработки компании DD Planet.
В этой статье расскажу о том, как наш проект завершил этап разработки и трансформировался в стабильный рабочий продукт.Рождение
Проект стартова... |
| 03.02.2025 | На заметку разработчикам: 5 сервисов для проверки качества кода | Всем привет! Это Леша Жиряков, техлид backend-команды витрины онлайн-кинотеатра KION. В прошлый раз я писал про FastAPI vs Litestar, а сегодня поделюсь инструментами для проверки качества кода. Сами знаете — даже опытный разработчик не заст... |
| 24.01.2025 | The Essential Guide to JavaScript Mastery: Foundations for Every Developer | JavaScript is the lifeblood of the web. It powers interactivity, enhances user experience, and drives modern applications. But to harness its full potential, developers must grasp foundational concepts. This guide distills the essence of Ja... |
| 24.01.2025 | The Power of Less: How Streamlining Product Offerings Can Double Sales | In the bustling world of e-commerce, sellers often believe that a vast array of products guarantees success. The more options, the better, right? Wrong. This notion is akin to a crowded buffet where diners struggle to choose. Too many choic... |
| 23.01.2025 | Академический минимум js-разработчика: базовые концепции | Приветствую всех! Меня зовут Рома, я разработчик в компании АйТи-Баланс. Хочу поделиться с вами своими знаниями и помочь разобраться в базовых концепциях, которые необходимы каждому новичку в мире JavaScript.
Идея этой статьи возникла из по... |
| 22.01.2025 | Как улучшить безопасность JavaScript-кода: лучшие практики и советы | Цель статьи — показать разработчикам, как защитить их JavaScript-код от распространённых уязвимостей и атак. Статья будет охватывать методы защиты, лучшие практики и конкретные инструменты для обеспечения безопасности. Введение
JavaScript я... |
| 15.12.2024 | Бесплатное обучение фулстек-разработке веб-сервиса с нуля по видео-урокам с исходным кодом и поддержкой | TLDR. Я примерно год создавал курс из 141 урока. Курс получился хороший, все кто проходят рады и пишут положительные отзывы. Я пытался его продавать, в лучшем случае у меня получалось отбивать рекламу в ноль. Короче, я хороший разработчик, ... |
| 08.12.2024 | Как писать чистый код — советы для разработчиков с примерами | Представьте комнату, где повсюду разбросана одежда, книги и другие вещи. Найти что-то в такой комнате было бы сложно, не так ли?
Теперь представьте, что вы пишете беспорядочный код – это не менее запутанно, если не хуже!
С другой стороны, ч... |
| 27.11.2024 | The Art of Refactoring: Navigating the Thin Line Between Improvement and Chaos | Refactoring is a double-edged sword. It can breathe new life into old code, or it can plunge a project into chaos. The difference lies in the execution. In the fast-paced world of software development, understanding the nuances of good and ... |
| 26.11.2024 | Хороший рефакторинг vs плохой рефакторинг | За последние годы я нанял многих разработчиков. И не раз случалось, что новички сразу заявляли, что наш код требует серьёзного рефакторинга. Но вот в чём дело: во многих случаях их «улучшенный» код оказывался сложнее для понимания и сопрово... |
| 25.11.2024 | Принцип тестирования «Скопление дефектов» (Defect Clustering): Где прячутся баги? | В разработке ПО мы часто сталкиваемся с ситуацией, когда большая часть дефектов концентрируется в относительно небольшом количестве модулей. Это явление называется скоплением дефектов (Defect Clustering). Принцип Парето (80/20) здесь прекра... |
| 08.11.2024 | Feature-Sliced Design (FSD): Основы и практические примеры архитектуры | Когда я только начинал свою карьеру фронтенд-разработчика, часто сталкивался с проблемами поддержки кода в проектах. Со временем я понял, что структура кода имеет решающее значение. Так я узнал о Feature-Sliced Design. Этот подход помогает ... |
| 25.10.2024 | Почему я скептично отношусь к переписыванию JS-инструментов на «быстрых» языках | Я написал много JS-кода, и мне нравится JavaScript. Самое же главное, я выработал необходимые навыки для понимания, оптимизации и отладки этого кода, от которых не хочу отказываться.
Поэтому у меня вполне естественно возникает беспокойство ... |
| 23.10.2024 | Bridging the Gap: React Server Components in Electron with Next.js | In the world of web development, innovation is the lifeblood. React Server Components (RSC) have emerged as a game-changer, simplifying the way developers build applications. Imagine having server-side APIs seamlessly integrated into your w... |
| 22.10.2024 | Next.js v15 — Работа над Ошибками | Привет! Это ставшая уже регулярной рубрика о релизах next.js (читайте релизы по v11, v12, v13, v14). Каждый релиз - набор нового, интересного и спорного. Новая версия не станет исключением. Но всё же новая версия интересна не столько новым ... |
| 18.09.2024 | Navigating the Tightrope of Software Releases: A Guide to Backward Compatibility | In the world of software development, releasing updates is akin to walking a tightrope. One misstep can lead to a plunge into chaos. Developers face the dual challenge of introducing exciting new features while ensuring that existing functi... |
| 17.09.2024 | Добавляем lint-staged в NestJS и Angular приложения, включаем семантическое версионирование фронтенда | Предыдущая статья: Семантическое версионирование NestJS и Angular приложений в NX-монорепозитории
Так как версионирование через плагин nx-semantic-release происходит путем анализа изменений по связанным Typescript-импортам, то нам нужно мин... |
| 10.09.2024 | TypeScript 5.6: A Leap Forward in Type Safety and Iteration | On September 9, 2024, Microsoft unveiled TypeScript 5.6, a significant update to its popular programming language that builds on JavaScript. This release introduces new syntactic checks, iterator helper methods, and stricter type checks, en... |
| 10.09.2024 | Вышел TypeScript 5.6 | Эта статья — перевод оригинальной статьи «Announcing TypeScript 5.6».
Также я веду телеграм канал «Frontend по‑флотски», где рассказываю про интересные вещи из мира разработки интерфейсов.Вступление
Сегодня мы рады объявить о выходе TypeScr... |
| 08.09.2024 | Практика: фронтенд для начинающих | Это простое руководство для тех кто хочет развернуть локально проект и начать уже писать код.
Начнем с того, что у вас уже есть на чем разрабатывать, в кратце описал здесь рекомендации по выбору ПК. Скачать исходники описанные в статье.Сред... |
| 25.06.2024 | Давайте писать качественный код: важность статического анализа кода | Привет, Хабр! Меня зовут Данил. Я frontend-разработчик департамента корпоративных систем ЛАНИТ, который очень любит порядок в коде. На мой взгляд, именно выразительность и чистота кода позволяют ему лучше работать и дольше жить.
В этой стат... |
| 15.06.2024 | Поясняю за React Сompiler | В 2024 году команда React готовит множество нововведений, приуроченных к выходу React 19.
Одним из таких нововведений является React Сompiler — новый JavaScript-компилятор для оптимизации вычислений. Главной целью разработчиков была оптимиз... |
| 12.06.2024 | Переход с WebStorm на Cursor (VS Code) | Думаю, многие в курсе, что JetBrains остановили продажи своих продуктов на территории России, но стоит отдать должное оставили бессрочные лицензии на ту версию продукта, что использовалась на тот момент. Не круто конечно, но долгое время ме... |
| 15.05.2024 | Проекты, хакатоны, общение — что поможет начинающему разработчику набраться опыта | Привет! Я Антон, сейчас работаю фронтенд-разработчиком, хотя по образованию я химик-технолог. Расскажу о своём пути: как учился и набирался опыта, чтобы получить работу, как познакомился с Карьерным центром, работал над пет-проектами и учас... |
| 09.04.2024 | Вышло обновление ESLint 9.0 | Разработчики линтера ESLint рассказали о релизе версии 9.0. Команда проекта исправила известные ошибки и добавила новые функции. Кроме того, линтер теперь не поддерживает работу с Node.js 18.18.0 и 19.
В блоге ESLint предупредили разработчи... |
| 01.04.2024 | Создание библиотек и публикация в npm | Всем привет! Меня зовут Дмитрий, и я занимаюсь веб-разработкой в it-компании Intelsy на аутсорс- и аутстафф-проектах. В своей работе я постоянно подключаю и использую библиотеки, однако никакой подробной информации о том, откуда они берутся... |
| 17.03.2024 | className убивает ваш UI kit | UI kit играет важную роль в разработке веб-интерфейсов. Он представляет собой набор компонентов и стилей. Основная ценность его использования - это экономия времени. Вместо того, чтобы создавать каждый элемент с нуля, разработчики могут исп... |
| 06.03.2024 | На стороне своих правил в ESlint | Всем привет! Меня зовут Владимир Земсков, я работаю в B2C билайна, в команде билайн Про, где пишу бэк-офис для нашей системы. Мы помогаем нашей рознице продавать лучше и больше. Для соблюдения нужного уровня качества кода в билайне мы испол... |
| 27.02.2024 | Исследование безопасности десктопных приложений на основе Electron
Инструменты и методы анализа
Особенности ручного тестирования приложений на основе Electron
Виды атак и примеры эксплуатации уязвимос... | Electron — фреймворк с открытым исходном кодом для создания кросс-платформенных десктопных приложений с помощью JavaScript, HTML и CSS. Это крутая технология, но с ней связаны многие ИБ-риски.
В статье я разберу основы безопасной работы с э... |
| 12.02.2024 | Как построить работу над кодом | Чтобы всем было удобно его писать, обсуждать и рефакторить — без распухшего бэклога и лица девопса.
Мне кажется, что если спросить 10 случайных разработчиков о том, как у них в командах устроена работа над кодом, то в 9 случаев ответ будет ... |
| 12.01.2024 | Стилистические правила умерли, да здравствуют стилистические правила | Под конец прошлого года, по ряду причин, ESLint отказались от дальнейшей поддержки и развития стилистических правил. А тема, как по мне, несправедливо осталась в тени. Давайте разберемся, почему так произошло и какие изменения нас ждут на п... |
| 14.12.2023 | Роадмэп по современному фронтенду от KTS | Привет! Меня зовут Фёдор, я фронтенд-тимлид в KTS и преподаватель школы Metaclass.
Перед одним из потоков курса «Начинающий React-разработчик» мы провели вебинар, на котором рассказали, что из себя представляет современный фронтенд и какие ... |
| 12.12.2023 | Кастомизируем VS Code для веб-разработки | Почему VS Code?
Привет, меня зовут Филипп, я фронтенд-разработчик в KTS.
Visual Studio Code — это бесплатный, шустрый (что важно на больших проектах) и глубоко кастомизируемый редактор кода. Хотя Microsoft позиционирует его просто как «реда... |
| 12.12.2023 | После прочтения применить, или Чистый код на практике | Начинающие разработчики часто встречают на ревью пул-реквестов очень дотошных ревьюеров, дающих кучу комментариев по теме чистоты кода. Меня зовут Мария Кондаурова, я фронтенд-разработчик в департаменте вычислительной биологии в BIOCAD. И у... |
| 23.11.2023 | WebAssembly: короткий обзор ассемблера для фронтенда | В последнее время фронтенд все больше и больше обрастает новыми технологиями, одна из них — WebAssembly. На ней можно написать полноценное web‑приложение и почти все на что способна ваша фантазия. В статье мы рассмотрим, что такое WebAssemb... |
| 11.10.2023 | Part 0. Инструментарий QA в Альфа Банке | Всем привет! Меня зовут Вадим Лунин. Я — QA Manager из Альфа Банка в Беларуси. Этой статьёй хочу начать цикл статей по инструментам, которые мы используем для тестирования наших продуктов в Альфа Банке.
Три месяца назад мы запустили Альфа С... |
| 09.10.2023 | Как внедрить гайд по стилю кода в проект | Всем привет! Меня зовут Соня Гусева, я фронтенд-разработчик в Яндекс Практикуме (или фронтенд-капибара). Вместе с командой мы развиваем платформу practicum.yandex.ru. Например, сделали поиск по пройденным материалам — тот самый, где «найдёт... |
| 16.08.2023 | Создание статичного блога на Angular и Contentful | В предыдущей части - Как я переносил блог из CakePHP в Angular, я делился своей историей миграции блога из CakePHP в Angular. В этой статье, я хочу продемонстрировать связку Angular и Contentful. Я по шагам создам новое приложение, добавлю ... |
| 06.07.2023 | SonarQube: делаем код лучше | Привет! Меня зовут Сергей, я один из разработчиков продукта «Сервис персонализации» в компании Sportmaster Lab, и в этом посте я расскажу про SonarQube – платформу для непрерывного анализа и измерения качества программного кода, разработанн... |
| 23.06.2023 | ESLint. Анатомия правил линтинга: разбираем структуру, создаём собственное правило для React-приложения | Всем привет! Меня зовут Анастасия Щедрина, я технический лидер по фронтенду проекта размещения объявлений в компании Домклик. Сегодня я расскажу вам немного о том, как устроены правила в ESLint, и покажу на примере, как можно разработать со... |
| 08.06.2023 | Оптимизация сборки веб-приложения | По мере того, как ваше приложение растёт и развивается, растут и затраты времени на его тестирование и сборку, достигая нескольких минут при пересборке в dev-режиме и, возможно, десятков минут при «холодной» production-сборке. Что, конечно,... |
| 21.02.2023 | Что должен уметь Frontend разработчик в 2023 году (+Roadmap) | Ситуация на рынке IT
С каждым годом войти в IT становится всё труднее. За счёт высоких зарплат, комфортного образа жизни, амбиций, потребности в специалистах, сейчас чуть ли не каждый второй хочет стать программистом. За счёт этих факторов,... |
| 10.02.2023 | Как правила линтинга влияют на архитектуру приложения | В eslint есть одно простое, но мощное правило, которое поможет вам в поддержании архитектуры приложения.
import/no-restricted-paths позволяет указать зону, по которой запрещено импортировать определенные пути:
"zones": [{ "ta... |
| 24.01.2023 | Разработка клиент-серверного приложения с помощью Next.js и TypeScript. Часть 1. Настройка проекта и разработка сервера... | Привет, друзья!
В этой серии из 2 статей-туториалов мы с вами разработаем клиент-серверное (фуллстек — fullstack) приложение с помощью Next.js и TypeScript.
Руководство по Next.js.
Карманная книга по TypeScript.
Наше приложение будет предст... |
| 11.11.2022 | Автоматизация тестов с использованием CodeceptJS и Testomat.io: первые шаги | Провести ручное тестирование на лету может оказаться довольно сложным делом даже при наличии happy path.
Независимо от ваших предпочтений, использовать любой тестовый фреймворк, возможно, лучше, чем вообще не проводить тесты.Выбор и смешени... |
| 30.06.2022 | Настройка ESLint для чистого кода в проектах на Vue | В процессе работы над проектами разработчики придерживаются определенного кодстайла. Как правило, за это отвечает ESLint. ESLint — это линтер для языка программирования JavaScript. Он статически анализирует код на наличие проблем, многие из... |
| 15.06.2022 | Ошибки, которые совершают начинающие JS-разработчики | На первый взгляд, синтаксис JS прост и интуитивно понятен, что подкупает. Однако это не мешает тем, кто делает первые (или не первые) шаги в нём, допускать ошибки. Мы попытались осветить некоторые промахи начинающих разработчиков.
Язык Java... |
| 12.06.2022 | Паттерны и антипаттерны в Node.js | Node.js — это серверная среда выполнения JavaScript, построенная на движке V8 в Chrome, который по своей природе является асинхронным и событийным. С помощью Node.js относительно несложно создать REST API и использовать такие фреймворки, ка... |
| 09.06.2022 | Краткое введение в разработку собственных правил для ESLint | Недавно мы в команде столкнулись с тем, что нам понадобилось кастомное правило для линтера. Немного поиска в гугле, и через час-полтора правило было готово. Делимся базовыми примерами, которые помогут вам погрузиться в процесс разработки пр... |
| 26.04.2022 | Гайд по написанию и рефакторингу компонентов, которые хочется переиспользовать | Случалось ли вам, выполняя какую-то задачу, понять, что самый простой путь — нажать Сtrl+C, Сtrl+V: перетащить из соседней папочки пару файлов, поменять пару строчек, и будет ок? Повторялось ли это ощущение? Я хочу рассказать о том, как бор... |
| 29.03.2022 | Лучшие подходы и решения для уменьшения кода на React. Часть 3 | Привет! Это третья и заключительная часть серии статей “Лучшие подходы и решения для уменьшения кода на React” автора Rahul Sharma. Предыдущие статьи вы можете найти по ссылкам ниже:
Часть 1
Часть 2
Часть 3Храните токен в куки, вместо local... |
| 15.02.2022 | Как ESLint анализирует код и борется с Legacy | Рассказываем, как мы с фронтенд-разработчиком Дмитрием Балаевым @manmo убираем Legacy, какими Open Source конфигурациями для ESLint пользуемся и как статический анализатор кода повлиял на развитие разработчиков нашей компании.Что такое Lega... |
| 31.01.2022 | Создаем приложение Art-pixel на Angular и Nest.js. Часть 2.1 | В процессе разработки приложения, поскольку у нас не было четкого технического задания и видения, у нас возник некий технический долг в виде any, в этой статье мы постараемся это исправить. Для тех кто пропустил, начало. И в этом нам поможе... |
| 17.10.2021 | Дайджест свежих материалов из мира фронтенда за последнюю неделю №489 (11 — 17 октября 2021) | Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | JavaScript
Медиа
• «АйТиБорода»: ЧЕЛОВЕЧНЫЙ ФРОНТЕНД / Доступность и современность интерфейсов / Вадим Макее... |
| 24.08.2021 | На что стоит обратить внимание новичкам при работе с ReactJS | Всем привет, меня зовут Иван, я – разработчик ПО в Orion Innovation. Сейчас встречается много публикаций по фронтенд-разработке, в которых начинающему специалисту легко потеряться и упустить неочевидные вещи.
Данная статья позволит структур... |
| 10.07.2021 | Чистый и безопасный код — миф или реальность? | В таком случае важно иметь в виду, что сходу написать идеальный код невозможно. Для этого нужно потратить множество часов на обдумывание и детальное планирование. Здесь каждый для себя выбирает сам, что приоритетнее: написание чистого кода ... |
| 22.07.2016 | Facebook’s new open source project makes it easier to get started with React | Facebook’s React project is an open source library that allows developers to quickly build apps and their user interfaces in JavaScript. But that’s a bit of an understatement, because besides JavaScript, you also have to learn a lot of tool... |
