FrontEndDev @front_end_dev Channel on Telegram

FrontEndDev

14 Feb, 13:09

Flexbox Labs

Удобный генератор лейаутов с grid и flexbox элементами. Можно выбрать готовый вариант или тыкать и смотреть как применяются свойства для контейнера и вложенных элементов.

https://flexboxlabs.netlify.app/

Github: https://github.com/prazzon/flexbox-labs

2,697

FrontEndDev

12 Feb, 11:40

Оптимизируем Critical Rendering Path

О том, что такое Critical Rendering Path и о методах ускорения загрузки и отображения контента: минимизация CSS, JavaScript и оптимизация порядка загрузки ресурсов.

https://www.debugbear.com/blog/optimizing-the-critical-rendering-path

3,523

FrontEndDev

12 Feb, 08:27

Архитектура фронтенда на основе вертикальных слайсов

Как вертикальные слайсы могут помочь в масштабировании проекта и управлении сложностью приложения. Еще один взгляд на архитектуру фронтенд приложений.

https://amorgunov.com/posts/2023-05-28-vertical-sliced-architecture-in-frontend/

3,660

FrontEndDev

11 Feb, 10:32

Друзья! 15 февраля состоится крупнейшая конференция Яндекса для frontend-сообщества — «Я 💛 Фронтенд».

Что вас ждёт:

💛 Интересные доклады — ведущие эксперты индустрии поделятся своим опытом и лайфхаками.
💛 Code in the Dark — вместе с Семёном Левенсоном из Яндекс Маркета поучаствуете в соревновании по вёрстке и узнаете, как интеллектуальный помощник разработчика Yandex Code Assistant меняет правила игры.
💛 CodeRun — вместе с Никитой Дубко и Сашей Шинкевич из Контеста Яндекса познакомитесь с тренажёром для прокачки навыков разработчика. Это интересный формат решения задач, где нужно управлять котиком Кодеруном. Он ловит спецсимволы в свой рюкзак, и на их основе вы пишите код.

Еще будут дискуссии с экспертами Яндекса, выступления опытных спикеров, соревнования по вёрстке и решение задач с Yandex Code Assistant.

И это ещё не всё! Следите за обновлениями на сайте до 14 февраля — в онлайне вас ждёт много движа!

Программа мероприятия и регистрация тут

Не пропустите! 🚀

3,882

FrontEndDev

11 Feb, 09:57

Релиз Vitest 3.0

Новые функции и улучшения: высокая скорость выполнения тестов и улучшенная поддержка TypeScript

https://vitest.dev/blog/vitest-3

3,400

FrontEndDev

10 Feb, 07:27

Используем TypeScript и TensorFlow для обучения модели

Пошаговые инструкции по процессу настройки окружения, подготовке данных и созданию модели на основе библиотеки TensorFlow

https://wanago.io/2025/02/03/machine-learning-typescript-tensorflow-training-first-model/

3,712

FrontEndDev

09 Feb, 21:05

Ключ к стабильному деплою: npm ci

Короткая статья о том, почему важно использовать команду npm ci для обеспечения стабильного деплоя и как npm ci помогает избежать проблем в продакшн, обеспечивая точное совпадение зависимостей и оптимизацию установки пакетов.

https://dev.to/impranavkale/avoiding-production-disasters-with-npm-ci-the-key-to-stable-deployments-47ib

3,913

FrontEndDev

09 Feb, 10:01

Интервью на английском: пошаговая инструкция

Наши друзья из @acceleracio помогли многим ребята получить зарубежные офферы. С их помощью и вы сможете проложить дорогу к своей компании мечты!

Четверг, 13 февраля в 20:00 по мск, готовимся к офферам из Европы и Америки:

✅ обсуждаем, что работает на собеседованиях, а что устарело,
✅ составляем отличное резюме, которое пройдет ATS проверку,
✅ даем инструменты для эффективного поиска работы,
✅ и отвечаем на ваши вопросы — конечно, с огромным удовольствием!

Регистрация и ссылка на зум: @acceleracio_bot ⚡️
После вебинара в боте вас ждут инструменты, которые приведут к офферу ✨

@acceleracio — проект про карьеру, рекрутинг и искусство прохождения собеседований.
Добавляйте в календари и приходите: сделаем этот год началом вашей международной карьеры!

3,945

FrontEndDev

09 Feb, 06:34

Улучшаем UX c помощью scroll-select

Статья о преимуществах использования scroll-select, позволяющего пользователям легче находить нужные опции в длинных списках. А также примеры реализации и советы по интеграции.

https://blog.logrocket.com/improve-ux-with-scroll-select-box/

3,746

FrontEndDev

08 Feb, 11:00

🎉 Результаты розыгрыша:

Победитель:
1. Филипп (@felix2d6)

Проверить результаты

3,871

FrontEndDev

08 Feb, 08:43

Cоздании SPA на Vanilla JS

Статья с основными принципами и подходами к разработке SPA без использования фреймворков.

https://jsdev.space/spa-vanilla-js/

3,982

FrontEndDev

07 Feb, 10:00

Друзья!

Разыгрываем 1 билет на Podlodka React Crew! Podlodka — это отличная возможность послушать классные доклады и позадавать каверзные вопросы экспертам!

Итоги розыгрыша подведем 8 февраля.

Всем удачи! ✌️

4,044

FrontEndDev

07 Feb, 09:05

Деплоим Next.js приложение с Deno Deploy

Небольшой туториал о том, как разворачивать приложения Next.js с использованием Deno Deploy: преимущества и шаги для интеграции этих технологий.

https://blog.logrocket.com/deploying-next-js-apps-with-deno-deploy/

4,205

FrontEndDev

06 Feb, 15:56

Плавные переходы для top-level элементов с использованием свойства display

Используем новые возможности CSS для управления элементами в верхнем слое. Автор объясняет, как можно плавно анимировать переходы с помощью @starting-style и transition-behavior.

https://smashingmagazine.com/2025/01/transitioning-top-layer-entries-display-property-css/

4,279

FrontEndDev

06 Feb, 11:02

Друзья!

Стартует очередной сезон Podlodka React Crew – онлайн-конференции для React-разработчиков. Иду сам и по традиции зову вас с собой! Послушаем и обсудим новые фичи и подходы, и определимся, какие из них включить в свой roadmap и как расти дальше.

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

В программе:

💬 Говорим на одном языке с пользователями: i18n в React-приложениях – Виталий Баев, контрибьютор Next.js и Vite 🌍 Как выбрать инструменты и сделать интерфейс удобным для всех?

📡 OpenTelemetry для фронтенд-разработчика – Валерий Катцин, frontend-разработчик в Точке 📊 Как собирать данные о работе приложения и использовать их для улучшения продукта?

