FrontEndDev

18 Jul 2025 17:00

Задача: получить максимум инсайтов за минимум времени
Решение: прийти к нам на Frontend meetup. 😎

А именно:
✔️ Как ускорить сборку фронта в 10 раз (и не развалить всё по пути)
✔️ Как развивать хард-скиллы на работе, а не в 2 часа ночи
✔️ Как подружиться с ИИ и не отдать ему контроль над кодовой базой.

Встречаемся офлайн/онлайн 22 июля в 18:00 в Sber Agile Home по адресу: Кутузовский проспект, 32к1, Москва.
Здесь можно узнать подробности и зарегистрироваться!

FrontEndDev

16 Jul 2025 14:58

Localhost-атака: как **ta и Яндекс следят за пользователями Android через localhost

Скрипты **ta Pixel и Яндекс.Метрика в браузере устанавливают соединение с фоновыми нативными приложениями, прослушивающими определённые TCP/UDP‑порты, чтобы передать cookie (например, _fbp) и идентификаторы устройства, тем самым связывая активность в браузере с учётной записью пользователя. Этот способ обхода защиты ставит под угрозу приватность и делает даже приватный режим небезопасным.

https://habr.com/ru/articles/915732/

FrontEndDev

16 Jul 2025 08:37

Как хорошо вы знаете класс Date?

Квиз из 28 нестандартных вопросов о том, как работает Date в JS. Делитесь результатами в коментах.

https://jsdate.wtf/

FrontEndDev

14 Jul 2025 16:05

Как выжить в мире сложных интерфейсов в 2025-м

7 работающих рецептов от React и CSS до дизайн-систем.

https://habr.com/ru/companies/ncloudtech/articles/924704/

FrontEndDev

10 Jul 2025 12:40

Оператор satisfies в TypeScript

Подробнее об операторе satisfies, который позволяет проверить, соответствует ли объект определённому типу. Полезно для случаев, когда нужно сохранить узкие типы значений и одновременно гарантировать соответствие интерфейсу. Благодаря satisfies улучшается безопасность типов, автодополнение и общая надёжность кода, по сравнению с использованием as.

https://frontendmasters.com/blog/satisfies-in-typescript/

FrontEndDev

07 Jul 2025 12:03

🎯 Хочешь запустить своё мини-приложение на аудиторию в 45 млн пользователей?

VK Dev Grants — грантовая программа для разработчиков от VK Mini Apps

🏆 Призовой фонд — 5 млн ₽

💡 Условия — от идеи до масштабного релиза

💼 Участие — соло или в команде

🧠 Экспертная поддержка, продвижение и монетизация

Заявки на 1 этап принимаются до 31 июля. Для участия потребуется презентация проекта с подробным описанием идеи мини-приложения и всем, что может лечь в основу проекта.

👉 Подать заявку.

FrontEndDev

06 Jul 2025 16:04

Новшества EcmaScript 2025

Улучшения для Set, методы итераторов, дублирующиеся именованные группы захвата регулярных выражений, Promise.try() и новый тип Float16Array.

https://pawelgrzybek.com/whats-new-in-ecmascript-2025/

FrontEndDev

05 Jul 2025 16:01

Пропали на неделю, сори.

Инспектор HTML форм

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

https://polypane.app/form-inspector/

FrontEndDev

26 Jun 2025 23:57

Облегчаем использование регулярных выражений в JS

Несколько советов, которые сделают вашу работу с регулярками проще и удобнее.

https://2ality.com/2025/06/javascript-regexp-tips.html

FrontEndDev

25 Jun 2025 10:19

Создаем Танграм пазл на CSS

Как при помощи SCSS создать интерактивный танграм‑пазл — набор геометрических фигур, которые можно свободно перемещать и поворачивать. Реализация логики «перетаскивания» и поворота блоков с помощью CSS‑трансформаций и переменных + организация адаптивной верстки и плавных анимаций с минимальным использованием JavaScript.

https://css-tricks.com/breaking-boundaries-building-a-tangram-puzzle-with-scss/

FrontEndDev

23 Jun 2025 13:54

Создаем приложение с использованием Refine

