Реальное Собеседование JavaScript Разработчика: вопросы и ответы в 2022.

Таймкоды:
CSS:
4:00 1) BOX-sizing

Ответ:
Дает возможность width и height чтобы смотрели размеры не контента, а размеры блока.
– content-box – only content, no paddings, no margins, no borders.
– border-box – paddings, borders, no margins.
– padding-box – paddings, no borders, no margins
– inherit – from parrent
—–
4:09 2) Разница между строчным и блочным элементом:

Строчные – line-height, vertical-align, не начинает новую строку, не содержит блочные елементы

Блочные – height/width, не работает vertical-align, начинается с новой строки, содержит др блоки

4:26 3) Псевдоэлементы – область создается искусственно с помощью CSS
E::first-line
E::first-letter
E::before
E::after

4:25 4) Псевдоклассы – это селекторы, которые определяют состояние уже существующих элементов, которое может меняться при определенных условиях:
E:root
E:nth-child(n)
E:nth-last-child(n)
E:nth-of-type(n)
E:nth-last-of-type(n)
E:first-child
E:last-child
E:first-of-type
E:last-of-type
E:only-child
E:only-of-type
E:empty
E:link
E:visited
E:active
E:hover
E:focus
E:target
E:lang(fr)
E:enabled
E:disabled
E:checked
E:not(s)

4:41 5) Position: значения и разница?
Ответ:
Position – для «многослойных» интерфейсов.
Врубает позиционирование относительно не-static элемента: top,right,bottom,left, z-index.
static, relative, absolute, fixed, sticky

5:07 6) Применить стиль ко всем, кроме последнего:
E:not(:last-child) (не правильно понял вопрос)

JS
7) способы объявления переменной

5:41 я уже не начинающий

6:05 – лирическое отсутпление про начинающих программеров

6:51 – TDZ для Let/const – временная область недоступности

8) Как работает асинхронность в JS

Ответ: с помощью костыля под названием Event Loop

9) 7:33 Arrow functions – to avoid using bind-method
чем от обычной отличается?
1) нет hoisting (нельзя вызвать до ее объявления)
2) нет своего this
3) нет bind/call/apply
4) нельзя создать генератор

== т.е. стрелочная функция – это легковесная версия обычной функции;
В трелло у нас давно все ето есть !
https://trello.com/c/YY9uYJsm/30

8:19 – 10) Клонирование объекта:
– lodash deepClone
– JSON.stringify(JSON.parse({}))
– recursive { …obj }
– Object.assign({}, obj)

9:38 – с ТС приходилось работать?

11) 8:42 – практическая таска на О(n)

12) 9:48 – практическая таска
⚠️ задача-то решена неправильно:
function findOne(arr) {
const uniq = {}
let uniqEl = undefined
arr.forEach((el) ➡ {
if (!uniq[el]) uniq[el] = 1
else uniq[el] = 2

if (uniq[el] === 1) uniqEl = uniq[el]
})
return uniqEl
}
findOne([5, 9, 2, 6, 9, 6, 5])

10:42 – ищут фронтовика со знанием и Вуе и Реакта .

12:26 – как они работают

12:38 – как я работал

__________
😍 Оффлайн-встречи в Москве:
🎉Приходи каждую пятницу в фуд-корт Брокколи, м. Таганская к 19:30.
[ x_ x временно не актуально x_x ]
_________

➡️ “Отзывы” обо мне читайте и оставляйте тут:
https://2ch.hk/pr/res/1504237.html
p.s. я там НИКОГДА ничего не писал принципиально.
UPD: тред уничтожен высокоточной баллистической крылатой ядерной ракетой – ботом на NODE JS .

__________

Описание не помещается. Продолжение смотрите в 1 комменте .

.
.
.
=== TAGS ===
kostia7alania, codewars на русском, codewars javascript, codewars задачи решения, js codewars, frontend, freecodecamp, java-mentor.com, debugger js, java-mentor, джава ментор, ментор js, наставник js, отзывы java mentor, hexlet, хекслет оплата и трудоустройство после обучения.
#javascript #javamentor #cataacademy #kostia7alania #js #frontend #!ecmascript #imacros_javascript #react #hexlet #хекслет #iwu #javascriptinterviewquestions

____

Poster: https://www.canva.com/design/DAFTENRbRBA/chKc–PULJzummZGae-LVA/view

Как зараб 700к/мес: https://vk.com/wall40778210_39390?reply=39413