👉 @frontendInterview

Почему результатом сравнения двух похожих объектов является false?

В JS объекты и примитивы сравниваются по-разному. Примитивы сравниваются по значению. Объекты — по ссылке или адресу в памяти, где хранится переменная. Вот почему первый console.log возвращает false, а второй — true. Переменные «a» и «c» ссылаются на один объект, а переменные «a» и «b» — на разные объекты с одинаковыми свойствами и значениями.

👉 @frontendInterview

Что такое временная мёртвая зона (temporal dead zone)?

TDZ: термин для описания состояния, когда переменные недоступны. Они находятся в области видимости, но не объявлены.

Переменные let и const существуют в TDZ с начала их объемлющей области видимости до момента их объявления.

Можно также сказать, что переменные существуют в TDZ с момента их привязки (когда переменная привязывается к области видимости, внутри которой она находится) до момента ее объявления (когда для этой переменной в памяти резервируется имя).

Вы можете видеть на картинке, что если бы я обратился к переменной age раньше, чем она была объявлена, это вызвало бы ошибку ReferenceError. Из-за TDZ.

👉 @frontendInterview

+1 в копилку полезных каналов о фронтенде

С Senior Frontend стартовать в айти намного проще:

• готовые примеры кода: смотрите на превью, как работает код, и сразу редактируете его в CodePen

• лайфхаки по JS, HTML, CSS, которыми делятся только в крупных компаниях

• тесты и опросы для тех, кто не запоминает сухую инфу

Сохраняйте: @seniorFront

👉 @frontendInterview

👉 @frontendInterview

Визуализация данных с помощью библиотеки D3.js

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

👉 @frontendInterview

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