Пошаговый тутораил по разработке фуллстек приложения с CRUD операциями и аутентификацией на фреймворке Refine.

https://www.youtube.com/watch?v=k4lHXIzCEkM&ab_channel=JavaScriptMastery

FrontEndDev

21 Jun 2025 16:52

Новая возможность CSS — gap decorations

Стилизация промежутков между элементами в макетах flex, grid и колонках с использованием свойств наподобие column-rule и row-rule, избавляя от костылей с псевдоэлементами и лишней вёрстки. Поддерживается в Chrome начиная с 139 версии.

https://developer.chrome.com/blog/gap-decorations

FrontEndDev

21 Jun 2025 10:19

WelsonJS — cоздание Windows приложений на JavaScript

WelsonJS — фреймворк для создания Windows‑приложений на встроенном в систему JavaScript‑движке, позволяющий писать полноценные десктоп‑программы (GUI, консоль, автоматизация Office) с HTML/CSS и JS/TS без Node.js
Проект предоставляет для сборки и установки собственный HTA/скриптовый лаунчер и Inno Setup инсталлятор.

https://github.com/gnh1201/welsonjs

FrontEndDev

19 Jun 2025 13:09

Tunnel Run длиной 170 строк на чистом JS

Реализация игры в которой нужно бегать и прыгать через туннель. Отображение двумерной сетки как трёхмерного туннеля с помощью функций sin и cos вместе с перспективным масштабированием. Простое объяснение реализации без углубления в тригонометрию.

https://slicker.me/javascript/tunnel/tunnel_run.htm

FrontEndDev

18 Jun 2025 21:39

Упрощаем работу с ResizeObserver

Небольшая обёртка для ResizeObserver, которая делает работу с ним понятнее и удобнее.

https://css-tricks.com/a-better-api-for-the-resize-observer/

FrontEndDev

18 Jul 2025 15:48

Scroll-Driven Sticky заголовки

Используем Scroll-Driven анимацию совместно с position: sticky чтобы оживлять заголовки при прокрутке.

https://css-tricks.com/scroll-driven-sticky-heading/

FrontEndDev

16 Jul 2025 11:49

Один из наших подписчиков запилил ресурс для подготовки к фронтенд‑собеседованиям — Hack Frontend

Там собрано всё, что обычно нужно:

- База знаний с реальными вопросами и детальными разборками, а не просто теоретические статьи.
- База задач из интервью с возможностью решать их прямо в браузере (есть встроенная IDE).
- Квизы по «тонким» моментам JavaScript: event loop, замыкания, промисы, прототипы и пр.

Платформа полностью бесплатная
https://www.hackfrontend.com

FrontEndDev

15 Jul 2025 16:17

Асинхронное итерирование с Array.fromAsync()

Современный способ асинхронного итерирования и его сравнение с привычными паттернами.

https://allthingssmitty.com/2025/07/14/modern-async-iteration-in-javascript-with-array-fromasync/

FrontEndDev

12 Jul 2025 13:27

Анализ 100 лендинг станиц продуктов для разработчиков

Представим, что у вас есть инструмент для разработчиков и вы хотите его продвигать. Какую лендинг страницу сделать? Вот обзорная статья от Злых Марсиан с успешными практиками для дизайна лендингов: понятные заголовки, визуальные демо продукта и чёткие призывы к действию.

https://evilmartians.com/chronicles/we-studied-100-devtool-landing-pages-here-is-what-actually-works-in-2025

FrontEndDev

08 Jul 2025 16:06

Вертикальный ритм

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

https://habr.com/ru/companies/edison/articles/340670/

FrontEndDev

07 Jul 2025 10:48

Стилизуем gap

О новой CSS-функциональности — gap decorations, которая позволяет добавлять декоративные разделительные линии между элементами flex, grid и multi-column без лишнего HTML-кода. Теперь можно одним CSS-свойством настроить ширину, цвет, стиль линий и даже сложные шаблоны через repeat(). Поддержка с Chrome 139.

https://css-tricks.com/the-gap-strikes-back-now-stylable/

FrontEndDev

05 Jul 2025 17:45

Params Editor