🔥 "Долгожданный" React 19 – Алекс Рассудихин, разработчик с опытом во Vue, React, Next и Astro 🚀 Какие фичи вышли в продакшен, а какие – нет?

🤖 AI Integrated Developer Experience – Марк Байдебура, Senior Full-stack Engineer в Influencer 🧠 Где AI реально помогает, а где пока его лучше не использовать?

📅 Конференция пройдет 10-14 февраля.

🔗 Регистрируйтесь: podlodka.io/reactcrew

Для подписчиков FrontEndDev есть промокод на скидку 🥳 500руб react_crew_2_mP8t41

По традиции разыграем бесплатный билет. Следите за постами!

4,150

FrontEndDev

06 Feb, 09:25

Cоздатем реалистичную пушистую траву с использованием Three.js

Техники работы с геометрией, шейдерами и анимацией для достижения эффекта объемной и динамичной травы, не убивая перфоманс.

Демо | Github

https://tympanus.net/codrops/2025/02/04/how-to-make-the-fluffiest-grass-with-three-js/

3,822

FrontEndDev

05 Feb, 14:19

Веб-стандарты — Выпуск 459

Lightpanda Browser, CSS sheet, мощный attr, Temporal приходит в JS, Bun 1.2

https://web-standards.ru/podcast/459/

4,273

FrontEndDev

05 Feb, 10:23

JavaScript Temporal приближается

В скором времени в браузерах появится экспериментальная поддержка JavaScript Temporal API, который позволит упростить работу со временем в нативном JS.

https://developer.mozilla.org/en-US/blog/javascript-temporal-is-coming/

4,662

FrontEndDev

04 Feb, 07:45

Как применять CSS3-трансформации для работы с фоновыми изображениями

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

https://www.sitepoint.com/css3-transform-background-image/?utm_source=rss

4,679

FrontEndDev

03 Feb, 10:05

🚀Приглашаем на бесплатный урок «React 19 что нового?» курса React.js Developer 06 февраля 19:00 (мск).

Что будет на вебинаре?
- Обзор новых хуков.
- Посмотрим возможности создания новых пользовательских элементов.
- Передача ref в props и другие минорные изменения.

Кому вебинар будет полезен?
- Junior frontend-разработчикам.
- Опытным разработчикам, желающим быть в курсе последних изменений.

Что узнают участники вебинара?
- Какие фичи появились в React 19.
- Как и где применять в своих проектах новые возможности библиотеки.
- Как отрефакторить уже существующий код.

⏰ Успейте зарегистрироваться на бесплатный вебинар 06 февраля 19:00 (мск). Запись ограничена: https://otus.pw/DsGF/

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

4,604

FrontEndDev

02 Feb, 20:51

Nim - темплейт для персонального сайта с использованием Motion-Primitives

Nim создан с помощью Next.js, React, Tailwind CSS и Motion-Primitives. В статье — основные функции, особенности и способы использования этого шаблона для создания современных веб-приложений.

https://tympanus.net/codrops/2025/02/01/nim-nextjs-react-tailwind-motion-template/

4,043

FrontEndDev

01 Feb, 21:10

Кортежи в TS

Большой сборник примеров работы с кортежами.

https://2ality.com/2025/01/typescript-tuples.html

4,528

FrontEndDev

31 Jan, 22:08

Относительно новые вещи, которые будут доступны в HTML в 2025

Группировка details как аккордион, стилизация селектов, чекбоксы как toggle и еще несколько фич.

https://frontendmasters.com/blog/bone-up-html-2025/

5,002

FrontEndDev

31 Jan, 10:04

Твоя карьера в спортивном СМИ ❤

Привет! Наши друзья из Спортса" создают контент, который читают миллионы. Спортс" – это крупное медиа о спорте, в котором не только освещают события, но еще и разрабатывают технологии, которые делают спорт доступнее, понятнее и интереснее.

В своем телеграм-канале @career_sports ребята публикуют вакансии для IT-специалистов, дизайнеров и других экспертов в своей области.

Подписывайтесь и откликайтесь, ребята рады новым знакомствам! 😎

4,898

FrontEndDev

31 Jan, 08:01

Настраиваем SSR с React Router 7

Использование React Router в качестве фреймворка на примере создания приложения книжного трекера.

https://blog.logrocket.com/server-side-rendering-react-router-v7/

5,039

FrontEndDev

30 Jan, 07:45

10 backend понятий, о которых желательно знать frontend разработчику

Чтобы быть в теме и понимать, о чем говорят бекендеры на стендапах, вот небольшая обзорная статья, рассказывающая о таких понятиях как шардинг, балансировщик, API Gateway и еще некоторых других.

https://dev.to/thesanjeevsharma/10-backend-terms-every-frontend-developer-should-know-2o2h

5,035

FrontEndDev

29 Jan, 20:46

Погружение в React Server Components

Рассмотрим, чем RSC отличается от классических CSR и SSR, какие у них преимущества и как интегрировать серверные компоненты в свое приложение на React.

https://tonyalicea.dev/blog/understanding-react-server-components/

4,988

FrontEndDev

29 Jan, 12:27

Инструменты для проверки доступности

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

https://techhub.iodigital.com/articles/accessibility-tools

5,000

FrontEndDev

26 Jan, 09:44

Экспериментальный React Transition API

С первого релиза до настоящего времени у React не было своего API для анимации, и приходилось использовать библиотеки (например, Motion for React или React Spring). Наконец разрабочики решили залатать эту дыру. Теперь можно попробовать ViewTransition. Подробнее — в статье.

https://motion.dev/blog/reacts-experimental-view-transition-api

6,649

FrontEndDev

18 Jan, 22:37

Передача переменных и значений между HTML, CSS и JavaScript

Короткая заметка о том, как прокинуть значение в HTML с помощью CSS переменных и DOM API.

https://frontendmasters.com/blog/sharing-a-variable-across-html-css-and-javascript/

1,088

FrontEndDev

17 Jan, 10:31

Т-Банк открыл набор на новый поток стажировок 💻

Есть много направлений: разработка (на восьми языках программирования!), ML, SRE, QA, аналитика, менеджмент, редактура, маркетинг и юриспруденция. Ждут студентов и начинающих специалистов, готовых посвящать работе от 20 часов в неделю.

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

Выберите направление, отправьте заявку и решите экзамены до 30 января

3,295

FrontEndDev

16 Jan, 21:55

Александр Моргунов — Разбираемся в Feature-Sliced Design

Александр из Samokat.tech рассказывает, что из себя представляет архитектурная методология Feature-Sliced Design и ее основные концепты.

https://www.youtube.com/watch?v=H_rJ0zB8rqc

