FrontEndDev

30 мая 2025 12:34

⚒️ Как освоить работу с API и научиться интегрировать реальные данные на веб-страницу?

На открытом вебинаре вы разберетесь:
▸Что такое API, как с ним работать;
▸Как получать данные с реальных серверов с помощью JavaScript и fetch();
▸ Мы покажем, как создавать простые приложения с реальными API: погода, курсы валют, случайные цитаты.

❗️ Получите практические навыки работы с API, которые помогут вам быстро создать полезные веб-приложения. Это отличный старт для начинающих разработчиков и верстальщиков, которые хотят выйти на новый уровень.

📅 Урок 3 июня в 20:00 МСК проходит в преддверие старта курса «Fullstack Developer»: https://otus.pw/Xgp2/

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

FrontEndDev

29 мая 2025 17:56

Алгоритмы JavaScript

Репозиторий со сборником алгоритмов от простых задач с манипуляциями со строкой до продвинутых задач поиска и сортировки.

https://github.com/AllThingsSmitty/javascript-algorithms

FrontEndDev

28 мая 2025 17:11

prompt-kit

UI kit c Доступными и кастомизируемыми компонентами для приложений с AI.

https://www.prompt-kit.com/

FrontEndDev

27 мая 2025 07:39

10 обновлений с прошедшей Google I/O 2025

CSS карусели, DevTools с AI, Prompt API c возможностью нескольких модальных окон и другие итоги.

https://developer.chrome.com/blog/web-at-io25

FrontEndDev

24 мая 2025 17:48

Стилизация alt текста

Интересный подход от Энди Белла по оформлению альтернативного текста для изображения, которое не загрузилось.

https://css-tricks.com/you-can-style-alt-text-like-any-other-text/

FrontEndDev

24 мая 2025 10:34

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

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

https://anthonyhobday.com/sideprojects/saferules/

FrontEndDev

23 мая 2025 12:23

Среда выполнения JavaScript простым языком

Движок, Event Loop и очереди задач.

https://habr.com/ru/companies/gnivc/articles/910918/

FrontEndDev

21 мая 2025 12:01

🚀 Почему пользователи платят $30 за простой конвертер картинок? Давайте разберемся.

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

Как он это сделал:
1️⃣ Анализ спроса: через поисковые запросы он увидел, что много людей ищут конвертацию «HEIC to JPG».
2️⃣ Фокус на главном: удалил всё лишнее, оставив только функцию конвертации в один клик.
3️⃣ Скорость внедрения: за 30 дней сделал запуск без перфекционизма.

Посты про конвертер (ч.1, ч.2)

Что из этого получилось:
— Доход $500 в месяц с тенденцией роста.
— Более $10K заработано на конвертере.
— $0 на рекламу, всего $40 в месяц на сервер.

Выводы:
— Люди платят за удобство, даже если есть бесплатные аналоги.
— Продукт функционирует автоматически с минимальной поддержкой.
— Быстрая и экономичная проверка идеи может быть успешной.

Результаты из комьюнити билдеров:
— Более 400 запусков по этой методике.
— Некоторые продукты уже набрали от 50К до 100К+ пользователей.

Присоединяйтесь к @its_capitan — следите за процессом разработки, продвижения и узнайте, сколько можно заработать на таких микро-продуктах.

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

FrontEndDev

19 мая 2025 18:15

Форматирование console.log

Несколько способов сделать вывод логов практичнее и удобнее.

https://developer.chrome.com/docs/devtools/console/format-style

FrontEndDev

18 мая 2025 12:00

Хакатон «ВНЕДРЕЙД» от Orion soft собирает 300 сильнейших представителей ИТ-касты, готовых штурмовать инфру Т‑Банка, Авито, Lamoda, CDEK и Magnit Tech.

48 часов кода, драйва и никаких ограничений. После 22:00 карета превращается в тыкву, а внедрейд во внедрейв: темные окна, светлые головы и вечно горячий роутер.

Когда? 7-8 июня
Где? Москва, «Суперметалл»
Приз — экспедиция на Эльбрус для всей команды

Присоединяйся к штурму бигтеха: [Подать заявку]

FrontEndDev

17 мая 2025 16:27

Очищаем куки в браузере с помощью закладки

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

https://henry.codes/writing/a-bookmarklet-for-clearing-cookies-for-the-current-page/

FrontEndDev

15 мая 2025 12:15

Не просто кнопка "Загрузить": Секреты работы с файлами в React

🎓 19 мая в 20:00 — бесплатный вебинар для разработчиков, которые хотят делать удобную и безопасную загрузку файлов в React-приложениях.

Что покажем:
— Drag & Drop, предпросмотр, валидация — всё, что ждали от UX;
— Обработка PDF, Excel и изображений прямо в браузере;
— Как не «положить» интерфейс при загрузке тяжёлых файлов;
— Защита от XSS, проверка MIME-типов и другие нюансы безопасности.

📌 Для фронтендеров и fullstack-разработчиков, которым важна клиентская оптимизация.

В программе — реальные примеры кода, которые можно сразу использовать.
Урок пройдет в преддверии старта курса «React.js Developer». Каждый участник вебинара получит скидку на обучение.

Регистрация: https://otus.pw/LKaH/

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

FrontEndDev

15 мая 2025 00:23

Тайна процентных высот

Как работают высоты в процентах в CSS? Джош Комо рассказывает, почему процентная высота часто ведет себя не так как мы ожидаем.

https://www.joshwcomeau.com/css/height-enigma/

FrontEndDev

13 мая 2025 13:59

React Router Devtools

