#17 Full-stack разработчик на собеседовании Frontend Middle

Рет қаралды 38,444

Күн бұрын

В данном выпуске Кирилл пройдет собеседование на middle frontend разработчика.
Поддержать проект: / otsobes
---
Если вы хотите пройти отсобеседование заполните форму:
Frontend: forms.gle/o69DSx9QsZciPYYB8
Backend: forms.gle/FbFz5FghRyW5qS3L6
---
00:00 Вступление
00:00:20 Знакомство
JS
00:10:00 Способы объявления переменных
00:14:55 Разница между null и undefined
00:16:17 Falsy/Truthy значения
00:18:55 Оптимизация для v8
00:21:04 Почему в JS два вида сравнения?
00:21:52 Чему равен NaN?
00:22:22 Про контекст
00:25:40 Про замыкание
00:28:27 Что такое Promise?
Web API
00:37:55 Event loop
00:44:50 Что такое DOM и Virtual DOM?
00:51:40 Стейт в браузере
HTML
00:58:50 Ссылка vs Кнопка vs Label
01:08:20 Встраиваемый контент
01:18:00 Способы изоляции CSS
01:29:25 Что происходит при загрузке страницы?
01:40:40 Заключение

Пікірлер: 109

@lertis_m 2 жыл бұрын

Слушал его и просто наслаждение) Мне уже кажется что все ваши Кириллы слишком крутые перцы 😎

@sad_rin 2 жыл бұрын

Крутой канал, просто включаю фоном или слушаю за рулём. Приятно слушать умных людей, получается приятное с полезным.

@user-qb7jg4hx5l 2 жыл бұрын

Спасибо. Каждый выпуск интересен

@webcoderofficial5886 2 жыл бұрын

Круто! Спасибо, что выкладываете такие собеседования!

@AnotherSapiens 2 жыл бұрын

Кайфовое интерьвю) Парень молодец)

@andrushaandr5803 2 жыл бұрын

Толковый парень и всего-то 25 лет 👍

@linuxoptimus 3 жыл бұрын

Умный парень!

@ArtOfFun 3 жыл бұрын

Чувак красавчик 👍👍👍

@HaveFun77777 2 жыл бұрын

Очень здорово смотреть в x2 )

@volodymyrselevertov 2 жыл бұрын

Как всегда топ, спасибо за контент ✌️

@yaroslav.vendysh 2 жыл бұрын

Кирилл прав относительно того, что скрипт - макротаска. Цитирую "javascript info": "A more detailed event loop algorithm (though still simplified compared to the specification): 1) Dequeue and run the oldest task from the macrotask queue (e.g. “script”). 2) Execute all microtasks."

@rFliege 2 жыл бұрын

Поддерживаю. Изначально микротаскам неоткуда взяться. Запускается скрипт (макротаск), который ставит (а может и не ставить ) задачи в очередь микротаск. После выполнения скрипта выполняются все задачи из очереди микротаск (они также могут породить микротаски, которые встанут в конец этой же очереди) . Когда вся очередь микротаск опустеет, произойдет отрисовка и переход к следующей задаче из очереди макротаск. То есть первичной точкой заполнения очереди микротаск, при запуске приложения или после того как она станет пустой, может быть только макротаск. Если это не так, то хотелось бы услышать - как все же на самом деле?

@alexanonymous5823 3 жыл бұрын

урра соьбес с мидлом=)) спасибо большое=)) огонь=))

@bubblesort6368 3 жыл бұрын

Да) с силами самое то. С синьйорами было похоже скорее на разговоры по душам)

@paharosh712 Жыл бұрын

Кирилл ты красава! Просто туториал как сдавать тестирование

@griha296 Жыл бұрын

По-моему один из лучших кандидатов

@TheDjaler 3 жыл бұрын

Кстати, вот набросал тот пример, который так и не осилил объяснить устно: async function doWork() { return new Promise((resolve, reject) => { setTimeout(() => { reject(new Error()) }, 1000) }) } const promise1 = doWork(); const promise2 = doWork(); try { await promise1; await promise2; } catch (e) { console.log(e) } Если мы выполним такой код, то ошибка от первого await будет поймана в catch. Но про второй промис нам пожалуется браузер, что ошибка не была перехвачена: (index):6 Uncaught (in promise) Error at (index):6 А вот если делать await Promise.all([promise1, promise2]), то никаких ругательств не будет

@alekseymorhun7129 2 жыл бұрын

функция с тегом async уже возвращает промис

@underpog5347 2 жыл бұрын

как мне кажется просто нужно разбить на два try catch и проблем с отлавливанием ошибки не будет try { await promise1; } catch (e) { console.log(e) } try { await promise2; } catch (e) { console.log(e) }

@TheDjaler 2 жыл бұрын

@@alekseymorhun7129 кто ж спорит?

@user-sk1mi1vm3m 2 жыл бұрын

Красава! Выдержал всё! Особенно Славу)

@boycovclub 3 жыл бұрын

Щас начнут красиво топить и скажут в конце, мы с вами свяжемся по результатам собеседований

@dasvas9383 3 жыл бұрын

Станислав сегодня замечательно серьезен)

@Dedinside-vv5cr Жыл бұрын

Приятный парень, очень умный

@marinat201 2 жыл бұрын

Ладно, не буду букой. Здорово, что есть ваш канал и вы помогаете молодым разрабочикам подготовиться к интервью!

@gian_tiaga 3 жыл бұрын

Всё чётко разложил. Почти идеально прошёл

@alfabanner7351 3 жыл бұрын

Спасибо вам за ваш труд!

@NeoJohnSmit 2 жыл бұрын

Хорош)

@miloman1995s 2 жыл бұрын

21:45 - почему не исправили парня, null == 0 будет false а не true . Цитирую learns.js "С другой стороны, для нестрогого равенства == значений undefined и null действует особое правило: эти значения ни к чему не приводятся, они равны друг другу и не равны ничему другому. Поэтому (2) null == 0 ложно."

@TheDjaler 2 жыл бұрын

Действительно. Спасибо за замечание

@user-paint-alexandra 2 жыл бұрын

Надо же, при ответе про event loop, сижу думаю, что за макро и микро таски, там же стек, очередь... в общем, нигде таких названий не встречала. И вот, пожалуйста, прямо сегодня на собеседовании и спросили.

@spectrumauto6875 28 күн бұрын

стек в движке, а не в event loop

@user-mu4my8fq2e 10 ай бұрын

Влад красава, в этом выпуске не выебывался почти!

@ngSamurai 3 жыл бұрын

О! Локации ведущих сменились )

@kulikoffAS 2 жыл бұрын

меня убивают эти вопросы. А можно ли вложить кнопку в кнопку? я не знаю зачем я это смотрю...

@igorvitcovschii4556 2 жыл бұрын

Владислав уже в конце курить хочет)

@user-xw3uj8ij6v 18 күн бұрын

41:20 эх попробуйте зафризить современный браузер промиссами / микротасками , а потом пойдите и почитайте уже наконец то спецификацию html 5 event loop и как он перфомит микротаски ) и нет термина макротаски в спецификации)

@dmitry9463 3 жыл бұрын

Сам же задал вопрос мол в чём проблема работать с DOM если у тебя точечные изменения в доме, а потом сам начал отвечать на свой же вопрос и плавно перешёл к 10 тыс. элементов в доме вместо точечных изменений.

@danzankekshaev5742 Жыл бұрын

Стас просто любит умничать и не любит признавать ошибки

@levontovmasyan3230 Жыл бұрын

18:55 не ключ, а значение) 5 минут пытался понять вопрос))

@dmitry9463 3 жыл бұрын

А что такое shadow DOM?

@vladvladov4095 2 жыл бұрын

не ну так себе вопросы на мидла, а если он теоретик и код писать не умеет, вообще формат норм, парень красава)

@GVal98 2 жыл бұрын

На собеседование большая очередь? Думаю стоит ли записываться заранее или нет

@TheDjaler 2 жыл бұрын

я записывался после выхода самых первых видео, месяцев 5 назад

@user-ke2im6ds1t 2 жыл бұрын

Кому как конечно, но я на каждый вопрос ловил такое ощущение, типа: зачем так мудрить, если можно сказать намного проще. Вроде отвечает верно, но всегда остается некий осадок. Постоянно хочется спросить, так что же оно все таки делает. Может кому-то и нравится такие длинющие ответы, но их сложно воспринимать. Прям вод видно типичного инженера. Я бы рекомендовал упрощать обьяснения. Это очень важно, особеннно если ты планируешь в будущем быть тимлидом или ментором. Когда тебе нужно будет джунам, максимально доходчиво обьяснять такие вещи. А такой формат они точно не поймут.

@lord8360 2 жыл бұрын

А лол, это на мидла, думал на джуна

@alexstav3457 2 жыл бұрын

давайте уже бекенд новый. сколько можно...

@EugenHV 2 жыл бұрын

А можно Стаса как-то потише сделать? :D

@disorder-nc6ol 9 ай бұрын

Кирилл же сказал про оптимизацию, что vdom нужен для ускорения, что за странный доеб от Станислава?

@user-zj9fr5ds5j Жыл бұрын

Что-то ели отвечал, а прошел)) да и вопросы базовые опять, словно для джуна, Я тогда видимо на сеньора пройду легко))

@vitaliyyasinskiy3689 Жыл бұрын

ели - это деревья в лесу, сеньор

@olegkorneev2764 2 жыл бұрын

спрашивать про var в 2021? ммм...

@user-ub4pt1vo2k 3 жыл бұрын

А null какой тип

@Ryold 3 жыл бұрын

Typeof - object А так null

@user-zh8iz3jl6y 2 жыл бұрын

Невозможно слушать. -Ааа, скажем так, аааа. Аааа...

@norwinlol 3 жыл бұрын

1:17:36 показалось? :D

@Re_p1ay 3 жыл бұрын

Ага, точно показалось 😂

@yatvoy457 2 жыл бұрын

У вас тайм коды съехали к сожалению

@otsobes 2 жыл бұрын

Все или какой-то один?

@shevajr 2 жыл бұрын

@@otsobes "Чему равен NaN" таймкод должен быть 22:51, а не 21:51, из-за этого немного съехали следующие

@rukioruk6949 5 ай бұрын

У Владислава видимо роль спеца по бесполезным вопросам 🤣

@ohskynyrdlynyrd Жыл бұрын

Шарит

@DIMAWARCRAFT3 Жыл бұрын

чел с донецка наверное сейчас воюет)

@TheDjaler Жыл бұрын

nope

@DIMAWARCRAFT3 Жыл бұрын

@@TheDjaler о. Как там жизнь сейчас?

@TheDjaler Жыл бұрын

@@DIMAWARCRAFT3 Сложно 🤷‍♀

@DIMAWARCRAFT3 Жыл бұрын

@@TheDjaler правда что прям по квартирам ходят и выгребают?

@yuryitikhonoff9631 3 жыл бұрын

Ох нелегко в ДНР айтишникам. Респект парню.

@yuryitikhonoff9631 3 жыл бұрын

@@carthago_delenda_est а какие комменты пропали?

@trusabaka9747 3 жыл бұрын

А что такое днр?

@yuryitikhonoff9631 3 жыл бұрын

@@trusabaka9747 Донецкая Народная Республика, непризнанная квазиреспублика типа Южной Осетии или Приднестровья.

@trusabaka9747 2 жыл бұрын

@@yuryitikhonoff9631 Так вопрос был риторический. :)

@vitaliydemchukmusic 2 жыл бұрын

не легко было с самого начала (с 2014), когда с нуля нужно было всё восстанавливать в "неблагоприятных" условиях.

@yaroslavoz 2 жыл бұрын

Чувак, окружение формирует сознание. Очень стоит из дыныры в нормальные места.

@andrei_valikov Жыл бұрын

ботаны хотят в популярность

@Disorrder 2 жыл бұрын

Полчаса потратили на вопросы джуну 🤷‍♀️

@user-nw5br5jg9k 2 жыл бұрын

Ребята так и не поняли, что Кирилл под макротасками понимает обычные синхронные таски, а под микротасками имел ввиду походу микро + макро вместе, поэтому произошло непонимание)

@TheDjaler 2 жыл бұрын

а что есть "обычные синхронные таски" в контексте JS, простите?