3,462

FrontEndDev

16 Jan, 16:22

AI ассистент прямо в DevTools

С недавнего времени в Chrome появился свой асистент, который помогает с вопросами по отладке. Вот небольшой обзор и краткое руководство от разработчиков Chrome.

https://developer.chrome.com/docs/devtools/ai-assistance?hl=ru

3,767

FrontEndDev

14 Jan, 16:13

Оmatsuri

Набор инструментов на каждый день: компрессор, декодер, генератор градиентов и многое другое.

Это опенсорсный проект, репу можно глянуть тут https://github.com/rtivital/omatsuri

https://omatsuri.app/

4,005

FrontEndDev

14 Jan, 09:50

Онлайн-курс по frontend-разработке от НИУ ВШЭ

Центр непрерывного образования ФКН НИУ ВШЭ открывает набор на новый онлайн-курс «Frontend-разработчик» для начинающих.

Программа подойдет:
〰️〰️〰️〰️
- Новичкам в IT: освоите разработку сайтов
- IT-специалистам, которые хотят освоить разработку интерфейсов: познакомитесь с особенностями и инструментами frontend-разработки

За 4 месяца вы:
〰️〰️〰️〰️
- Узнаете, как устроены сайты
- Научитесь создавать базовые элементы с помощью HTML и таблиц стилей CSS
- Освоите разработку интерактивных страниц (языки JavaScript и TypeScript)
- Научитесь разрабатывать одностраничные и мобильные приложения (библиотека React.js)
- Сделаете итоговый проект

Старт онлайн-курса — 17 февраля.

Погрузиться во frontend-разработку можно на бесплатном онлайн-интенсиве «Frontend с нуля: первый шаг в веб-разработку».

Подробнее о программе

Реклама: НИУ ВШЭ ИНН 7714030726
Erid: 2SDnjcLjzFv

4,090

FrontEndDev

13 Jan, 20:38

Основные ошибки при использовании React Testing Library

Кент Си Доддс описывает распространённые ошибки при использовании RTL и предлагает рекомендации по их предотвращению.

https://kentcdodds.com/blog/common-mistakes-with-react-testing-library

4,296

FrontEndDev

11 Jan, 22:16

Курс по Еvent-Driven Архитектуре

Создаем production-ready приложение на NextJs, Clerk и Webhook. Настраиваем базу данных с помощью NeonDB and Prisma и реализуем типичные CRUD операции.

https://www.youtube.com/watch?v=TtvytXHLAsc

5,025

FrontEndDev

09 Jan, 15:35

Разбиваем тяжелые задачи и улучшаем производительность

Kак улучшить отклик веб-приложений, разбивая длительные задачи на меньшие с помощью методов вроде scheduler.yield и асинхронных циклов for..of.
Это помогает избежать блокировки интерфейса и обеспечивает более плавную работу приложения.

https://calendar.perfplanet.com/2024/breaking-up-with-long-tasks-or-how-i-learned-to-group-loops-and-wield-the-yield/

6,267

FrontEndDev

08 Jan, 22:35

Создаем React хук для шорткатов

Таня Раскиа рассказывает про разные виды шорткатов, кешировании, оптимизации, а также о подводных камнях при разработке хука

https://www.taniarascia.com/keyboard-shortcut-hook-react/

6,443

FrontEndDev

06 Jan, 21:11

33 js концепции, которые должен знать каждый разработчик

Громкий заголовок, но в этом репозитории на самом деле много ресурсов как по основам, так и по продвинутым темам. Сборник статей, сгруппированных по темам.

https://github.com/leonardomso/33-js-concepts?tab=readme-ov-file#-table-of-contents

7,183

FrontEndDev

05 Jan, 22:11

Создаем многошаговые формы на vanilla js

Кажется, мы стали забывать как сделать что-то сложнее логин-формы на чистом js 😁
Пример реализации многошаговой формы без использования фреймворков - хороший способ повторить основы.

https://css-tricks.com/how-to-create-multi-step-forms-with-vanilla-javascript-and-css/

6,843

FrontEndDev

05 Jan, 13:04

💻

Новогодние праздники вместе с aeza.net!

Новый год - твой шанс воплотить смелые идеи и взять разгон для великих дел!

Начни год с мощного рывка и получи кэшбек 15% на пополнение баланса с aeza.net.

Aéza — надежный хостинг для проектов любого масштаба, и подойдет для тех, кто хочет:

🚀 запустить сайт мечты,
🚀 прокачать свой бизнес в сети,
🚀 или просто начать этот год с классной идеи!

И конечно, у них:

🖥 Высокая скорость до 25 Гбит/с.

🖥

24/7 поддержка, всегда на связи.
🖥 Мощные серверы на базе Ryzen 9 9950x.

Скорее переходи в телеграм-канал и не пропусти анонс скидок и крутых ивентов

🥰

Реклама. ИП Лобанов Леонид Константинович. erid: LjN8K4epn

6,118

FrontEndDev

05 Jan, 07:45

Github Copilot in VSCode

Copilot теперь доступен бесплатно (с ограничениями) в плагине VSCode. Конечно нужен аккаунт не из РФ

https://github.blog/changelog/2024-12-18-announcing-github-copilot-free/

5,432

FrontEndDev

04 Jan, 20:48

State of JavaScript 2024

Состояние экосистемы JS: тренды, инструменты, библиотеки и многое другое. Аналитика за прошедший год

https://2024.stateofjs.com/en-US/

5,674

FrontEndDev

04 Jan, 10:56

Делаем из простого ToDo App приложение уровня enterprise

Какие технологии можно использовать, чтобы сделать приложение с мониторингом, базой данных, кешированием, контернеризацией и прочим (и тратить на его поддержку $2000 в месяц). Утрированный пример.

https://www.youtube.com/watch?v=nYlv0I9Ips0

5,965

FrontEndDev

03 Jan, 12:12

CSS Gradients

Для тех, кто решил начать год с создания чего-то нового, держите подборку красивых градиентов (для страницы логина например 😊)

https://cssgradient.io/gradient-backgrounds/

5,747

FrontEndDev

30 Dec, 11:09

Нарулил для вас немного магии, чтобы скрасить суету и ожидание 😁

https://jem-space.ru/ball?q=j

Делитесь своими предсказаниями в коментах.

7,840

FrontEndDev

27 Dec, 13:31

Ваш 2024 в GitHub

http://git-wrapped.com

Скидывайте свои итоги в коменты 🚀

8,463

FrontEndDev

27 Dec, 09:31

🧦Новогодний подгон — бесплатный курс по фулстек-разработке

