Выбираем рендер-стратегию для вашего приложения

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

https://vercel.com/blog/how-to-choose-the-best-rendering-strategy-for-your-app

Popover API 101

Нативный Popover с недавнего времени доступен в браузерах. Посмотрите как использовать его API и как можно его стилизовать и анимировать.

https://www.amitmerchant.com/popover-api-101/

Нужно развернуть приложения быстрее? С Облаком Рег.ру это возможно!

Мы предлагаем мгновенный запуск сервисов, линейку процессоров от мощных до очень мощных ( включая AMD EPYC и высокочастотные E2388), управление через панель или API. С нашими готовыми образами для Docker и GitLab вы сможете начать работу в несколько кликов.

Присоединяйтесь к нашему каналу, чтобы узнать, как облако Рег.ру помогает в разработке, и быть в курсе актуальных IT-новостей.

Реклама. ООО «Регистратор доменных имен РЕГ.РУ». ИНН 7733568767 erid: 2VtzquX6u22

Свойство CSS font-size-adjust теперь часть стандарта

Свойство может помочь предотвратить сдвиги контента при загрузке fallback шрифтов.

Подробнее — в небольшой заметке.

https://web.dev/blog/font-size-adjust?hl=en

Как использовать container query сейчас

Сontainer queries уже поддерживаются всеми браузерами, но разработчики не спешат их использовать. Вот несколько простых шагов, которые помогут начать.

https://web.dev/blog/how-to-use-container-queries-now?hl=en

React Conf 2024

Все доклады с прошедшей конференции по React. Enjoy!

https://conf.react.dev/talks

NodeJS добавил экспериментальную поддержку TS

С использованием флага --experimental-strip-types можно запустить TS код без транспиляции.

https://socket.dev/blog/node-js-adds-experimental-support-for-typescript

Разработчик ПО из Казани? Познакомься со специалистами ТехноХаба Сбера и прокачай свои скиллы! 👨‍💻👩‍💻

ИТ-академия ИТ-парка запустила курс для разработчиков «Cross-platform developer on JavaScript» совместно с Андреем Власовым — лидером компетенций, руководителем технологического Хаба Сбера в Казани с опытом в разработке 16 лет.

Для кого? 💻

— разработчики ПО с опытом работы frontend 1-2 года

По окончании курса ты получишь знания и навыки, соответствующие уровню Middle Javascript Developer, а именно:

✅ Продуктовое мышление
✅ UX/UI проектирования в figma
✅ Разработка web-приложений на React
✅ Разработка серверных приложений на Nodejs + Express + Mongo
✅ Написание эффективных тестов для приложений
✅ Глубокое понимание micro-frontend архитектуры на больших проектах

Запишись на собеседование прямо сейчас: записаться и получить бонусом офлайн-консультацию с наставником, защиту выпускной работы перед экспертами и удостоверение о повышении квалификации. 🔥

▪️Набор открыт до 15 августа
▪️Объем курса: 124 акад/ч (продолжительностью 5 месяцев)
▪️Формат: офлайн, в ИТ-парке им .Б. Рамеева

📲 Номер телефона для связи: +7 937 594 2209

Реклама: ТЕХНОПАРК В СФЕРЕ ВЫСОКИХ ТЕХНОЛОГИЙ "ИТ-ПАРК", ГАУ "ИТ-ПАРК", ИНН: 1655191213, ERID: 2VtzqwGw4hR

The Front-End Checklist

Чек-лист для вашего проекта, покрывающий все аспекты и практики разработки. Позволяет вам понять, не упустили ли вы чего-нибудь при разработке.

https://frontendchecklist.io/

Местоположение пользователя - это ложь

Почему нет 100% гарантии верного определения локации пользователя и какие есть способы ее определения. А также что стоит брать во внимание при решении задач, связанных с геолокацией.

https://austingil.com/user-location-is-a-lie/

Разбираемся с Cookies и Tokens

Как работают Cookies, какие существую типы и параметры, а также что такое токены. Объединяем эти понятия и разбираемся с работой JWT.

https://tommihovi.com/2024/05/demystifying-cookies-and-tokens/

Использование селектора :has

Небольшие примеры от Энди Белла, в которых отлично вписывается применение селектора :has

https://piccalil.li/blog/some-little-ways-im-using-css-has-in-the-real-world/

Офер в Яндекс для опытных фронтендеров за два дня

24–25 августа приглашаем фронтендеров с опытом работы от четырёх лет получить офер в Яндекс через multitrack за 2 дня. Достаточно решить задачи онлайн до 20 августа и пройти несколько технических секций 24 августа, чтобы уже 25-го получить офер и выбрать три команды, к которым вам было бы интересно присоединиться.

Как правило, за несколько собеседований сложно понять, подходит ли вам команда и наоборот. Multitrack позволит вам поработать в трёх разных командах Яндекса и выбрать подходящую. Вы сможете погрузиться в рабочие процессы, познакомиться с будущими коллегами и понять, с какими задачами и технологиями хотите работать.

Узнать подробности и зарегистрироваться.

Создаем сложное расширение для google chrome

Туториал по созданию расширения на примере Image Saver - приложения для сохранения картинок.

https://evilmartians.com/chronicles/how-to-make-complex-chrome-plugins-a-zero-gravity-guide

Вы думаете вы знаете box-shadows?

Простые и продвинутые техники использования box-shadows, а также ситуации, в которых стоит отказаться от использования теней.

https://dgerrells.com/blog/how-not-to-use-box-shadows

Maska 3.0: Zero-Dependency библиотека для масок инпутов

Несколько демо по использованию легкой библиотеки без дополнительных зависимостей.

https://beholdr.github.io/maska/v3/#/

CodeScreenshot

Онлайн инструмент для генерации красивых скриншотов с вашим кодом.

https://cs.vkrsi.com/

Unknown TS

Чем может быть полезен тип unknown в TypeScript? Объясняем на примерах

https://michaeluloth.com/programming-types-unknown-why-useful/

JS в Python

Как писать на JS в Python? PythonMonkey — это встроенный движок SpiderMonkey в среду выполнения python.

https://github.com/Distributive-Network/PythonMonkey

Floating UI

Библиотека для позиционирования плавающих элементов и взаимодействия с ними.

https://floating-ui.com/