#14 Собеседование Senior Frontend разработчика из FAANG

Рет қаралды 65,554

Күн бұрын

В данном выпуске Кир пройдет собеседование на senior frontend разработчика.
Поддержать проект: / otsobes
Канал Кира в телеграме: t.me/kirjs_ru
Канал Кира где он проводит стримы про ангуляр и не только: / @kirjs
---
Если вы хотите пройти отсобеседование заполните форму:
Frontend: forms.gle/o69DSx9QsZciPYYB8
Backend: forms.gle/FbFz5FghRyW5qS3L6
---
Ссылки из выпуска
Google Code Review Guidelines google.github.io/eng-practice...
Selectors that depend on layout wiki.csswg.org/faq#selectors-...
Relayout optimizations developers.google.com/web/fun...
FLIP animations aerotwist.com/blog/flip-your-...
Stuff Made Here :) / @stuffmadehere
---
00:00:00 Вступление
00:00:15 Знакомство
00:00:45 Как ты попал во фронтенд?
00:05:00 Самая интересная задача которую приходилось решать?
00:07:10 Как вам живется с таким большим монорепозиторием?
00:10:40 Каков твой путь был до Google?
00:14:55 Почему ты решил пойти в Google?
00:16:22 Что у тебя вызывает трудности на работе?
00:17:30 Как ты попал в команду Firebase?
00:20:51 Что тебе не нравится в Angular?
00:23:06 Как у вас проходят код ревью?
00:32:24 Что ты думаешь про SSR?
00:39:25 Какие есть альтернативы SSR?
00:42:42 Когда без SSR не обойтись?
00:46:40 Про AMP
00:47:40 Каким сайтам может быть полезно AMP?
00:56:15 В каких случаях на проект стоит брать TypeScript?
00:57:37 Jsdoc как альтернатива TypeScript?
01:00:01? Станет ли JS рано или поздно низкоуровневым языком на котором не будут писать?
01:01:15? WASM и Canvas
01:06:05? Появится ли убийца JS?
01:10:05? Какой современный тулинг ты используешь?
01:13:40 Типы против интерфейсов?
01:16:23 Какие ты знаешь способы оптимизации релайаута?
01:24:40 Почему у нас в CSS нет селектора на родителе?
01:31:20 Виртуальный DOM против инкрементального
01:45:38 Про JSX
01:51:10 Кодревью
02:15:00 Заключение

Пікірлер: 150

@kirjs 3 жыл бұрын

Всем привет! Хочу сразу ответить на резонные вопросы про let и const :) Я понимаю, что всем было бы прикольно посмотреть, как “мудрый” Senior чешет репу и пытается вспомнить детали передачи контекста в функцию и это очень крутой движ! Я не очень люблю, когда такие вопросы задают джунам, но я за равноправие. Если кто-то хочет сделать свой выпуск со мною и замыканиям и погонять меня по основам - я с удовольствием поучаствую.  В качестве demo-версии: недавно на стриме я понял, что подзабыл точную механику hoisting, потупил и полез на MDN. Пришлось провести домашнюю работу, в процессе которой я выяснил что в спеке нету слова hoisting, а так же, в зависимости от определения, можно даж утверждать, что у let и const тоже есть hoisting (тут была ссылка, но ютуб зашадоубаннил мой коммент, ищите на канале) В общем есть кому-то действительно интересно - зовите и готовьте вопросы.

@ArtOfFun 3 жыл бұрын

Кирилл, алгоритмы нужно подробно изучать, или достаточно в общих чертах понимать и знать?

@kirjs 3 жыл бұрын

@@ArtOfFun Мне алгоритмы пригодились: На собеседованиях - 50% На стримах - 40% В работе - 10% Зато там, где мне в работе пригодились алоритмы, it really made a difference

@coldym 3 жыл бұрын

Йо! Какие книги по JS посоветуешь?

@kirjs 3 жыл бұрын

@@coldym Ох, все книги которые я читал скорее всего устарели. Многие рекомендуют you don't know js

@ArtOfFun 3 жыл бұрын