Сергей Дмитриев — разработчик со стажем, потратил год, чтобы сделать курс, который включает весь процесс создания приложения с нуля до деплоя. Курс абсолютно бесплатный, и за это отдельный респект 😎

В курсе акцент на практику, реальные проекты и самые актуальные технологии.

Подробнее тут https://habr.com/ru/articles/866678/

Для тех, кто возьмется проходить, есть чат поддержки https://t.me/devPontChat

7,925

FrontEndDev

25 Dec, 08:02

Создание масштабируемых микро-фронтенд приложений с Next.js Multi Zones

Multi-Zones — это функциональность в Next.js, которая позволяет объединять несколько независимых приложений Next.js под одним доменом

https://techhub.iodigital.com/articles/building-scalable-micro-frontends-with-next-js-multi-zones

6,379

FrontEndDev

23 Dec, 17:32

Плавный переход между страницами в пару строчек кода

Введение во View Transitions API с примерами.

https://htmhell.dev/adventcalendar/2024/3/

6,822

FrontEndDev

21 Dec, 19:37

Готовимся к вопросам по вёрстке на интервью Frontend-разработчика: «Какие знаешь псевдо-классы?»

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

7,164

FrontEndDev

20 Dec, 13:23

Введение в CSS Scroll-Driven анимации

10 лет с тех пор как scroll-driven появились в статусе proposal и вот они уже доступны. Простой пример на чистом CSS с реализацией таймлайн бара просмотра страницы в зависимости от скролла.

https://www.smashingmagazine.com/2024/12/introduction-css-scroll-driven-animations/

7,431

FrontEndDev

19 Dec, 18:19

JavaScript Window Object

Погружаемся в понятия и работу с объектом Window. Полезная информация для начинающих.

https://www.sitepoint.com/javascript-window-object/

6,781

FrontEndDev

18 Dec, 11:42

Создаем чистый API

Руководство с советами и практиками по созданию поддерживаемого и чистого RESTful API.

https://dev.to/geekvergil/stop-building-messy-apis-heres-your-clean-code-guide-4h95

7,067

FrontEndDev

16 Dec, 23:55

Отслеживание утечек памяти в приложениях на NodeJs

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

https://dev.to/gkampitakis/tracking-down-high-memory-usage-in-nodejs-2lbn

6,772

FrontEndDev

16 Dec, 13:15

🎁 Бесплатный урок курса «Fullstack Developer» на JS.
🚀 Тема: Манипуляции с HTML и CSS с помощью JavaScript — основы динамичного взаимодействия с элементами страницы
⏰ Дата и время: 18.12.2024 в 20:00

👉 Зарегистрироваться на урок: https://otus.pw/bgDV/

Что будет на вебинаре?
- Работа с DOM: освоим поиск, изменение и добавление HTML-элементов с помощью JavaScript, чтобы сделать страницы интерактивными.
- Реагирование на клики и события: как с помощью JavaScript управлять действиями пользователя, изменяя элементы страницы по щелчкам, вводам и другим событиям.
- Основы изменения стилей: научимся добавлять и убирать классы, менять стили CSS для динамического управления внешним видом элементов.

Что узнают участники?
- Как использовать JavaScript для взаимодействия с HTML и CSS, включая управление элементами страницы через простые клики и другие события.
- Основные методы изменения стилей и классов, чтобы делать интерфейсы более динамичными.
- Практические навыки для применения в небольших проектах, позволяя создавать страницы с интерактивными элементами, которые реагируют на действия пользователей.

Бонус для участников:
- Справочник по HTML
- Справочник по CSS

Урок пройдет в рамках курса «Fullstack Developer». Скидка на курс 15%.

👉 Зарегистрироваться на урок: https://otus.pw/bgDV/

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

6,238

FrontEndDev

16 Dec, 12:07

Создаем физический движок в 2D с нуля на JS

Создание собственного движка довольно сложная задача, но если опустить перфоманс оптимизации и ограничиться основными функциями, то это задача на удивление окажется простой.

https://ailef.tech/2022/11/12/creating-a-2d-physics-engine-from-scratch-in-javascript/

5,162

FrontEndDev

15 Dec, 15:28

#png #стеганография

Как спрятать любые данные в PNG

А вы уже прятали что-то внутри PNG? Базовый способ надежно спрятать что-то внутри картинки. И все на вашем любимом JavaScript!

⭐️⭐️⭐️◽️◽️

📖 Читать

5,110

FrontEndDev

14 Dec, 10:22

Практическое применение якорного позиционирования

Создаем онбординг (и не только) с помощью CSS Anchor position

https://css-tricks.com/one-of-those-onboarding-uis-with-anchor-positioning/

5,147

FrontEndDev

13 Dec, 20:48

Работаем с датой и временем в JavaScript

Работа с датой в JS зачастую не так проста. Для облегчения и удобства многие использовали Moment.js/date-fns. Как новый Temporal API может упростить работу с датой?

https://blog.logrocket.com/master-javascript-date-time-moment-js-temporal/

5,226

FrontEndDev

13 Dec, 06:28

Большой гайд по верстке с flexbox

Исчерпывающее руководство с демо и паттернами разработки на flexbox.

https://css-tricks.com/snippets/css/a-guide-to-flexbox/

5,399

FrontEndDev

11 Dec, 15:10

В Ташкенте прошел финал международного чемпионата по программированию Yandex Cup 2024. Рекордный призовой фонд в размере 16 млн рублей разделили участники и России, Беларуси, Японии, США, Великобритании и Португалии.

Участвовать можно было в 6 направлениях, среди которых был и фронтенд.
Темой соревнования в этом году стала «цифровая цивилизация», объединяющая древнюю культуру и IT. Кодеры изучали быт древних цивилизаций через программирование — например, расшифровывали древние письмена и придумывали систему архивации табличек для династии Хань.

А участники, попавшие на офлайн-финал, могли посетить отдельное пространство в формате «Музея Айтичности», в котором можно было представить себя человеком из будущего и посмотреть, как будут выглядеть артефакты современной IT-культуры через тысячу лет.

6,163

FrontEndDev

10 Dec, 14:10

CSS content-visibility

Одна из оптимизаций производительности, которую вы, возможно, упустили.

https://www.trevorlasn.com/blog/css-content-visibility

5,412

FrontEndDev

08 Dec, 20:48

3 наиболее необходимых CSS фич для таблиц

Дарин Сеннефф рассказывает о UX таблиц с точки зрения стилизации и тех фичах, которых ему не хватает в нативной реализации таблиц, предлагая свои решения для этого.

https://www.darins.page/articles/my-3-most-wanted-css-table-features

6,174

FrontEndDev

08 Dec, 13:09

От медленного к быстрому

Используем JS Performance API для анализа и оптимизации веб приложений.

