Используем Performance Extensibility API
Google не так давно представил API для более детального измерения перфоманса. Можно создватать отдельные треки на вкладке Performance для различных участков кода.
https://csswizardry.com/2025/07/the-extensibility-api/
Google не так давно представил API для более детального измерения перфоманса. Можно создватать отдельные треки на вкладке Performance для различных участков кода.
https://csswizardry.com/2025/07/the-extensibility-api/
👍7🔥2❤1👏1
Как дебажить быстрее с Chrome DevTools
О широко известных и не особо популярных фичах DevTools, которые помогут вам отлаживать приложения чуть быстрее.
https://blog.logrocket.com/debug-faster-chrome-devtools-console-features/
О широко известных и не особо популярных фичах DevTools, которые помогут вам отлаживать приложения чуть быстрее.
https://blog.logrocket.com/debug-faster-chrome-devtools-console-features/
❤4👍4🔥2💩1
🚀Хотите освоить 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
Присоединяйтесь к открытому уроку «Первые шаги в 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
🤣5👌3❤1
React-хук для обработки событий клавиатуры
Современный хук с интуитивно понятным сопоставлением комбинаций клавиш.
https://github.com/ArturJS/use-key-match
Современный хук с интуитивно понятным сопоставлением комбинаций клавиш.
https://github.com/ArturJS/use-key-match
😁12👍7🔥4❤1💩1
Что нового появилось в CSS в 2025?
Обновление функции attr(), функции calc-size() и if(), text-wrap: pretty, interpolate-size: подробности и примеры использования.
https://habr.com/ru/companies/ruvds/articles/933484/
Обновление функции attr(), функции calc-size() и if(), text-wrap: pretty, interpolate-size: подробности и примеры использования.
https://habr.com/ru/companies/ruvds/articles/933484/
👍12❤🔥3⚡1
Google zx. Release 8.8
Google zx — инструмент для фронтенд-разработчиков, позволяющий писать shell-скрипты на JavaScript вместо Bash: пакет предоставляет удобные кроссплатформенные обёртки вокруг child_process, автоматически экранирует аргументы и задаёт разумные значения по умолчанию.
https://github.com/google/zx/releases/tag/8.8.0
Google zx — инструмент для фронтенд-разработчиков, позволяющий писать shell-скрипты на JavaScript вместо Bash: пакет предоставляет удобные кроссплатформенные обёртки вокруг child_process, автоматически экранирует аргументы и задаёт разумные значения по умолчанию.
https://github.com/google/zx/releases/tag/8.8.0
🔥10👍3😁3❤2
Почему семантический HTML все еще важен
Джоно Олдерсон рассказывает почему семантический HTML — это не устаревшая практика, а основа производительности, доступности и устойчивости сайтов, утраченная в эпоху JavaScript-ориентированных фронтенд-фреймворков.
https://www.jonoalderson.com/conjecture/why-semantic-html-still-matters/
Джоно Олдерсон рассказывает почему семантический HTML — это не устаревшая практика, а основа производительности, доступности и устойчивости сайтов, утраченная в эпоху JavaScript-ориентированных фронтенд-фреймворков.
https://www.jonoalderson.com/conjecture/why-semantic-html-still-matters/
👍11❤1🐳1
Глубокое погружение в работу промисов в JavaScript
Как работают промисы в JavaScript: жизненный цикл, внутреннее устройство, примеры, история возникновения и практические советы от разработчиков.
https://tproger.ru/articles/glubokoe-pogruzhenie-v-rabotu-promisov-v-javascript
Как работают промисы в JavaScript: жизненный цикл, внутреннее устройство, примеры, история возникновения и практические советы от разработчиков.
https://tproger.ru/articles/glubokoe-pogruzhenie-v-rabotu-promisov-v-javascript
❤7👍4🔥2
Друзья! Рад сообщить, что стартует новый сезон Podlodka React Crew #3 — сезон о паттернах и практиках фронтенда 🎯
Иду сам и по традиции зову вас с собой!
В новом сезоне Podlodka React Crew узнаем, как писать продуманный и масштабируемый фронтенд с помощью React, какие паттерны реально работают, а какие — мода ради моды, обсудим архитектуру, производительность, нестандартные layout'ы, системный подход к интервью и многое другое.
📌 В программе:
• Паттерны анимаций с View Transition API
• Проверка AI-ассистентов на реальных задачах
• Глубокое погружение в архитектуру React Hooks
• Практика layout'ов вне CSS Grid и Flexbox
• System Design для фронтендера: как не завалить интервью
💡Все доклады — с практикой, кейсами и интерактивом.
📆 Реактим с 25 по 29 августа. Бегом за билетами!
По традиции разыграем 1 бесплатную проходку! Хочешь билет - заполняй форму! Результаты 18 августа.
Также для подписчиков FrontEndDev действует промокод на скидку 500 р: react_crew_3_75eI9e
Иду сам и по традиции зову вас с собой!
В новом сезоне Podlodka React Crew узнаем, как писать продуманный и масштабируемый фронтенд с помощью React, какие паттерны реально работают, а какие — мода ради моды, обсудим архитектуру, производительность, нестандартные layout'ы, системный подход к интервью и многое другое.
📌 В программе:
• Паттерны анимаций с View Transition API
• Проверка AI-ассистентов на реальных задачах
• Глубокое погружение в архитектуру React Hooks
• Практика layout'ов вне CSS Grid и Flexbox
• System Design для фронтендера: как не завалить интервью
💡Все доклады — с практикой, кейсами и интерактивом.
📆 Реактим с 25 по 29 августа. Бегом за билетами!
По традиции разыграем 1 бесплатную проходку! Хочешь билет - заполняй форму! Результаты 18 августа.
Также для подписчиков FrontEndDev действует промокод на скидку 500 р: react_crew_3_75eI9e
🔥7❤3
CSS Questions
Более 100 вопросов для проверки своих знаний по CSS. Вопросы разного уровня сложности, так что даже знатоки найдут для себя что-то новое.
https://css-questions.com/
Более 100 вопросов для проверки своих знаний по CSS. Вопросы разного уровня сложности, так что даже знатоки найдут для себя что-то новое.
https://css-questions.com/
2👍11❤4🤔2⚡1
Структуры данных для front end (и не только)
Разбор наиболее популярных структур данных: особенности , преимущества и недостатки.
https://habr.com/ru/companies/habr_rutube/articles/934130
Интерактивные примеры и демо тут
Разбор наиболее популярных структур данных: особенности , преимущества и недостатки.
https://habr.com/ru/companies/habr_rutube/articles/934130
Интерактивные примеры и демо тут
❤8👍6⚡2
⚙️ Микросервисы начинают тормозить под нагрузкой?
💡 Узнайте, как масштабировать и оптимизировать систему с помощью 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
💡 Узнайте, как масштабировать и оптимизировать систему с помощью 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
😁3❤2