@@kirjs спасибо за советы)

@jackdoe1312 3 жыл бұрын

Знаешь ли ты, JS? Вдоль ночных дорог, я писал тебе let и const, не жалея строк Код мой теперь в {{твоих руках}} Не потеряй его и не сломай

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

Шикарное видео, смотрел на одном дыхании!!!! Побольше бы таких. Прожал лайк от души!!!!

@kurasaored2775 3 жыл бұрын

Для разработчиков уровня middle это супер ценная инфа, которую порой приходиться собирать по крупицам отовсюду, а здесь всё в одном месте, концентрированно, спасибо ребята :)

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

Видео смотрел еще вчера, а приятный эффект код-ревью все еще осталася, просто супер!!!

@interhin 2 жыл бұрын

Очень нравятся ваши подача и спокойствие. Интересно слушать на фоне как подкаст, иногда узнаю что-то новое.

@smith-dev 3 жыл бұрын

Боже, это наверное первый раз, когда я посмотрел выпуск с удовольствием и без кринжа. Спасибо за такого крутого гостя!

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

Достойный выпуск, спасибо вам всем за него.

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

Классный выпуск! Кучу полезного нового интересного узнала) спасибо 👍

@ilya_bolyasov 3 жыл бұрын

Как по мне - самое интересное собеседование на канале. Собеседуемый классный спец и очень много знает!

@sengokusky1515 3 жыл бұрын

Объяснения от Станислава оч крутые, необходимо смело заводить свой канал :) Как же было интересно смотреть на кодревью и размышление вслух, красава Кир.

@lertis_m 3 жыл бұрын

Наконец то Angular и еще и Senior, балдёжный выпуск!

@uaplatformacomua 2 жыл бұрын

Была рада увидеть Кира на этом собесе, повторяла за ним код на стриме, крутой парень! Отличный собес, одни положительные эмоции, узнала для себя кое-что новое

@rdh1935 3 жыл бұрын

крутой выпуск! Было очень интересно

@leonidpyrlya9795 3 жыл бұрын

Отличное интервью/дискуссия 👌🏼

@mikhailvyuzhanin4063 3 жыл бұрын

Интервью супер, шипение из микрофона Владислава давит прям

@chkpg4317 11 ай бұрын

Один из лучших выпусков

@vilu4151 11 ай бұрын

Очень полезно, спасибо большое

@otabekfayziev7076 2 жыл бұрын

Приятный очень тип, интересно слушать его

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

Про инкрементальный дом и виртуальный можно сформулировать точнее и короче, виртуальный дом интерпретируется внешним механизмом (набором инструкций), инкрементальный ссылается на эти инструкции сам, именно исходя из этого на этапе компиляции можно вычислить какие инструкции не используются и не тащить их в бандл, в случае с vdom мы этого знать не можем, и придется в бандл тащить весь механизм интерпретации vdom

@serebniti 3 жыл бұрын

1) В хроме на мобиле есть упрощенный режим. Экономия трафика. 2) amp страницы забирают трафик с сайта 3) Flutter делает отрисовку на канве в браузере. Подебажить получится.

@Re_p1ay 2 жыл бұрын

Код ревью пушка!!! Не понимаю коменты типа "замыкание не спросили", да вы посмотрите на тот как он код ревьюит и вопросы сами отпадут. Да и к тому же, если занять половину времени вопросами про EventLoop, то на самое интересное времени не останеться

@VladBashilov 2 жыл бұрын

хорошее интервью адекватные вопросы кодревью кайф и да тесты тесты тесты ))

@alexanonymous5823 3 жыл бұрын

асибо большое=)) пожалуйста если у вас есть возможность регулируйте громкость всех участников, нужно повышать звук что бы хорошо было слышно, но тогда Влада слышно слишком громко. и если это не будет наглостью вы могли бы просить сениоров немного увеличивать шрифт кода? когда инет не очень на низком качестве плохо видно. спасибо еще раз в любом случае=))

@denpol9956 2 жыл бұрын

