FrontEndDev

Прошел вайб-чек от команды Яндекс Вертикалей, кажется, мне пора в отпуск. Какие у вас результаты? 🆖 перейти в бота

Когда обычный массив занимает меньше памяти чем Uint8Arrays Короткое сравнение array vs Uint8Array по памяти для случаев, когда вам важен каждый байт https://evanhahn.com/v8-array-vs-uint8array-memory-usage/

Грядущий Temporal API и проблемы которые он решает Что не так с Date и как Temporal API поможет решить существующие ограничения для работы с датой и временем в JS. https://waspdev.com/articles/2025-05-24/temporal-api

Анимируем открытие модального окна Используем функцию shape для задания параметров движения модального окна при открытии. https://frontendmasters.com/blog/move-modal-in-on-a-shape/

HTML5 элементы о которых вы не знали, что они вам нужны Очередной кликбейтный заголовок, но все же есть парочка интересных тегов, которые могут быть полезны (например <datalist>, <output>, <time>). https://dev.to/maxprilutskiy/html5-elements-you-didnt-know-you-need-gan

⚒️ Как освоить работу с API и научиться интегрировать реальные данные на веб-страницу? На открытом вебинаре вы разберетесь: ▸Что такое API, как с ним работать; ▸Как получать данные с реальных серверов с помощью JavaScript и fetch(); ▸ Мы покажем, как создавать простые приложения с реальными API: погода, курсы валют, случайные цитаты. ❗️ Получите практические навыки работы с API, которые помогут вам быстро создать полезные веб-приложения. Это отличный старт для начинающих разработчиков и верстальщиков, которые хотят выйти на новый уровень. 📅 Урок 3 июня в 20:00 МСК проходит в преддверие старта курса «Fullstack Developer»: https://otus.pw/Xgp2/ Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

Подкаст Веб-стандарты. Выпуск 476 Google I/O, Baseline, доступность, TypeScript на Go, вайб-тестинг, MCP на GraphQL https://web-standards.ru/podcast/476/

Алгоритмы JavaScript Репозиторий со сборником алгоритмов от простых задач с манипуляциями со строкой до продвинутых задач поиска и сортировки. https://github.com/AllThingsSmitty/javascript-algorithms

Анимируем сетку с товарами Красивый и ненавязчивый эффект для приложения с товарами. Демо | Github https://tympanus.net/codrops/2025/05/27/animated-product-grid-preview-with-gsap-clip-path/

prompt-kit UI kit c Доступными и кастомизируемыми компонентами для приложений с AI. https://www.prompt-kit.com/

Встречаемся 3 июня на Frontend meetup! Пойдём в московский офис Авито, чтоб послушать спикеров, понетворкать и обсудить, как: ☑️ внедрять Suspense SSR Architecture в проекты на React; ☑️ генерировать реактивные модели из GraphQL-схем; ☑️ интегрировать зависимости (DI) через библиотеку tsyringe. Кстати, обещают ещё секретный и максимально крутой доклад! Регистрация тут.

10 обновлений с прошедшей Google I/O 2025 CSS карусели, DevTools с AI, Prompt API c возможностью нескольких модальных окон и другие итоги. https://developer.chrome.com/blog/web-at-io25

Defuddle: извлекаем основной контент с веб страниц Удаляем коменты, сайдбары, хедеры, футеры и прочее при парсинге с Defuddle. https://github.com/kepano/defuddle

Стилизация alt текста Интересный подход от Энди Белла по оформлению альтернативного текста для изображения, которое не загрузилось. https://css-tricks.com/you-can-style-alt-text-like-any-other-text/

🔧Хотите научиться создавать собственные, повторно используемые компоненты для веб-приложений? Откройте для себя мощь веб-компонентов и Shadow DOM! На открытом уроке вы узнаете: ▸ Как создавать изолированные UI-компоненты с помощью чистого JavaScript, ▸ Как использовать их в любых проектах, независимо от фреймворка, ▸ Сравнение веб-компонентов и React-компонентов — плюсы и минусы каждого подхода. 🔹 Узнайте, как быстро разрабатывать универсальные компоненты для интерфейсов, которые легко интегрируются в любые веб-приложения. Вы получите практические знания по созданию UI-kit с нуля и сможете использовать их в реальных проектах. 🎓Урок пройдет в преддверие старта курса «Fullstack Developer» 📅 Встречаемся 28 мая в 20:00 МСК. ➡️ Регистрация открыта: https://otus.pw/Q0DZ/ Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

Простые базовые правила дизайна, которым можно следовать всегда При разработке дизайна приложений есть много тонкостей и нюансов, и человек который не очень умеет в дизайн, может легко запутаться. Энтони Хобдей делится простыми правилами, которым можно следовать, если вам нужно сделать просто и красиво. https://anthonyhobday.com/sideprojects/saferules/

10 фич Node.js v24 о которых вы, возможно, не знали Встроенный тест раннер, поддержка TS, --env флаг для работы с переменными окружения, встроенная SQLite и ещё несколько фишек, упрощающих разработку. https://blog.logrocket.com/node-js-24-features/

Среда выполнения JavaScript простым языком Движок, Event Loop и очереди задач. https://habr.com/ru/companies/gnivc/articles/910918/

Полное руководство по регулярным выражениям в JS Большой гайд по регуляркам: синтаксис, флаги, операторы, классы, группировки, методы работы в JS. https://www.honeybadger.io/blog/javascript-regular-expressions/

🚀 Почему пользователи платят $30 за простой конвертер картинок? Давайте разберемся. Кирилл из комьюнити создал простой продукт всего за один месяц, внедрив метод, которой уже принес результат. Как он это сделал: 1️⃣ Анализ спроса: через поисковые запросы он увидел, что много людей ищут конвертацию «HEIC to JPG». 2️⃣ Фокус на главном: удалил всё лишнее, оставив только функцию конвертации в один клик. 3️⃣ Скорость внедрения: за 30 дней сделал запуск без перфекционизма. Посты про конвертер (ч.1, ч.2) Что из этого получилось: — Доход $500 в месяц с тенденцией роста. — Более $10K заработано на конвертере. — $0 на рекламу, всего $40 в месяц на сервер. Выводы: — Люди платят за удобство, даже если есть бесплатные аналоги. — Продукт функционирует автоматически с минимальной поддержкой. — Быстрая и экономичная проверка идеи может быть успешной. Результаты из комьюнити билдеров: — Более 400 запусков по этой методике. — Некоторые продукты уже набрали от 50К до 100К+ пользователей. Присоединяйтесь к @its_capitan — следите за процессом разработки, продвижения и узнайте, сколько можно заработать на таких микро-продуктах. Реклама: ИП Зуев Игорь Владимирович, ИНН: 360408359441, Erid: 2VtzqxiBDac