Совет по CSS 💡

Используя color-mix() или синтаксис относительных цветов, мы можем динамически изменять прозрачность любого цвета.

👉 @frontend_1

VK расширяет команду IT-специалистов и приглашает бэкенд разработчиков на Weekend Offer. Это онлайн-мероприятие, которое познакомит вас с тимлидом и вакансией. И если вы подходите друг другу — поможет влиться в команду разработчиков VK

Получите оффер за выходные и присоединяйтесь к компании, кстроит суперапп Почты Mail.ru и ищет коллегу, готового улучшать пользовательский опыт миллионов людей:
— работать над умной организацией рассылок;
— решать проблемы нежелательной почты;
— создавать способы для отслеживания онлайн-заказов;
— поддерживать платежные системы и ещё много всего.

Если вы готовы, то приходите познакомиться с тимлидами, узнать о работе в команде VK и получить оффер: https://vk.cc/cveN6G

Кулинарный гид по Vue.js: всё о props

В этой статье разберемся, как frontend-разработчику готовить на «кухне» props. Выбирайте подходящий уровень сложности: джуны-поварята смогут лучше разобраться в работе и применении props на фреймворке Vue.js, а еще мы затронем тему валидации. Для мидлов и более опытных специалистов — настоящих шеф-поваров мы приготовили продвинутые кулинарные техники props, где можно освежить в памяти некоторые детали или решить проектную проблему, если замылился глаз.

Props – от слова «properties» (здесь и дальше будем использовать слово «props») – это специальные атрибуты, используемые в экосистеме Vue для передачи данных в компоненты. Они являются частью системы реактивности, позволяют определять типы данных и проводить с ними валидацию.

По большей части мы будем покрывать основы передачи props. Поэтому статья будет актуальна как для Vue 2, так и для Vue 3, поскольку по части объявления props отличий мало. Но так как в Composition API и TypeScript все же они есть, то мы рассмотрим их тоже.

Если вы готовы, то добро пожаловать, мы начинаем наш кулинарный гайд! Bon appétit!

https://habr.com/ru/companies/simbirsoft/articles/765024/

👉 @frontend_1

"use client" обозначает границу между серверным и клиентским кодом в дереве зависимостей модуля.

Каждый компонент, импортированный в файл с "use client", автоматически становится клиентским компонентом.

Мы по-прежнему можем передавать серверные компоненты в качестве реквизитов клиентским компонентам.

👉 @frontend_1

Лучшие практики React-разработки собраны на бесплатном вебинаре Optimizing React: Web & Beyond!

13 марта команда разработчиков Social Discovery Group на примере реальных кейсов расскажут про:

Как оптимизировать React-приложения и снизить нагрузку на устройства;
Как основные «фичи» React нашли себе применение в монтаже видео, 3D графике и написании ботов;
Как не сломать мемоизацию в React.

📅 Дата: 13 марта, 19:00 (GMT+4)
🔉 Язык: русский

Регистрируйтесь на вебинар 👉🏻 здесь 👈🏻

Советы по HTML💡

Знаете ли вы, что с помощью элемента <progress> в HTML можно легко создать прогресс-бар?

👉 @frontend_1

Совет по Javascript 💡

Быстро измените содержимое страницы и посмотрите, как выглядит пользовательский интерфейс с изменениями, включив режим DesignMode.

https://www.codewithshripal.com/playground/js/quickly-modify-ui-using-design-mode

👉 @frontend_1

Loading.js - это просто Suspense, который оборачивает компонент Page из того же сегмента маршрута.

👉 @frontend_1

Совет по CSS💡

Легко анимируйте иконку с помощью этого маленького трюка

👉 @frontend_1

Как рассчитывается стоимость недвижимости

Пользовательские свойства - они же "переменные CSS" - кажутся довольно простыми. Однако есть некоторые особенности поведения, о которых следует знать, когда браузер вычисляет конечные значения. Непонимание этого процесса может привести к неожиданному или отсутствующему значению и сложностям с поиском и устранением проблемы.

https://moderncss.dev/how-custom-property-values-are-computed/

👉 @frontend_1

Создаем форму подписки с помощью HTML, CSS и JavaScript 🚀

https://github.com/atherosai/ui/tree/main/signup-02

👉 @frontend_1

Разработка браузерных игр с использованием Phaser3, React, Typescript

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

https://habr.com/ru/articles/771630/

👉 @frontend_1

Совет по производительности веб-сайтов💡

Установите ширину и высоту изображения, чтобы избежать сдвига макета ✅

👉 @frontend_1

Готовимся к вопросам по вёрстке на интервью Frontend-разработчика: свойство display

За свою карьеру у меня было достаточно много собеседований. Конечно, одной из основных тем вопросов была вёрстка. Немного похвалюсь. Не было вопроса, на который я не ответил.


Недавно у меня появилось желание снова проверить себя и показать сообществу свои ответы на самые популярные вопросы по вёрстке. Может же быть так, что мои ответы были неполными или некорректными. Если это так, то я научусь новому. А если всё хорошо, то они помогут другим людям в подготовке к собеседованию. Кажется, это в любом случае будет полезно.


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


Сегодня я дам ответ на следующий вопрос: «Зачем нужно использовать свойство display?»

https://habr.com/ru/companies/ruvds/articles/798975/

👉 @frontend_1

Создаем экран входа в систему с помощью HTML и CSS 🚀

https://github.com/atherosai/ui/tree/main/login-06

👉 @frontend_1