FrontEndDev

Интервью на английском: пошаговая инструкция Наши друзья из @acceleracio помогли многим ребята получить зарубежные офферы. С их помощью и вы сможете проложить дорогу к своей компании мечты! Четверг, 13 февраля в 20:00 по мск, готовимся к офферам из Европы и Америки: ✅ обсуждаем, что работает на собеседованиях, а что устарело, ✅ составляем отличное резюме, которое пройдет ATS проверку, ✅ даем инструменты для эффективного поиска работы, ✅ и отвечаем на ваши вопросы — конечно, с огромным удовольствием! Регистрация и ссылка на зум: @acceleracio_bot ⚡️ После вебинара в боте вас ждут инструменты, которые приведут к офферу ✨ @acceleracio — проект про карьеру, рекрутинг и искусство прохождения собеседований. Добавляйте в календари и приходите: сделаем этот год началом вашей международной карьеры!

Улучшаем UX c помощью scroll-select Статья о преимуществах использования scroll-select, позволяющего пользователям легче находить нужные опции в длинных списках. А также примеры реализации и советы по интеграции. https://blog.logrocket.com/improve-ux-with-scroll-select-box/

🎉 Результаты розыгрыша: Победитель: 1. Филипп (@felix2d6) Проверить результаты

Cоздании SPA на Vanilla JS Статья с основными принципами и подходами к разработке SPA без использования фреймворков. https://jsdev.space/spa-vanilla-js/

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

Деплоим Next.js приложение с Deno Deploy Небольшой туториал о том, как разворачивать приложения Next.js с использованием Deno Deploy: преимущества и шаги для интеграции этих технологий. https://blog.logrocket.com/deploying-next-js-apps-with-deno-deploy/

Плавные переходы для top-level элементов с использованием свойства display Используем новые возможности CSS для управления элементами в верхнем слое. Автор объясняет, как можно плавно анимировать переходы с помощью @starting-style и transition-behavior. https://smashingmagazine.com/2025/01/transitioning-top-layer-entries-display-property-css/

Друзья! Стартует очередной сезон 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 По традиции разыграем бесплатный билет. Следите за постами!

Cоздатем реалистичную пушистую траву с использованием Three.js Техники работы с геометрией, шейдерами и анимацией для достижения эффекта объемной и динамичной травы, не убивая перфоманс. Демо | Github https://tympanus.net/codrops/2025/02/04/how-to-make-the-fluffiest-grass-with-three-js/

Веб-стандарты — Выпуск 459 Lightpanda Browser, CSS sheet, мощный attr, Temporal приходит в JS, Bun 1.2 https://web-standards.ru/podcast/459/

JavaScript Temporal приближается В скором времени в браузерах появится экспериментальная поддержка JavaScript Temporal API, который позволит упростить работу со временем в нативном JS. https://developer.mozilla.org/en-US/blog/javascript-temporal-is-coming/

Как применять CSS3-трансформации для работы с фоновыми изображениями В статье объясняется, как применять свойства transform для масштабирования, поворота и других изменений фоновых изображений, а также рассматриваются ограничения и возможные обходные пути. https://www.sitepoint.com/css3-transform-background-image/?utm_source=rss

🚀Приглашаем на бесплатный урок «React 19 что нового?» курса React.js Developer 06 февраля 19:00 (мск). Что будет на вебинаре? - Обзор новых хуков. - Посмотрим возможности создания новых пользовательских элементов. - Передача ref в props и другие минорные изменения. Кому вебинар будет полезен? - Junior frontend-разработчикам. - Опытным разработчикам, желающим быть в курсе последних изменений. Что узнают участники вебинара? - Какие фичи появились в React 19. - Как и где применять в своих проектах новые возможности библиотеки. - Как отрефакторить уже существующий код. ⏰ Успейте зарегистрироваться на бесплатный вебинар 06 февраля 19:00 (мск). Запись ограничена: https://otus.pw/DsGF/ Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

Nim - темплейт для персонального сайта с использованием Motion-Primitives Nim создан с помощью Next.js, React, Tailwind CSS и Motion-Primitives. В статье — основные функции, особенности и способы использования этого шаблона для создания современных веб-приложений. https://tympanus.net/codrops/2025/02/01/nim-nextjs-react-tailwind-motion-template/

Кортежи в TS Большой сборник примеров работы с кортежами. https://2ality.com/2025/01/typescript-tuples.html

Относительно новые вещи, которые будут доступны в HTML в 2025 Группировка details как аккордион, стилизация селектов, чекбоксы как toggle и еще несколько фич. https://frontendmasters.com/blog/bone-up-html-2025/

Твоя карьера в спортивном СМИ ❤ Привет! Наши друзья из Спортса" создают контент, который читают миллионы. Спортс" – это крупное медиа о спорте, в котором не только освещают события, но еще и разрабатывают технологии, которые делают спорт доступнее, понятнее и интереснее. В своем телеграм-канале @career_sports ребята публикуют вакансии для IT-специалистов, дизайнеров и других экспертов в своей области. Подписывайтесь и откликайтесь, ребята рады новым знакомствам! 😎

Настраиваем SSR с React Router 7 Использование React Router в качестве фреймворка на примере создания приложения книжного трекера. https://blog.logrocket.com/server-side-rendering-react-router-v7/

10 backend понятий, о которых желательно знать frontend разработчику Чтобы быть в теме и понимать, о чем говорят бекендеры на стендапах, вот небольшая обзорная статья, рассказывающая о таких понятиях как шардинг, балансировщик, API Gateway и еще некоторых других. https://dev.to/thesanjeevsharma/10-backend-terms-every-frontend-developer-should-know-2o2h

Погружение в React Server Components Рассмотрим, чем RSC отличается от классических CSR и SSR, какие у них преимущества и как интегрировать серверные компоненты в свое приложение на React. https://tonyalicea.dev/blog/understanding-react-server-components/