Насчёт контроля размера бандлов при использовании ts - кстати, на nextjs, по ходу, таких проблем нет, если использовать динамический импорт.

@Elator11777 3 жыл бұрын

Где всплытие, замыкание и контекст!!!!??? Хочу послушать, как синьор отвечает на эти вопросы и поясняет за ивент-луп!

@kirjs 3 жыл бұрын

Логичный вопрос, ответил выше :)

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

Если у вас возникают подобные желания при просмотре собеседований для синьоров, задумайтесь, а хотите ли вы расти дальше?

@AndriiKuftachov 3 жыл бұрын

@@user-xe2de1ss7k то есть, если синьор, то уже можно это все забыть?

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

@@AndriiKuftachov то есть, если синьор, то должен знать то, что не знает джуниор, и проверять нужно именно это

@AndriiKuftachov 3 жыл бұрын

@@user-xe2de1ss7k вот мой опыт, пусть и относительно небольшой, в собеседованиях говорит, если человек говорит, что он синьор - это ещё ничего не значит, он может быть просто джун с большим стажем. Поэтому, задать несколько вопросов по базе основных технологий - это ок! Вот вопрос про SSR достаточно странный, если это не позиция, где будет SSR, тоже самое и AMP... А на это потратили реально кучу времени.

@igelchik 2 жыл бұрын

- почему ты пошел именно в гугл? - у меня не было какой-то цели, у меня была смешная ситуация 😂

@danilkochnev8162 3 жыл бұрын

классно

@sLavoncheg 3 жыл бұрын

По поводу ревьювинга кода - я вот когда только устроился в зарубежную компанию, то у меня код ревьювинг, вначале, всегда был по скайпу и мне чувак просто объяснял, как это должно выглядеть и переписывал, иногда это могло занимать полдня. Затем я пытался так как он объяснял, потом прочитал клин код, и в итоге за несколько месяцев дошло до автоматизма. И тоже работаю не в фаербейзе, но плотно с ним :) И кстати пишем абсолютно весь код так, чтобы не нужно было использовать комментарии. Только код и всё.

@llollwhat 2 жыл бұрын

Да, вот это настоящий синьор.

@m.g.0416 2 жыл бұрын

Тут все джунами устроиться не могут, а у меня другая проблема - я самый настоящий джун, но на работе меня оценили как миддла. И теперь я каждый день живу с диким стрессом из-за 'синдрома самозванца', работаю до ночи и иногда по выходным, стараюсь дотянуться до данного грейда. Спасибо вам, ребят, за ваши выпуски, они реально помогают выявить пробелы в знаниях

@liamzhang6126 2 жыл бұрын

Typical imposter syndrome man, chill out. If you have more than 3-6 months of experience you are a middle developer for sure. Switch your night routine to a morning routine, it'll boost your performance much more.

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

Точно такая же ситуация, постоянный нервяк, жуткое состояние.

@gregorybai363 2 жыл бұрын

Немного удивлен, что вы затронули тему Canvas вместо DOM, сказав, что пока ничего серьезного или безуменого еще нет. Вот, Flutter ( который на Dart ) как раз так и работает. Отрисовывает и обновляет Canvas ( может работать не только с браузерным ) в зависимости от изменения состояния компонентов.

@andrewnagulyak9135 2 жыл бұрын

Это скорее подкаст чем собес)

@isfland 2 жыл бұрын

Код-ревью действительно пушка

@rinatvaliullov3247 2 жыл бұрын

46:00 В общем, бизнес порешал )

@Maiq-The_Liar 3 жыл бұрын

01:21:11 Тут Влад намекает, что пора заканчивать вопрос релейаута ? :)

@d_r_robot 3 жыл бұрын

Лично мне это собеседование очень понравилось Кир отвечал по мне так хорошо. Но какого скажите Senior должен тут ещё про let и const рассказывать. По мне так это для джунов вопросы. А вот про архитектуру и прочие интересности это уже в тему!

@IgorKashin 3 ай бұрын

