Друзья!

☝️21 июля в 19 МСК наши коллеги из AgileFluent и Solvery проведут бесплатное мок-интервью на английском с software engineer в прямом эфире.

Интервьюеры:
Маша Реутская, международный HR эксперт AgileFluent с 15+ лет опыта.
Проведёт софт-скилл интервью и даст подробный фидбек, как улучшить свои ответы.

Саша Черношей, Software engineer в Microsoft в Эстонии, ментор Solvery. 6 лет опыта разработки ПО и 4 года разработки мобильных приложений на react-native. Проведет техническую часть собеседования.

📆 Дата и время: 21 июля, 19:00 по Мск.

Будет полезно разработчикам, которые планируют устраиваться в международную компанию или готовиться к техническому интервью. А ещё всем, кто готовится к behavioral-собеседованию: эта часть схожая у всех профессий.

⚡️Будет интервью с кандидатом из зала — если хочешь в прямом эфире попрактиковаться проходить интервью на английском и получить фидбэк, заполняй форму тут. Очень ждем реакт-нейтивов.

Записаться и получить запись митапа можно в телеграм-боте.

👉 @frontendInterview

Что такое оператор нулевого слияния в JavaScript?

Оператор нулевого слияния “??” является нововведением в ES2020, которое представляет собой укороченную оценку логического выражения, отдающее правый операнд в случае, если левый операнд является null или undefined, если же нет, то тогда он отдаст левый операнд.

Вот очень простой пример применения:
const team = null ?? 'A team';
console.log(team);
//A team

👉 @frontendInterview

👉 @frontendInterview

Что такое Автопрефиксер?

Автопрефиксер — утилита для добавления префиксов к экспериментальным свойствам из CSS 3. Она берёт с Can I Use последние данные о префиксах и популярности браузеров, читает ваш файл стилей, находит свойства и значения, которым действительно нужны префиксы и добавляет их.

Вы просто пишите обычный CSS:

 a {
    transition: transform 1s;
 }

Автопрефиксер сам заменит нужные (и только нужные) свойства и значения (обратите внимание на -webkit-transform):
a {
-webkit-transition: -webkit-transform 1s;
-o-transition: -o-transform 1s;
transition: -ms-transform 1s;
transition: transform 1s
}

👉 @frontendInterview

👉 @frontendInterview

👉 @frontendInterview

Vue.js 3 Cookbook

Vue.js - это прогрессивный веб-фреймворк для создания профессиональных пользовательских интерфейсов для ваших веб-приложений. Vue.js 3 усилен архитектурными улучшениями, новыми базовыми языками, процессами рендеринга и отдельными основными компонентами.

👉 @frontendInterview

Char Code Calculation

Вам дана строка, состоящая из символов ASCII. Переведите символы в код - число total1, замените все цифры 7 на 1 - число total2. И вычтите из total1 число total2.

Пример:
'ABC' --> 'A' = 65, 'B' = 66, 'C' = 67 --> 656667

total1 = 656667
^
total2 = 656661



  (6 + 5 + 6 + 6 + 6 + 7)
- (6 + 5 + 6 + 6 + 6 + 1)
-------------------------

6

👉 @frontendInterview

Как изменить цвет SVG?

Если заглянуть «под капот» и изучить код, который отвечает за отрисовку SVG, то можно выделить два свойства, которые отвечают за цвет — fill (заливка) и stroke (обводка). Их можно редактировать и тем самым менять цвет иконки.

На картинке два квадрата — они идентичны, за исключением свойства fill. В одном случае мы залили квадрат красным цветом, в другом вообще не прописали этой свойство.

👉 @frontendInterview

👉 @frontendInterview

Что такое семантическая верстка?

Давным-давно (лет пятнадцать назад) почти все делали сайты и не переживали о том, что под капотом. Верстали таблицами, использовали всё, что попадётся под руку (а попадались в основном div и span) и не особо заморачивались о доступности. А потом случился HTML5 и понеслось.

Семантическая вёрстка — подход к разметке, который опирается не на содержание сайта, а на смысловое предназначение каждого блока и логическую структуру документа.

👉 @frontendInterview

👉 @frontendInterview