#4 Front-end. Вопросы на собеседовании

#YauhenK #webDev #HTML #CSS #JS

Всем привет!
Добро пожаловать в видеокаст «Front-end. Вопросы на собеседовании».
В данной серии видео я постараюсь помочь вам подготовиться к собеседованиям на позицию Junior и Middle Front-end разработчик. Видеокаст представлять из себя коллекцию технических вопросов, которые можно получить на интервью.
Удобная, хорошо организованная шпаргалка всегда у вас под рукой!
В репозитории можно найти:
- Ответы на вопросы по HTML
- Ответы на вопросы по CSS
- Ответы на вопросы по JavaScript
- Ответы на вопросы по React

✒ Репозиторий видеокаста:

✒ Timeline:
✔ 0:00 - Введение
✔ 0:39 - Что такое HTML и для чего он используется?
✔ 1:28 - Типы input элементов в HTML?
✔ 3:20 - Что такое элемент canvas? И для чего он используется?
✔ 3:48 - Что такое CSS-правило?
✔ 4:24 - Разница между классом и идентификатором в CSS?
✔ 5:30 - Что такое CSS спрайт? И для чего он используется?
✔ 6:09 - Как превратить любой тип данных в булевый? Перечислите ложные значения в JS?
✔ 6:55 - Методы строк в JavaScript?
✔ 8:58 - Методы массивов в JavaScript?
✔ 11:18 - Методы поиска элементов в DOM?
✔ 12:44 - Функция суммирования всех цифр числа?

✒ Полный список готовых и планируемых курсов:

✒ Автор курса:

[kwyygie]

Евгений, огромное спасибо за материал!Всё чётко, структурировано и понятно.

[eugenia]

спасибо большое за видео ))) ооочень полезная подборка вопросов !!!)))

[Alex-gejt]

спасибо за видос! по методам массива поправка: length является свойством

[lightinthedark]

Евгений, как предложение, добавьте в следующее видео вопрос про разницу e.stopPropagation() и e.stopImmediatePropagation(). Знать это полезно и это действительно часто спрашивают на собеседованиях.

[imwknrq]

це відчуття, коли виіршив задачку аналогічно, як і автор відео) круті відео, дивлюсь із великим захопленням)

[maxnech]

Спасибо за видео!
Как вариант, функцию в последнем задании можно научить работать и с дробными числами, например связкой map и filter(Boolean), тогда нет надобности в Math.abs:

function sumDigits(num) {
return String(num)
.split('')
.map(el => Number(el))
.filter(Boolean)
.reduce((sum, cur) => sum + cur, 0)
}

[maximvinnikov]

Тот канал где на первой секунде просмотра видео ставлю лайк!

[gishulj]

Спасибо. Полезно для быстрого повторения

[dgjsifc]

Классное видео! От себя хотел бы вот что добавить. В последней задаче выбор алгоритма решения напрямую зависит от входящих данных. Если это число или строка, которая меньше или равна максимально безопасному числу, то оптимальнее реализовать через нахождение остатка от деления на 10. (%10). Это быстрее по производительности. В случае если числа могут приходить больше максимально безопасного числа то решение только через строки, но никаких Math. методов.

[nastyameleshko]

Спасибо за видео!

Решила задачу немного по-другому:)

function getSum(num) {
let sum = 0;
=> {
sum += Number(digit);
})
return sum;
}

[AlenaKovalenko-jqvt]

спасибо за видео.
логично было бы добавить вопрос про addEventListener и/или чуть более объемный вопрос -- как повесить событие перед тем как рассказывать про e.preventDefault

[yakut]

по 1 видосику на завтрак смотрю, збсь заходит )

[vladanovaturova]

Отличные видео! Супер!
Меня ещё спрашивали на собеседовании про отличие translationY -50% и top -50%, чем отличается результат и что от чего отсчитывается, может кому-то пригодится)

[vb]

спасибо, понял для себя что length это метод, потому что вы же не можете ошибаться)

[alittlebirdtoldm]

Почему число привили к модулю, а если нужно посчитать отрицательные также?

[artemlutsenko]

length єто не метод, а свойсво. А в остальном все круто, спасибо

[victorsvetailo]

Понравилась отсылка к "острым козырькам" в методах массива)))

[-Artem-]

простой, но довольно таки популярный вопрос по js - что такое ECMAScript и какие версии знаете/использовали?

[Mirozdrav]

В ответе на вопрос про методы массива первым указан length. Это точно метод?

[teothedoor]

Про блок с типами инпутов все ясно, только забыл указать input type file.