https://www.trevorlasn.com/blog/performance-web-api-in-javascript

5,981

FrontEndDev

06 Dec, 23:04

Preload, prefetch, preconnect...

Атрибуты загрузки ресурсов: как они работают и как влияют на скорость работы и загрузки приложений.

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

6,579

FrontEndDev

04 Dec, 23:06

Импортируем JS библиотеки без сборщиков

Джулия Эванс рассказывает о том, как в современной экосистеме фронтенд разработки обойтись без сборщиков (если у вас небольшой проект/вам лень/вы любите трудности и не любите сон): 3 типа файлов, которые предлагают вам библиотеки и как с ними работать.

https://jvns.ca/blog/2024/11/18/how-to-import-a-javascript-library/

6,932

FrontEndDev

02 Dec, 19:29

Копаем глубже в Feature-Sliced Design

Александр Моргунов кратко разбирает FSD, делится опытом его использования и раскрывает некоторые моменты, не описанные в его документации. А также отвечает на главный вопрос: нужен вам FSD или нет?

https://www.youtube.com/watch?v=M84x3pzDYr0

6,751

FrontEndDev

22 Nov, 21:34

Пишем свой аккордеон (музыкальный инструмент) на JavaScript

О том, как работать с WebAudio API и создавать звуки программно на JS.

https://www.taniarascia.com/musical-instrument-web-audio-api/

2,411

FrontEndDev

22 Nov, 11:00

~~Довериться Вселенной и ждать, когда она сама тебя найдёт~~

💚 Подписаться на Avito Career и получать вакансии прямо в мессенджере.

В канале публикуют предложения для разных грейдов и направлений. От фронтенд-разработчиков до тимлидов.

Получайте актуальные вакансии и стажировки в Авито 👉 Подписывайтесь!

2,858

FrontEndDev

22 Nov, 10:42

Как на самом деле работает position: sticky в CSS

Разбираемся, почему часто position: sticky работает не так, как ожидает разработчик.

https://web-standards.ru/articles/position-sticky/

2,804

FrontEndDev

21 Nov, 16:09

Лучшие практики по работе с Context API в React приложении

Михаил Непомнящий рассказывает как оптимизировать React приложение при работе с Context API.

https://www.youtube.com/watch?v=zmAL9revylc

3,147

FrontEndDev

20 Nov, 22:40

Простое введение в Container Queries

Прошло уже несколько лет с тех пор, как Container Queries стали доступны в браузерах. Но мало кто их использует в своей разработке, потому что они не так просты, как Media Queries. Разберем их по полочкам, чтобы вы могли смело использовать их в работе.

https://www.joshwcomeau.com/css/container-queries-introduction/

3,535

FrontEndDev

19 Nov, 11:00

Ждём фронтендеров на Yet Another Frontend Night!

📅 23 ноября мы приглашаем разработчиков интерфейсов провести вечер в офисе Яндекса на Льва Толстого.

О мероприятии:

YAFN — это митап, на котором вы можете послушать экспертов из Яндекса, узнать о вакансиях в наших командах и развлечься в кругу коллег.

Если вы не в Москве, мы всё равно вас ждём — на онлайн-трансляции.

О программе:

— Выступление Руслана Муфтиева, руководителя разработки интерфейсов Ecom-сценариев
— Батл — ведущие эксперты Яндекса попробуют разобраться, должен ли фронтендер понимать продукт и нужны ли ему навыки менеджера
— Презентация вакансий — узнайте, к каким фронтенд-командам можно присоединиться
— Code in the Dark — победитель получит Яндекс Станцию Дуо Макс, а финалисты — станции Лайт 2. А ещё будет «Доббль»!
— Афтерпати и нетворкинг — под закуски, напитки и музыку

🔗 Оставить заявку на участие можно по ссылке. Дождитесь подтверждения вашего участия.

❤️ Ждём вас!

Реклама. ООО "Яндекс", ИНН 7736207543.

3,954

FrontEndDev

19 Nov, 09:47

15 советов и трюков по TypeScript

Небольшая подборка примеров продвинутого использования TS.

https://dev.to/mattlewandowski93/15-advanced-typescript-tips-and-tricks-you-might-not-know-12kk

3,726

FrontEndDev

19 Nov, 07:30

Введение в API MutationObserver

Короткая заметка о том, что такое MutationObserver, зачем он нужен и как с помощью него отслеживать изменения DOM элемента.

https://css-live.ru/articles/vvedenie-v-api-mutationobserver-iz-javascript.html

3,943

FrontEndDev

18 Nov, 21:32

Дебажим мобильное веб приложение на Android-смартфоне

Как отловить специфичный для мобильной платформы баг или понять особенности выполнения кода на реальных устройствах с помощью adb и DevTools.

https://jem-space.ru/mobile-degub-on-desktop/

3,983

FrontEndDev

16 Nov, 19:45

30 простых (и не очень) анимаций на CSS

Подборка анимаций на чистом CSS чтобы оживить ваше приложение.

https://blog.hubspot.com/website/css-animation-examples

5,489

FrontEndDev

16 Nov, 11:00

Устали бороться с древним кодом? Чувствуете, что легаси по-тихоньку захватывает ваш проект? 😱

Приглашаем на онлайн-митап «Как лиду работать с легаси?», где лид фронтенд-разработчик Мерка, Никита Шальнев, поделится проверенными техниками борьбы с «программным наследием».

О чем будем говорить?
- Что такое легаси-код и откуда он берется?
- Как обнаружить легаси в проекте?
- Какую ошибку постоянно совершают лиды?
- Как предотвратить появление легаси и сохранить код чистым?
- Рефакторинг или ... может, ну его? 😜

Встречаемся с вами в 19:00 МСК в канале @merkteam ⬅️

👉 Подписывайтесь, чтобы не пропустить митап, а заодно быть в курсе других мероприятий, открытых вакансий в Мерке и полезных айти-новостей от меркурианских разработчиков.

5,341

FrontEndDev

16 Nov, 08:24

Promise - краткое руководство

Ёмкая документация от Доки по работе с промисами: синтаксис, методы, цепочки вызовов, промисификация функций с колбэком.

https://doka.guide/js/promise/

5,069

FrontEndDev

15 Nov, 11:56

JavaScript Import Attributes

Разбираемся с новым синтаксисом импортов в JS (ES2025) и какую проблему он решает.

https://www.trevorlasn.com/blog/import-attributes-in-javascript

5,377

FrontEndDev

14 Nov, 11:12

Почему оптимизация Lighthouse score — не гарантия быстрого сайта?

А также почему фикс по рекомендациям Lighthouse — это хороший старт для улучшения приложений.

https://www.smashingmagazine.com/2024/11/why-optimizing-lighthouse-score-not-enough-fast-website/

