FrontEndDev

Привет! Чуть не забыл подвести итоги розыгрыша билета на Podlodka React Crew 3 😅 Желающих не так много и шансы на победу были велики у всех. Но повезло больше @halahot. Поздравляем! Для всех остальных, кто желает послушать крутые доклады действует промокод! Всем добра ✌️

Pattern Monster: 300+ настраиваемых SVG паттернов Простой онлайн-генератор SVG шаблонов, которые можно использовать в качестве фона без сильного влияния на время загрузки сайта. https://pattern.monster/

Пара вещей про href в ссылках, о которых вы, возможно, не догадывались Неожиданный спектр значений атрибута href — от протоколов mailto:, tel: до ссылок вроде href=".", href="?", data:-URI и медиа-фрагментов с временными метками. Мелочи, которые делают поведение ссылок более гибким и полезным. https://blog.jim-nielsen.com/2025/href-value-possibilities/

⚙️ Микросервисы начинают тормозить под нагрузкой? 💡 Узнайте, как масштабировать и оптимизировать систему с помощью CQRS и Event Sourcing на .NET Aspire. На открытом вебинаре «Оптимизация микросервисов с CQRS и Event Sourcing на .NET Aspire» 19 августа в 20:00 МСК разберем: ◽️ Ограничения классических микросервисов при высокой нагрузке. ◽️ Принципы разделения команд и запросов (CQRS) и хранения истории через Event Sourcing. ◽️ Практическую реализацию: сервис заказов с «команда-обработчик» и хранением событий в MongoDB. ◽️ Конфигурацию проекций для чтения данных. ❗️ Вы освоите оркестрацию через .NET Aspire (API Gateway, Order Service, база событий), внедрите логирование и трейсинг через OpenTelemetry, а также протестируете создание заказа, обновление статуса и визуализацию потока событий. ➡️ Посетите открытый урок и получите скидку на большое обучение «C# ASP.NET Core разработчик»: https://otus.pw/aU0F/ Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

Структуры данных для front end (и не только) Разбор наиболее популярных структур данных: особенности , преимущества и недостатки. https://habr.com/ru/companies/habr_rutube/articles/934130/ Интерактивные примеры и демо тут

CSS Questions Более 100 вопросов для проверки своих знаний по CSS. Вопросы разного уровня сложности, так что даже знатоки найдут для себя что-то новое. https://css-questions.com/

Друзья! Рад сообщить, что стартует новый сезон Podlodka React Crew #3 — сезон о паттернах и практиках фронтенда 🎯 Иду сам и по традиции зову вас с собой! В новом сезоне Podlodka React Crew узнаем, как писать продуманный и масштабируемый фронтенд с помощью React, какие паттерны реально работают, а какие — мода ради моды, обсудим архитектуру, производительность, нестандартные layout'ы, системный подход к интервью и многое другое. 📌 В программе: • Паттерны анимаций с View Transition API • Проверка AI-ассистентов на реальных задачах • Глубокое погружение в архитектуру React Hooks • Практика layout'ов вне CSS Grid и Flexbox • System Design для фронтендера: как не завалить интервью 💡Все доклады — с практикой, кейсами и интерактивом. 📆 Реактим с 25 по 29 августа. Бегом за билетами! По традиции разыграем 1 бесплатную проходку! Хочешь билет - заполняй форму! Также для подписчиков FrontEndDev действует промокод на скидку 500 р: react_crew_3_75eI9e

Глубокое погружение в работу промисов в JavaScript Как работают промисы в JavaScript: жизненный цикл, внутреннее устройство, примеры, история возникновения и практические советы от разработчиков. https://tproger.ru/articles/glubokoe-pogruzhenie-v-rabotu-promisov-v-javascript

Почему семантический HTML все еще важен Джоно Олдерсон рассказывает почему семантический HTML — это не устаревшая практика, а основа производительности, доступности и устойчивости сайтов, утраченная в эпоху JavaScript-ориентированных фронтенд-фреймворков https://www.jonoalderson.com/conjecture/why-semantic-html-still-matters/

Google zx. Release 8.8 Google zx — инструмент для фронтенд-разработчиков, позволяющий писать shell-скрипты на JavaScript вместо Bash: пакет предоставляет удобные кроссплатформенные обёртки вокруг child_process, автоматически экранирует аргументы и задаёт разумные значения по умолчанию. https://github.com/google/zx/releases/tag/8.8.0

Что нового появилось в CSS в 2025? Обновление функции attr(), функции calc-size() и if(), text-wrap: pretty, interpolate-size: подробности и примеры использования. https://habr.com/ru/companies/ruvds/articles/933484/

React-хук для обработки событий клавиатуры Современный хук с интуитивно понятным сопоставлением комбинаций клавиш https://github.com/ArturJS/use-key-match

🚀Хотите освоить Next.js и ускорить свои React-проекты с SSR? Присоединяйтесь к открытому уроку «Первые шаги в Next.js: создаём мини-сайт с SSR на React» 7 августа в 20:00 МСК и научитесь использовать Next.js для создания динамичных многостраничных приложений. Мы разберём, как SSR улучшает скорость загрузки страниц и SEO, создадим мини-сайт с каталогом товаров и интегрируем API для динамического вывода данных. Узнайте, как структура Next.js помогает ускорить разработку, а также научитесь применять полученные знания на практике, создавая реальные проекты. 👉Присоединяйтесь к открытому уроку и получите скидку на курс «React.js Developer»: https://otus.pw/qlSY/ Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

Как дебажить быстрее с Chrome DevTools О широко известных и не особо популярных фичах DevTools, которые помогут вам отлаживать чуть быстрее. https://blog.logrocket.com/debug-faster-chrome-devtools-console-features/

Используем Performance Extensibility API Google не так давно представил API для более детального измерения перфоманса. Можно создватать отдельные треки на вкладке Performance для различных участков кода. https://csswizardry.com/2025/07/the-extensibility-api/

Операторы логического присваивания Использование короткого синтаксиса для упрощения инициализации переменных с условиями. Виды операторов, примеры, поддержка в браузерах. https://allthingssmitty.com/2025/07/28/logical-assignment-operators-in-javascript-small-syntax-big-wins/

State of HTML 2025 Стартовал новый опрос об HTML, который позволяет понять, как разработчики используют новые и старые фичи HTML и какие хотелось бы увидеть в будущем. Если хотите повлиять на развитие современного web — у вас есть шанс. https://survey.devographics.com/en-US/survey/state-of-html/2025

Хотите разобраться в тестировании API на ASP.NET Core? ➡️ Присоединяйтесь к открытому уроку «Тестирование API в ASP.NET Core: Интеграция и Нагрузка» 5 августа в 20:00 МСК. На вебинаре мы: - Разберем ключевые концепции интеграционного и нагрузочного тестирования. - Научимся писать интеграционные тесты с популярными библиотеками. - Освоим инструменты для нагрузочного тестирования и анализа результатов. 📗 Этот урок — отличная подготовка к курсу «C# ASP.NET Core разработчик», который стартует совсем скоро. Все участники вебинара получат скидку на обучение! Записаться на вебинар → https://otus.pw/9DLV/ Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru