Таймкоды:
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/DAFTENRb...
Как зараб 700к/мес: https://vk.com/wall40778210_39390?rep...
Смотрите видео Реальное Собеседование JavaScript Разработчика: вопросы и ответы в 2022. онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Kostia Bazrov-WORK (JavaScript) 01 Январь 1970, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 7,099 раз и оно понравилось 138 людям.