5,195

FrontEndDev

13 Nov, 14:05

Яндекс приглашает на «Ночь опенсорс библиотек»

Мейнтейнеры крупных проектов расскажут, как коммитить так, чтобы ваш код всегда принимали. Frontend-разработчики смогут познакомиться с созданием интерфейсов в Gravity UI, научиться быстро кодить в HTML/CSS на emmet и упростить написание скриптов с помощью zx.

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

Мероприятие пройдет в московской Библиотеке иностранной литературы. Зарегистрироваться можно до 4 декабря по ссылке.

4,691

FrontEndDev

13 Nov, 13:40

Разбираемся с процессом рендеринга в браузере

Один из частых вопросов на собеседовании - вы вводите адрес в строку браузера и нажимаете Enter, что происходит дальше?
Подробное описание стадий - от отправки запроса до отображения пикселей на экране.

https://abhisaha.com/blog/exploring-browser-rendering-process

4,460

FrontEndDev

12 Nov, 17:52

Современный CSS reset

Обычно базовые стили кочуют у разработчиков из проекта в проект. Что могло поменяться с течением времени? Josh Comeau делится своим набором стилей и тем, что в нем изменилось за последнее время.

https://www.joshwcomeau.com/css/custom-css-reset/

4,768

FrontEndDev

11 Nov, 21:37

10 советов по SEO для разработчиков

Приемы и трюки для улучшения SEO ваших приложений. Использование SSR, оптимизация метаданных, управление ленивой загрузкой, создание описательных URL и добавление структурированных данных.

https://thenewstack.io/top-10-javascript-seo-tricks-every-developer-should-know/

4,104

FrontEndDev

11 Nov, 12:45

ResizeObserver API

ResizeObserver API — инструмент JavaScript для отслеживания изменений размеров HTML-элементов, полезный при работе с адаптивными и динамическими интерфейсами. Туториал, показывающий как создать экземпляр ResizeObserver, наблюдать за элементами и управлять событиями изменения размера.

https://blog.logrocket.com/how-to-use-the-resizeobserver-api-a-tutorial-with-examples/

4,335

FrontEndDev

10 Nov, 14:07

Фронтенд в картинках — просто, наглядно и понятно. Новые знания в компактном формате каждый день.

Присоединяйтесь: @FrontendPortal

4,436

FrontEndDev

10 Nov, 13:29

CSS трюки с использованием одного градиента

CSS cинтаксис градиентов относительно сложный и в нем легко можно запутаться, если делать сложные вещи. Посмотрим на простых примерах, что можно сделать с использованием лишь 1 градиента.

https://css-tricks.com/css-tricks-that-use-only-one-gradient/

4,190

FrontEndDev

09 Nov, 15:38

WebView-приложения. Время гибридных технологий

Андрей Симонов в своем докладе рассказывает, почему появление гибридов — это естественная эволюция, что они дадут разработчику и бизнесу.

https://www.youtube.com/watch?v=l87upW6M9Bw

3,519

FrontEndDev

09 Nov, 13:24

Интерактивное руководство по CSS Transitions

Подробный гайд по CSS Transitions от Josh W. Comeau с примерами, которые можно потыкать.

https://www.joshwcomeau.com/animation/css-transitions/

3,506

FrontEndDev

08 Nov, 21:29

Как отключить ECH для вашего домена на Cloudflare

Если ваш сайт на Cloudflare перестал работать без VPN, то все дело в технологии Encrypted Client Hello, которую включил Cloudflare. Ее можно отключить на платных тарифах в админке, а в бесплатных только если ты хакер.

Сначала проверяем домен на предмет работы ECH так:
https://dns.google/resolve?name=[ВАШ_ДОМЕН]&type=HTTPS

У меня в ответе видно, что включен {"name":"jem-space.ru.","type":65,"TTL":300,"data":"1 . alpn=h3,h2 ipv4hint=188.114.96.1,188.114.97.1 ech=AEX+DQBBHQAgACAhjyy/+kI2j...."}

Идем в https://dash.cloudflare.com/profile/api-tokens и копируем свой Global API Key.
На странице домена внизу справа копируем Zone ID.

Отключаем ECH запросом curl (или постман)

curl -X PATCH "https://api.cloudflare.com/client/v4/zones/{ID_ZONE}/settings/ech" \
     -H "X-Auth-Email: {ACCOUNT_EMAIL}" \
     -H "X-Auth-Key: {GLOBAL_API_KEY}" \
     -H "Content-Type:application/json" --data '{"id":"ech","value":"off"}'

Источник https://habr.com/ru/articles/856602/

3,972

FrontEndDev

08 Nov, 16:50

Способы улучшить показатели Core Web Vitals

Советы по улучшению показателей INP, CLS и LCP.

https://web.dev/articles/top-cwv

3,966

FrontEndDev

07 Nov, 16:37

Геймдев на JavaScript

Туториал по созданию Sonic Runner с использованием библиотеки Kaplay.

https://www.youtube.com/watch?v=EmMO0yQ7eeY

4,510

FrontEndDev

07 Nov, 11:07

Бесплатное IT-образование в 2024

Отобрали для вас полезные телеграм-каналы, которые помогут освоить программирование и другие IT-направления

Выбирайте нужное и подписывайтесь:

👩‍💻

Frontend: @FrontendPortal

⚙

Backend: @BackendPortal

📱

GitHub: @git_developer

🤓

Книги айти: @portalToIT

👩‍💻

Python: @PythonPortal

👩‍💻

Java: @Java_Iibrary

👩‍💻

C#: @KodBlog

👩‍💻

С/С++: @Cpportal

🖥

Базы Данных & SQL: @SQL

👩‍💻

Golang: @juniorGolang

👩‍💻

PHP: @PHPortal

👩‍💻

Моб. разработка: @MobDev

👩‍💻

Разработка игр: @GameDevgx

👩‍💻

DevOps: @loose_code

🖥

Data Science: @DataSciencegx

🤔

Хакинг & ИБ: @cybersecinform
🐞 Тестирование: @QAPortal

📱

Маркетинг: @MarketingPortal

🖥

Дизайн: @PortalToDesign

➡ Сохраняйте себе, чтобы не потерять

4,589

FrontEndDev

06 Nov, 11:31

Вписываем текст во всю ширину строки

Интересный трюк, позволяющий подогнать размер шрифта для полного заполнения текста

https://frontendmasters.com/blog/edge-to-edge-text/

4,536

FrontEndDev

06 Nov, 09:03

Улучшенная работа вложенного CSS с CSSNestedDeclarations

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

https://web.dev/blog/css-nesting-cssnesteddeclarations?hl=en

4,652

