Pure Functions

Функция должна удовлетворять двум условиям, чтобы считаться «чистой»:
— Каждый раз функция возвращает одинаковый результат, когда она вызывается с тем же набором аргументов
— Нет побочных эффектов

Вам дана функция. Ваша задача - сделать из неё чистую функцию.

👉 @frontendInterview

Нужно ли комментировать код?

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

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

И помните, что комментарий — не панацея, он не спасёт плохой код, даже если сделает его понятнее. Сложные и запутанные фрагменты сокращайте и делайте рефакторинг, а комментируйте по минимуму.

👉 @frontendInterview

Друзья!

☝️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