37:30 Про Амазон fake news, у нас есть above the fold и below the fold. ATF трафик рендерится на стороне сервера, многие вещи подгружаются позже, но это не основные вещи. цена, срок доставки, описание товара - всё это пререндер.

@sanchezz1135 2 жыл бұрын

У interface есть особенность, они не индексируемые по дефолту, им надо прописывать тип и если его присваивать типу, который по дефолту индексируемый, то будет ошибка

@sebastianleukhin8440 2 жыл бұрын

has css появился в chrome canary для стилизации парента :)

@Maiq-The_Liar 3 жыл бұрын

Собес на синьора кажется более простым, чем на джуна.

@denpol9956 3 жыл бұрын

Ага, сам проходил собес у синера - никому это не интересно, там про солид, структуры данных, и прочие высокие материи в основном)

@animatronioboss 3 жыл бұрын

@@denpol9956 это же джуновские вопросы, лол

@denpol9956 3 жыл бұрын

@@animatronioboss похрен, главное, чтоб заказчик знал за что платит))

@cseedrvr6627 2 жыл бұрын

@@animatronioboss у Джунов спрашивают что значат буковки в аббревиатуре, а понимание и применпние solid в комерческой разработке это уже не джуновская тема

@animatronioboss 2 жыл бұрын

@@cseedrvr6627 Значит я особенный)

@TheBorninmotion 3 жыл бұрын

firebase top !

@irinamyskoooo 2 жыл бұрын

Собеседования senior FD в Киеве спрашивают у Джуна (меня).

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

Еще не открывал. А каэсэс будет?

@romanenkoonline 2 жыл бұрын

Какой каэсэс? Он даже аштэмээль ещё не освоил 😂

@carthago_delenda_est 2 жыл бұрын

"Лежат в ручке" - самое странное название ендпоинта.

@isfland 2 жыл бұрын

Инженер в Google обычный человек и не знает все спеки вдоль и поперек и не должен их знать. Интересно смотреть как гость подходит к решению вопросов где не знает ответ, как развивается мысль

@otsobes 3 жыл бұрын

Канал Кира в телеграме: t.me/kirjs_ru Канал Кира где он проводит стримы про ангуляр и не только: kzfaq.info/love/4CdLjCS1tzPldyF50UwsZAvideos --- Поддержать проект: www.patreon.com/otsobes Если вы хотите пройти отсобеседование заполните форму: Frontend: forms.gle/o69DSx9QsZciPYYB8 Backend: forms.gle/FbFz5FghRyW5qS3L6

@ivanmorozov3656 2 жыл бұрын

Поясните пожалуйста что имеется в виду под релайаутом?

@VladimirHard 2 жыл бұрын

ничего не понял, но очень интересно)

@reaktor_4613 2 жыл бұрын

35 лет? JS молодит

@igortobert 2 жыл бұрын

я сейчас скажу глупость, поправьте если я не прав. Но разве switch по производительности не быстрее работает чем if ? имхо на рефакторе надо было сделать switch(user.role) и в case брать возможные варианты + default бы выдал как раз throw error с неожиданной ролью.

@georgiyshebanov1806 2 жыл бұрын

разница производительности небольшая есть, но она больше зависит от интерпретатора браузера. В данном случае switch, действительно, был странный )

@gpologov 3 жыл бұрын

Знает ли он чем отличается let от const???

@kirjs 3 жыл бұрын

Логичный вопрос, ответил выше :)

@AndriiKuftachov 3 жыл бұрын

Ну let и const на таком уровне - это перебор. Вопрос про let и const проверяет, что человек не совсем дебил и стал хоть базовые вещи. Даже разницу между var и let можно забыть, просто используя let. В общем, это не концептуальный вопрос.

@TheBokiXD 3 жыл бұрын

35 лет!? Уоу! Думал лет 20)

@jackdoe1312 3 жыл бұрын

Это от живительного, омолаживающего излучения монитора + созерцания js

@sk8beemo783 3 жыл бұрын