FrontEndDev

04 Nov, 16:20

npm audit

Что такое npm audit и как фиксить проблемы с уязвимостями, которые мы видим в консоли после установки.

https://www.niraj.life/blog/understanding-npm-audit-fixing-vulnerabilities-nodejs/

5,254

FrontEndDev

01 Nov, 19:44

Анимируем React приложение с Framer Motion

Короткий курс по анимации на примере приложения со списком.

https://egghead.io/lessons/react-create-micro-interactions-with-framer-motion-gesture-props

5,971

FrontEndDev

30 Oct, 12:44

Значок скрола в DevTools

Теперь стало намного проще находить элементы, у которых присутствует скрол, с новым обновлением DevTools.

https://developer.chrome.com/blog/swe-devtools-scroll-badge

6,326

FrontEndDev

29 Oct, 23:30

State of CSS 2024

Результаты ежегодного исследования о CSS: инструменты, фреймворки, тренды, фичи.

https://2024.stateofcss.com/ru-RU

6,244

FrontEndDev

29 Oct, 06:45

Создаем заполняющийся индикатор загрузки

Пошаговый туториал создания лоадера с использованием всего 1 элемента на чистом CSS.

https://www.freecodecamp.org/news/filling-css-loaders/

6,140

FrontEndDev

28 Oct, 21:54

Сайты на Framer ускорили интерактивность на 50%

Команда Framer рассказывает о новом обновлении, которое ускоряет интерактивность сайтов, используя более оптимальный алгоритм загрузки и обновления.

https://www.framer.com/blog/sites-interactive-faster/

5,892

FrontEndDev

28 Oct, 13:00

erid:2VtzqubR5DN
Как устроена работа ИТ-специалистов в Т-Банке?

Загляните в канал T-Crew — тут показывают будни команды и делятся полезным:

— Дайджесты вакансий, регистрация на fast track и приглашения от руководителей.
— Анонсы мероприятий. Например, когда пройдет следующий ИТ-каток, ИТ-пикник и другие нашумевшие ивенты.
— Кейсы, статьи и лайфхаки для работы — от методов планирования до карьерного роста.

Подписаться на T-Crew

3,399

FrontEndDev

26 Oct, 23:59

Продвинутый Ctrl+F

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

https://alfy.blog/2024/10/19/linking-directly-to-web-page-content.html

5,615

FrontEndDev

26 Oct, 07:28

Способы реализации светлой/темной темы

Используем css переменные, prefers-color-scheme и JS для динамического переключения темы.

https://css-tricks.com/come-to-the-light-dark-side/

6,045

FrontEndDev

25 Oct, 22:01

3D анимация грида с scroll-triggered эффектами

Очередной красивый концепт анимаций и переходов с использованием скролла.

Демо | Github

https://tympanus.net/codrops/2024/10/16/staggered-3d-grid-animations-with-scroll-triggered-effects/

5,663

FrontEndDev

25 Oct, 10:00

Прими участие в «Хакатоне по разработке кибериммунных технологий 3.0» от «Лаборатории Касперского» с призовым фондом 1 000 000 рублей!

Регистрация на хакатон открыта до 15 ноября: https://cnrlink.com/cyberimmunehack3frontdev

Приглашаем разработчиков, аналитиков, архитекторов ПО, экспертов по информационной безопасности и студентов программирования и кибербезопасности. Участвуй индивидуально или в команде до 5 человек.

Тебе предстоит разработать систему удалённого управления автомобилем для каршеринга, устойчивую к кибератакам. Специальных знаний в автомобильной отрасли не требуется — задача будет понятна всем, независимо от опыта.

Это твой шанс прокачать навыки в кибербезопасности и пообщаться с экспертами «Лаборатории Касперского».

Ключевые даты:
• 15 октября – 15 ноября – регистрация участников
• 8 ноября – митап с экспертами и игра «Огнеборец»
• 15 ноября – старт хакатона
• 17 ноября – дедлайн загрузки решений
• 22 ноября – подведение итогов и объявление победителей

Регистрируйся, прояви себя и внеси вклад в безопасность каршеринговых сервисов: https://cnrlink.com/cyberimmunehack3frontdev

Реклама. АО «Лаборатория Касперского». ИНН 7713140469. erid: LjN8K7KrX

5,292

FrontEndDev

24 Oct, 07:15

Встречайте новый оператор безопасного присвоения

Какие плюсы использования оператора ?= и в каких кейсах его можно использовать.

https://jsdev.space/safe-assignment-operator/

5,412

FrontEndDev

24 Oct, 01:08

Создаем книжный магазин, используя React, Node и MongoDB

Большой и подробный туториал по созданию frontend и backend частей для онлайн магазина книг.

https://www.youtube.com/watch?v=pgw2KPfgK1E

5,485

FrontEndDev

22 Oct, 11:55

Хотите освоить прогрессивный фреймворк для создания веб-приложений на JS?

➡Ждем вас на открытом вебинаре 23 октября в 20:00 мск, где мы разберем:

✔архитектурные принципы Nest.Js, включая внедрение зависимостей и модульность;
✔как создавать маршруты, контроллеры и использовать middleware;
✔как работать с базами данных, включая MongoDB, PostgreSQL и MySQL;
✔методы тестирования и отладки приложений Nest.Js.

Спикер Николай Лапшин — опытный архитектор, тимлид, преподаватель и разработчик с широким технологическим стеком.

Встречаемся в преддверии старта курса «Node.js Developer». Все участники вебинара получат специальную цену на обучение!

➡

Регистрируйтесь прямо сейчас, чтобы не пропустить мероприятие:

https://vk.cc/cCklPU

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

4,844

FrontEndDev

21 Oct, 23:18

LocalStorage vs. IndexedDB vs. Cookies vs. OPFS vs. WASM-SQLite

Добавляем к привычному сравнению способов хранения данных на фронте новые: OPFS и WASM-SQLite

https://rxdb.info/articles/localstorage-indexeddb-cookies-opfs-sqlite-wasm.html

5,494

FrontEndDev

20 Oct, 08:03

Темы для проигрывателей Media Chrome

Набор тем для видео и аудио плееров созданных на основе Media Chrome для любых фреймворков.

https://player.style/

5,751

FrontEndDev

19 Oct, 23:26

CSS Pattern

Сборник красивых фонов на чистом CSS

https://css-pattern.com/

5,463

FrontEndDev

18 Oct, 00:42

Несколько простых советов по использованию DevTools

От банального $0 в консоли до Edit and Resend Request в Network

https://www.freecodecamp.org/news/cross-browser-devtools-features

6,505

FrontEndDev

16 Oct, 13:20