Удобное расширение для Chrome для редактирования query параметров url

https://params-editor.isolpro.in/

FrontEndDev

27 Jun 2025 09:11

Как оптимизировать работу вашего NextJs приложения с after

О новой API-функции after() в Next.js 15, которая позволяет выполнять дополнительную логику после отправки ответа клиенту, не замедляя основной рендеринг. О том, где и как применять after(), а также потенциальные ограничения при работе с Server Components и middleware.

https://blog.logrocket.com/how-to-optimize-next-js-app-after/

FrontEndDev

25 Jun 2025 12:05

🚴‍♂️Не надо изобретать велосипед

Главная ошибка стартаперов — пытаться сделать идеальный продукт, годами его дорабатывать, но так и не выпустить.

В своём канале я запустил челлендж: 12 проектов за 12 месяцев.

1️⃣ Ищем идею под существующий спрос (не из головы!)
2️⃣ Разрабатываем продукт
3️⃣ Занимаемся бесплатным продвижением
4️⃣ Оптимизируем и масштабируем

Формула проста:
1 запуск = 1 функция = решение 1 проблемы

Три главных правила:
✔️ Только проверенный спрос — через поисковые запросы, а не догадки.
✔️ Быстрый запуск — никакого перфекционизма.
✔️ Только США и ЕС — там платят за удобство.

Также в канале разбираю:
— Кто и зачем будет платить за микро-продукт?
— Главная ошибка начинающих стартаперов
— Микро-продукт vs стартап
— Как бесплатно продвигать продукт

Короче, рассказываю в канале без купюр: что работает, а что нет, сколько приносит и как продвигаем. Всё, что обычно скрывают.

Реклама: ИП Зуев Игорь Владимирович, ИНН: 360408359441, Erid: 2VtzqxL27QA

FrontEndDev

23 Jun 2025 21:29

Эти CSS техники устарели

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

https://habr.com/ru/companies/ruvds/articles/917204/

FrontEndDev

22 Jun 2025 13:11

😎 Хотите стать Fullstack-разработчиком и развиваться в IT?

У вас есть шанс освоить профессию с нуля и работать с современными технологиями!

💻На курсе «Fullstack Developer» вы научитесь создавать фронтенд и бэкенд приложений, работать с React, TypeScript, Node.js, PostgreSQL и многим другим. Мы обучаем с нуля, шаг за шагом — от верстки до серверной части.

💪 В результате обучения у вас будут 3 проекта в портфолио, которые можно использовать на собеседованиях, а также актуальные знания, которые соответствуют требованиям современного рынка. Все уроки проводятся опытными практиками, а диплом OTUS ценится среди крупнейших IT-компаний.

❗Набор на курс закрывается, осталось всего несколько мест! Оставьте заявку и получите скидку на обучение по промокоду FULLSTACK_6 : https://otus.pw/CvIh/

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

FrontEndDev

21 Jun 2025 13:39

Цветовые функции в CSS

О новых возможностях работы с цветами в CSS с помощью функции color(), позволяющей использовать разные цветовые пространства — от sRGB до CIELAB и Oklab.

https://css-tricks.com/css-color-functions/

FrontEndDev

19 Jun 2025 13:15

Прошел тест от Спортмастера – оказывается, я не умею совмещать работу и жизнь. А какой результат у вас?

🆖перейти в бота

FrontEndDev

19 Jun 2025 09:07

Использование await на верхнем уровне

Вызов асинхронных функций без дополнительного обертывания в ES2022. Кейсы (например загрузка конфигураций, динамический импорт модулей и инициализация WebAssembly в модулях) и ограничения (блокировка выполнения импортирующих модулей, сложности при циклических зависимостях и несовместимость с CommonJS).

https://allthingssmitty.com/2025/06/16/using-await-at-the-top-level-in-es-modules/

FrontEndDev

17 Jun 2025 07:48

Интеграция React Server Components с бандлером

RSC нужно не только передавать данные, но и код компонентов от сервера к клиенту. Дэн Абрамов рассказывает почему без интеграции с бандлером это будет работать неоптимально.

https://overreacted.io/why-does-rsc-integrate-with-a-bundler/