Набор инструментов для отладки приложений на основе React Router v7+. Предоставляет интерфейс с вкладками Active Page, Terminal, Settings, Errors, Network и Routes, а также боковую вкладку Timeline, позволяя эффективно отслеживать информацию о страницах, URL-параметрах, ответах сервера, данных загрузчиков, маршрутах и многом другом.

https://github.com/forge-42/react-router-devtools

FrontEndDev

12 мая 2025 11:15

WebTUI

Модульная CSS библиотека для оформления веб интерфейсов в стиле терминала.

Демо: https://webtui.ironclad.sh/examples/

https://github.com/webtui/webtui

FrontEndDev

30 мая 2025 09:40

Подкаст Веб-стандарты. Выпуск 476

Google I/O, Baseline, доступность, TypeScript на Go, вайб-тестинг, MCP на GraphQL

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

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

FrontEndDev

29 мая 2025 16:15

Анимируем сетку с товарами

Красивый и ненавязчивый эффект для приложения с товарами.

Демо | Github

https://tympanus.net/codrops/2025/05/27/animated-product-grid-preview-with-gsap-clip-path/

FrontEndDev

27 мая 2025 16:00

Встречаемся 3 июня на Frontend meetup!

Пойдём в московский офис Авито, чтоб послушать спикеров, понетворкать и обсудить, как:

☑️ внедрять Suspense SSR Architecture в проекты на React;
☑️ генерировать реактивные модели из GraphQL-схем;
☑️ интегрировать зависимости (DI) через библиотеку tsyringe.

Кстати, обещают ещё секретный и максимально крутой доклад!

Регистрация тут.

FrontEndDev

26 мая 2025 12:04

Defuddle: извлекаем основной контент с веб страниц

Удаляем коменты, сайдбары, хедеры, футеры и прочее при парсинге с Defuddle.

https://github.com/kepano/defuddle

FrontEndDev

24 мая 2025 12:15

🔧Хотите научиться создавать собственные, повторно используемые компоненты для веб-приложений?

Откройте для себя мощь веб-компонентов и Shadow DOM!

На открытом уроке вы узнаете:
▸ Как создавать изолированные UI-компоненты с помощью чистого JavaScript,
▸ Как использовать их в любых проектах, независимо от фреймворка,
▸ Сравнение веб-компонентов и React-компонентов — плюсы и минусы каждого подхода.

🔹 Узнайте, как быстро разрабатывать универсальные компоненты для интерфейсов, которые легко интегрируются в любые веб-приложения. Вы получите практические знания по созданию UI-kit с нуля и сможете использовать их в реальных проектах.

🎓Урок пройдет в преддверие старта курса «Fullstack Developer»
📅 Встречаемся 28 мая в 20:00 МСК.

➡️ Регистрация открыта: https://otus.pw/Q0DZ/

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

FrontEndDev

24 мая 2025 02:59

10 фич Node.js v24 о которых вы, возможно, не знали

Встроенный тест раннер, поддержка TS, --env флаг для работы с переменными окружения, встроенная SQLite и ещё несколько фишек, упрощающих разработку.

https://blog.logrocket.com/node-js-24-features/

FrontEndDev

21 мая 2025 19:01

Полное руководство по регулярным выражениям в JS

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

https://www.honeybadger.io/blog/javascript-regular-expressions/

FrontEndDev

21 мая 2025 10:13

JavaScript, when is this?

Как работает ключевое слово this в JavaScript и как контекст выполнения и стек вызовов влияют на его значение.

https://piccalil.li/blog/javascript-when-is-this/

FrontEndDev

19 мая 2025 16:29

Применение генераторов

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

https://macarthur.me/posts/generators/

FrontEndDev

17 мая 2025 18:33

Хорошая анимация vs отличная анимация

Мелкие детали, на которые стоит обратить внимание, чтобы улучшить вашу анимацию.

https://emilkowal.ski/ui/good-vs-great-animations

FrontEndDev

17 мая 2025 13:13

FontsNinja

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

https://fonts.ninja/

FrontEndDev

15 мая 2025 09:35

Набор инструментов в помощь веб разработчику

Очередной набор небольших утилит от генератора теней и палитр до конверторов и шпаргалок по технологиям.

https://tiny-helpers.dev/

FrontEndDev

14 мая 2025 17:49

Конвертор SVG paths в CSS shape

Интересный инструмент, который использует новую функцию shape() свойства clip-path для создания CSS фигур.

https://css-generators.com/svg-to-css/

FrontEndDev

12 мая 2025 13:25

Frontend + Летний митап + Суббота = Я.Субботник по разработке интерфейсов 💛

7 июня в Москве Яндекс Go проводит Я.Субботник по разработке интерфейсов. В программе 4 доклада и воркшоп:

👉 Артемий Карпов расскажет, как команда выстраивает взаимодействие между разработкой и тестированием при написании автотестов и улучшении семантики приложения
👉 Миша Колосовский покажет, как сделать статические схемы интерактивными и причем тут SVG
👉 Давид Давыдов объяснит, что мы сделали с серверным API и как пришли к одной строчке кода вместо сотни
👉 Серёжа Алейников поделится опытом портирования нативного BDUI в вебе

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

Регистрируйтесь и зовите друзей!

Мероприятие бесплатное. Количество мест в офлайне ограничено — пожалуйста, дождитесь нашего подтверждения.

Реклама. ООО «Яндекс.Такси» ИНН 7704340310

FrontEndDev

12 мая 2025 06:18

GSAP теперь бесплатная

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

https://gsap.com/blog/3-13/