Приглашаем на конференцию по JavaScript-разработке — 7 ноября онлайн и 14–15 ноября в Санкт-Петербурге

Новая HolyJS — это:
— 40 докладов и 3 воркшопа о JavaScript во всех сферах его использования;
— большая встреча JS-сообщества в онлайне и офлайне;
— обмен опытом, нетворкинг, конкурсы по кодингу и другие активности.

О чем можно послушать: про фронтенд, бэкенд, графику, 3D-движки в беспилотных автомобилях, архитектуру, внутренности фреймворков и многое другое.

Чем можно заняться на воркшопах: оптимизировать web perf, разработать игру для TON, внедрить HTMLVideoElement с быстрой перемоткой.

Где попробовать свои силы: в «открытом микрофоне», в соревновании Code in the Dark и других конкурсах от партнеров конференции.

Выбирайте, что вам больше по душе — и покупайте персональный билет со скидкой 15% по промокоду — FRONTENDDEV

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

Реклама. ООО «Джуг Ру Груп». ИНН 7801341446

6,517

FrontEndDev

16 Oct, 11:56

Контекстно-зависимые анимации для фиксированных элементов

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

Демо | Github

https://tympanus.net/codrops/2024/10/09/exploring-playful-context-aware-animations-for-fixed-elements/

5,435

FrontEndDev

14 Oct, 22:54

Scroll Driven анимация карточек

Вариант замены привычной карусели

https://codepen.io/paulnoble/full/gOVPedz

5,896

FrontEndDev

14 Oct, 12:49

Поддержка различных видов масштабирования

О том, как правильно поддерживать различное поведение зума на веб-сайтах, чтобы страницы корректно реагировали на увеличение в браузерах и сенсорное масштабирование на устройствах. Лучшие практики для улучшения доступности контента.

https://blog.logrocket.com/understanding-supporting-zoom-behaviors-web/

5,711

FrontEndDev

13 Oct, 07:05

Сейчас сезон, когда IT-мероприятий, как из рога изобилия — как оффлайн, так и онлайн

Но где найти единую "базу" ивентов? Чтобы "заглянул -> увидел все что есть -> выбрал -> пошел"?

🔥Советуем обратить внимание на канал, в котором публикуют анонсы вебинаров, хакатонов, конференций, мастер-классов, ивентов от гигантов индустрии и лучших специалистов по кодингу, дизайну, аналитике и т.д.

👍 Очень крутая вещь, где вы точно не пропустите ничего важного и интересного.

🗂

IT-мероприятия России / ITMeeting / IT events - подпишитесь, чтобы не потерять!

5,251

FrontEndDev

12 Oct, 23:33

Управление памятью в JS c WeakRef и FinalizationRegistry

Что такое WeakRef и FinalizationRegistry, как и когда их стоит использовать и как это влияет на использование памяти.

https://jsdev.space/memory-management-js/

5,186

FrontEndDev

12 Oct, 10:36

ViteConf 2024

43 доклада с прошедшей конференции об экосистеме vite.

https://viteconf.org/24/replay

5,136

FrontEndDev

12 Oct, 07:24

Несколько советов по доступности

Кевин Эндрюс делится советами по accessibility, которые можно применять уже сегодня.

https://piccalil.li/blog/practical-accessibility-tips-you-can-apply-today/

5,383

FrontEndDev

10 Oct, 09:45

Перевод веб приложения в Telegram Mini Apps

Интересная история о том, как команда Точки решила изменить подход к развитию продукта и перевела его на интеграцию с Telegram.

Глеб Агеев — фронт-разработчик Точка Нетворк, рассказывает о том, как это упростило разработку и делится советами по эффективной работе с платформой.

5,924

FrontEndDev

09 Oct, 22:18

Используем Map вместо привычного Object

Дмитрий Павлутин рассказывает о том, как обойти ограничения обычных объектов для хранения данных с помощью Map.

https://dmitripavlutin.com/maps-vs-plain-objects-javascript/

5,760

FrontEndDev

09 Oct, 15:56

Как использовать CSS свойство backdrop-filter

Примеры стилизации с backdrop-filter, которые помогут создать необычный эффект в пару строк.

https://blog.logrocket.com/use-css-backdrop-filter-property/

5,672

FrontEndDev

09 Oct, 12:59

В чем разница между Dialog и Popover?

Разбираем отличия и аспекты использования Dialog и Popover.

https://frontendmasters.com/blog/whats-the-difference-between-htmls-dialog-element-and-popovers

5,687

FrontEndDev

08 Oct, 10:01

Всем привет!
На связи команда RuStore.

Каждый день мы стараемся делать RuStore ещё удобнее и будем благодарны за вашу помощь. Примите участие в исследовании о работе магазинов приложений, заполнив небольшой опрос.

Это займёт не более 5 минут и поможет нам стать лучше.

Пройти опрос по ссылке

5,375

FrontEndDev

08 Oct, 07:15

AbortController не только для fetch

Несколько вариантов использования AbortController'a, о которых мало кто знает, но которые могут быть сподручными при решении задач разработки.

https://kettanaito.com/blog/dont-sleep-on-abort-controller

5,119

FrontEndDev

07 Oct, 18:53

Сделайте ваше React приложение в стиле Windows 95

Библиотека React компонентов для ностальгирующих.

https://react95.github.io/React95/?path=/story/all--all

5,589

FrontEndDev

06 Oct, 08:14

Сборщики: прошлое, настоящее и будущее

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

https://www.youtube.com/watch?v=JUS6EPMbk0U

6,046

FrontEndDev

05 Oct, 23:58

ESLint теперь поддерживает линтинг JSON

Поддержка новых правил с помощью плагинов eslint/json и eslint/markdown для проверки JSON и Markdown файлов

https://eslint.org/blog/2024/10/eslint-json-markdown-support/

5,663

FrontEndDev

04 Oct, 09:30

🙂 Как эффективно и безболезненно внедрить DevSecOps?

Positive Technologies выпустили в помощь общедоступную методологию внедрения практик безопасной разработки — AppSec Table Top.

📖 Внутри — набор принципов и подходов, которые помогут выстроить AppSec-процессы с учетом интересов бизнеса, требований регуляторов и потребностей команд.

В методологии учтена передовая экспертиза Positive Technologies в области application security, а также лучшие российские практики и зарубежные наработки.

Скачивайте гайдлайн на сайте, а дальше... вы будете знать, что делать.

6,187

FrontEndDev

04 Oct, 07:34

Angular Routing

Все, что нужно знать о роутинге в Angular в одной статье

https://monsterlessons-academy.com/posts/angular-routing-essentials-all-you-need-to-know-in-one-post

5,288

FrontEndDev

FrontEndDev (Russian)

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev

FrontEndDev