Интересно в тест кейсе экспект result toBe другой объект. Что-то мне подсказывает, что этот кейс всегда будет валиться. Видимо, Кир сэкономил время при демонстрации. Подскажите, как в реальности за один экспект будет выглядеть такой кейс? Отличный выпуск, спасибо ведущим за материал и потрясающего гостя.

@kirjs 3 жыл бұрын

Да, там опечатка, должен был быть toEqual

@kirillpavlovskii8342 3 жыл бұрын

Блин а как монорепозиторий для angular и Gmail? Это же огромные проекты

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

Интересно что за проэкт, после которого все попадают в гугл?

@kirjs 3 жыл бұрын

В том-то и дело, что ничем не примечательный, какой-то risk-management в банке

@Nikitosss91 2 жыл бұрын

Exel by V.Minin

@ivangerasin8240 2 жыл бұрын

POJO это не Plain Javascript Object :) Это Plain Old Java Object

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

1:59:40 а почему !isActive?

@webcatowo 2 жыл бұрын

Хочу к вам на собес)

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

учу JS 7 месяцев, перепрыгиваю сейчас на реакт..ну вот сколько нужно учиться чтобы до такого уровня дойти ?

@InSimpleWords_WebDev 2 жыл бұрын

у всех больших звезд за плечами не менее 10 лет опыта.

@olezhonnv3215 2 жыл бұрын

1000 лет. По две недели на каждый фреймворк. На Ангуляр - месяц. И еще месяц на нюансы и грабли.

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

тут не учиться надо, а работать и учиться, чтобы дойти до такого уровня

@bubblesort6368 3 жыл бұрын

Я бы рекомендовал юзать типы вместо интерфейсов там где это возможно. Просто есть одна каверзная штука связанная с интерфейсами в typescript, а именно то что они динамически расширяются и это может оказаться проблемой. У типов таких проблем нет. Вот к примеру валидный ts код: interface IBase { run: () => void } interface IBase { exec: () => void } class Impl implements IBase { run() {} exec() {} }

@kirjs 3 жыл бұрын

Спасибо, видел, что так можно, но как-то в жизни не пригодилось, буду разбираться отдельно

@IntegMarco Жыл бұрын

всегда всё упирается в интерес. если интересно, значит будешь работать с энтузиазмом и не драть мозги. если неинтересно, будешь страдать сам и портить воздух всем.

@shevdev 2 жыл бұрын

Данил Кашин нынче интервьюирует...

@vik_2743 2 жыл бұрын

На первых минутах складывается впечатление, что два крутых чувака из Гугла собесят сеньорика из, прости господи, делимобиля.

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

А чем чревато использование конструкции switch case???

@kirjs 3 жыл бұрын

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

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

@@kirjs А в чем сложность работы с такой конструкцией? Для меня сложно было понять строчку, когда возвращается обьект в котором вычисляется свойство permissions.

@kirjs 3 жыл бұрын

@@user-yu6sg9wj2d Да, там вполне можно было юзать switch, если свитчить не на true, а на роли, было бы норм

@AndriiKuftachov 3 жыл бұрын

switch можно использовать, когда реально нужно делать действия по разным условиям и их много.

@isfland 2 жыл бұрын

Как вообще возможно перевести весь Гугл на какую-то новую версию библиотеки, например React за неделю? Один проект, находящийся под твоим контролем, порой сложно переключить. А как можно отвечать за все остальные тысячи проектов? Как быть уверенным, что там ничего не сломалось?

@maxshdev 2 жыл бұрын

Писать нормальный код :)

@kirjs 2 жыл бұрын

Очень сложно :) Есть куча либ, которые помогают с этим делом, и автоматизируют разные части процессов. Некоторые вещи невозможно автоматизировать, тогда каждая команда становится ответственной за переезд, все уведомляются за пару кварталов, чтобы была возможность распланировать труд. Я так переводил свой проект на новую версию jasmine например.

@isfland 2 жыл бұрын

@@kirjs ага, то есть команда, владеющая продуктом, отвечает за переезд на новую версию. Я значит неправильно понял, что человек, инициирующий апгрейд версии зависимости в своем проекте отвечает и за апгрейд во всех остальных проектах 🙃

@kirjs 2 жыл бұрын

@@isfland В целом - да

@netamgdenado 2 жыл бұрын

Чувак с самого начал про стандарты сказал. Дальнейшее 95% интервью это обсуждение издержек и холивара, из за отсутствия этих самых стандартов, и, так же спроса рынка. Издержки могли бы не быть, если бы были общепринятые стандарты, как в остальных отраслях. А то получается что каждый борется за свою технологию, и свой подход, и общее понимание дела. Это бизнес. И тут каждый играет в свою игру. Ничего не напоминает?)

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

Два джуна собеседуют сеньора ))

@almi1441 10 ай бұрын

100%

@netwizard7920 Жыл бұрын

это не собес это больше как подкаст)) или интерьвю

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

Как можно бы было пройти собеседование с этими ребятами, сори мужиками?

@ivanstrilets443 3 жыл бұрын

Опять КАЭСЭС

@ivanlomov1994 2 жыл бұрын

Включил на фразе: "Где-то по пути потеряется ребенок и его будет сложно найти" кек

@TarasovFrontDev 7 ай бұрын

Прикольно, три сеньора не знают в каком порядке выполняется render queue. Запомните, composition выполняется последним.

@arsen.. 3 жыл бұрын

Похоже не на собес, а на интервью

@underpog5347 3 жыл бұрын

полностью согласен, такое ощущение, что ребята встретили рок-звезду и им просто интересно "а как у вас там в гугле", мне тоже интересно, но только когда у видео заголовок не "Собеседование Senior Frontend разработчика из FAANG", а "Интервью с Senior Frontend разработчика из FAANG". Вопрос про АМП вообще смешно, такое ощущение что Владу было просто интересно узнать какую-то инсайдерскую информацию. И остальные вопросы, а как ты думаешь будет ли какая-та технология/язык развиваться и т.п., я сомниваюсь, что когда приходит разработчик на собеседование на должность senior у него будут спрашивать о том как будет или не будет развиваться фронтенд. Когда смотришь видео про собеседование хочется посмотреть как бы оно проходило в реальности, а не смотреть как собеседуемые ссут кипятком от общения с разработчиком с гугла. пы.сы. видно, что Кир очень крутой разработчик, было очень интерено

@xenm85 7 ай бұрын

плз, не надо говорить о том чего не знаете. В vue не 2 способа определения/описания компонента. Там минимум 4 способа, а с вариациями и tsx и render функцией и того больше

@xenm85 6 ай бұрын

пиздец. Вот где вы таких людей только находите то ? Ну элементарно тут надо енам добавить, список энамов

@gen7891 4 ай бұрын

посмотрел все выпуски почти кроме скрытого для синьоров, складывается впечатление что синьор недалеко ушел от джуна в целом. Синьор - наглый джун, уверенный в себе. Это я по всем выпускам. Ну в этом выпуске синьор с задротскими задатками еще с хорошей точки зрения, то есть человек увлеченный.

@olezhonnv3215 2 жыл бұрын

Си, Джаваскрипт и ПХП - вот большая тройка неубиваемых языков еще лет на 100, если не на 150. Вот увидите!

@olezhonnv3215 2 жыл бұрын

Ну, еще Джаву я б сюда добавил.

@shef_den Жыл бұрын

Мда стронг джуна пособеседовали

@669pain 2 жыл бұрын

Работа школьника - со всеми ругаться )))

@RomanGafurov Жыл бұрын

Киру - лайк, легкая подача мысли. Дизлайк ведущему Владиславу - вел себя всю дорогу "душно". Вопросы из разряда "JSdoc альтернатива TS'у" считаю признаком слабой осведомленности о целях, которые решает TS. Например, вот из того, что явно бросилось в глаза: - Preserve runtime behavior of all JavaScript code - Align with current and future ECMAScript proposals - Emit clean, idiomatic, recognizable JavaScript code Посмотрел бы с удовольствием, как на JSdoc'е он бы решал задачу с декораторами, которые до сих пор не стандартизованы в JS'е.