Благодарю, за то что поделился контентом! Готовлюсь к очередному собеседованию и такие ролики очень важны для дополнительной психологической и , безусловно, теоретической подготовки. Круто, что выложил не только удачные собесы
Спасибо за видео! Круто, что на вопросы которые во время интервью не ответил, поясняешь отдельными вставками. И в конце в целом по собесу делишься мнением.
videos like this, I think, are positive. Keep posting similar interview videos. I find it very interesting to see how all these internal processes take place.
После вопроса с компонентов на 300-500 строк, я бы лично попросил задать вопрос и уточнил, много ли у них в кодовой базе таких компонентов? В собеседовании не только работодатель выбирает разработчика, но и разработчик работодателя. А вообще неплохо держался, из криминала только что em и rem сказал что от размера экрана зависят, остальное норм - идеальных собеседований не бывает. Интересно посмотреть было 👍
Спасибо что выложил, факт того что собеседование было неудачным делает его особенно ценным, потому что обычно в таких видео у людей все идет как по маслу и проблемные места/вопросы не так легко для себя отмечать. При этом, все равно хотелось бы увидеть и успешно пройденные собесы от тебя Формат классный, из замечаний я бы выделил моменты, когда ты то ли чем-то случайно закрываешь микро, то ли сидишь немного дальше, и звук становится глухой, тяжело разбирать. Сам лично думаю что уверенный тон может сыграть даже когда плохо помнишь материал, но многие когда сомневаются то начинают говорить сильно тише, и только этот факт выдает пробел, хотя говорят правильно по сути И еще про предыдущий опыт разговоры хотелось бы слышать хотя бы мельком, с вырезанными деталями о компании/личными данными и тд. Лайк подписка, пили еще)
Спасибо за фидбэк! Есть ещё в запасе и удачные, и неудачные собеседования, возможно буду выкладывать по очереди 👀 Про уверенный тон очень верно подмечено, сам подмечал это на практике. Что касается звука, там и правда беда, собеседовался почти везде с эирподсов, но в следующий раз тогда потрачу побольше времени на обработку голоса. Часть про опыт тоже оставлю.
Спасибо, было полезно. Похоже на нормальный среднестатистический собес в среднего звена фирму) Собеседующий не очень опытен в проведении собесов, не говорит правильно или нет, не говорит кратко, что он ожидал услышать и почему именно так, но это норм, так как собесы хорошо проводить можно научиться только в большом интерпрайзе, где тебя сначала подучат, потом ты ходишь и просто смотришь на мастеров, а потом уже к тебе ходят мастера и на твое проведение собеса дадут тебе обратную связь. А так по этому видео я делал так - ставишь на паузу после вопроса, сам отвечаешь, потом тебя слушаешь и хоть это только отдаленно похоже на прохождение, но как тренировка и выявление своих слабых сторон подходит хорошо)
На счет семантики ты все сказал правильно. Сейчас в больших компаниях этому уделяется особое внимание именно как раз из за "особенных" людей (не только плоховидящих, но и чтобы можно было без мышки работать на сайте). То что чел про это не слышал показывает его не с лучшей стороны.
Спасибо за видос! Интересно, что в 2023м где-то встречались собеседования без лайвкодинга, а все условно "устно". Даже без примеров это выглядит странновато) Держать весь контекст в голове, учитывая, что интервьювера это точно подготовленный список вопросов. А из предложений: вырезать 10-15 секундные молчания для видео, на 1.25-1.5 смотрится лучше конечно, но. кажется процентов на 10 можно укоротить видос точно) Если это конечно не проблема в монтаже. Успехов! В общем и целом подобные видосы полезные. Смотрю сейчас твой канал т.к. через 2 дня начинаю проходить собесы сам и на фронта давно не было собесов полноценных, до этого только в Яндекс, который не проверяет фронтендрство от слова совсем на джун-мидловские позиции. Засиделся Я в верстальщиках лет 7. В новый путь твои видео помогают снять тревогу перед собеседованием =)
Сложных вопросов, возможно, не было потому, что было слабо по простым вопросам. Вообще по опыту техсобес менее часа - это или вообще огонь все круто, или - чаще - все плохо. Да, местами были смутные формулировки вопросов, да, видно волновался, но все же. Здесь кажется собеседующий принял решение на первых вопросах по реакту. За контент спасибо, с работой удачи!
👀 Оставляйте фидбэк и пишите, что можно улучшить Таймкоды: 0:00 Введение 1:35 О собеседовании 3:52 Технические вопросы 4:22 Селекторы 5:26 Классы 8:17 Изменение библиотек 10:06 Псевдоселекторы 11:51 Псевдоклассы 12:55 Медиазапросы 14:35 Единицы измерения 17:01 Box-sizing 18:48 Семантическая верстка 20:57 React. Классовые и функциональные компоненты 23:54 Жизненный цикл компонентов 26:39 useLayoutEffect 27:24 Стейт менеджмент 29:21 Typescript. Отличия интерфейса от типа 32:00 Опыт работы с backend 33:16 Event Loop, асинхронность, однопоточность 39:48 Вопрос про Javascript 41:36 Тестирование 43:54 Итоги собеседования 45:19 Заключение
Редко пишу какие либо комменты, но вижу, что ты только начинаешь освещать что-то из IT Видео очень полезное, здорово понимать, как все происходит на самом деле, правильно сказал в видео, что мок интервью это совсем другое Я вкатун, ещё по сути не в IT, но изучаю Frontend более года уже Подпишут и очень буду ждать следующих интервью Спасибо за контент ❤
Спасибо за фидбэк и поддержку! Молодец, что не забрасываешь учёбу. Потратить год и не опустить руки - это уже большое дело. Уверен, что ты придешь к своей цели. Следующего интервью кстати недолго ждать осталось, загляни завтра на канал 👀
«По просьбам выживших все имена были изменены. Из уважения к погибшим остальные события были отображены именно так, как они происходили» Начало напомнило Фарго)
переполнять стэк и забивать это разные вещи. Если ты переполнишь стэк задач, у тебя упадет ошибка. Если ты просто циклом while(true) { } заткнешь стек вызовов, то у тебя не будет ошибок, но скрип полностью заблокируется и браузер будет "висеть".
Спасибо за контент! Хороший пример собеса на от*ебись, который никак не помогает понять каково будет работать с человеком и какие у него компетенции. Все по верхам, с очень странными заявлениями и без сформулированных вопрос и заданий.
Спасибо за реальный собес! Вопросы довольно легкие, но иервьюер не четко формулировал, его сложно понимать, иначе интервью могло бы быть в 2 раза короче. Для меня полезен был вопрос про for/forEach и отдельное спасибо, что ты комментил свои ответы после и давал ссылки на материалы.
Странная реакция интервьюера на объяснение про скринридеры. Улучшение доступности интернета для людей с ограниченными возможностями - это такая же важная функция семантической верстки.
За контент благодарю чрезвычайно - подобный материал из серии "слишком много не бывает". Сам лишь учусь - мне ли критиковать, но собеседующий и впрямь как будто задаёт вопросы с довольно размытой формулировкой, этакий распухший круг эллера - и поди пойми, в какую конкретно часть этого круга ответом попасть нужно. Отдельно удивил вопрос про CSS units - вернее тезис интервьювера по итогу, что "rem это редкость". То-то повсеместно труженики индустрии во всяческих видеоуроках функции в препроцессорах пилят в стиле "pxToRem(pxSize)", и почти все размеры в проекте через эту функцию в конечный CSS загоняют. Оно, похоже, во многих компаниях вполне себе "частость".
Один из стремных собесов, которые мне довелось смотреть на ютубе) Собеседуемый говорит что понимает что-то в верстке, но не понимает вопросов. А те вопросы что понял и дал правильный ответ - собеседующий говорит что впервые слышит такое) Просто кккомбо) Я пишу это без негатива и только потому что ты и сам отметил что отвечал очень слабо, а так же попросил активность под видео. Ну и вопрос про фор и форич убил) волшебные коллбэки помогают не забивать поток) дада) Так что тут с обеих сторон подготовка оставляет желать лучшего и грустно что на 280 на руки такой слабый собеседующий..
Интересное видео - будучи бэкендером интересно послушать чем живёт мир фронта. Особенно порадовало обработка возврата порядка 2000 элементов с бэка 😅😂😂
@@Никита-е7ы8ж не правильный вопрос задаешь) нету самых быстрых или самых медленных, есть методы которые хорошо подходят к твоему случаю и длине массива
@@Никита-е7ы8ж если массив элементов при рендере реально тормозит сайт то делают пагинацию и асинхронно по мере скрола или нажатия на страницу пагинации отдают контент
я правильно понимаю что это канал Ulbi и он сюда решил выкладывать собесы которые прошел очень слабо, чтобы не портить о себе мнение на основном канале) голос просто 1в1 особенно на скорости в 1,5
интервьер сам по себе не особо готовился к интервью, какието вопросы "из головы". ощущение, что за 20 минут до звонка, пробежался по списку "популярные вопросы для собеседования фронтенда"
20:24 странный момент, работа со скринридерами и прочими программами для людей с ограниченными способностями, это вообще одно из главных назначений для семантических тегов, ариа лейблов итд " React. Классовые и функциональные компоненты" - мне понравился такой ответ, классы в JS это синтаксический сахар над прототипным функциональным наследованием, и тогда есть вопрос, зачем нам в реакте использовать синтаксический сахар над функциями, почему бы сразу не писать на функциях? П.С. а вообще конечно забавное интервью, откровенно все тупят)))
поржал когда на ответ про семантическую верстку интервьювер сказал "такой версии никогда не слышал")) в оправдание "неправильных" ответов можно сказать, что интервьювер зачастую задает вопрос так, что непонятно какого ответа он ждет.
Как мне кажется в вопросе о селекторах от тебя хотели услышать, что ты бы мог на любой библиотечный компонент добавить пропс style, что как раз и даст веса компоненту и выделит его среди всех остальных, но на своей практике скажу что это не самый хороший вариант
22:03 "Они ни как не задействуются...ВРОДЕ как" ахах, угарнул) Ну и вообще если говорить про классы-функции, то прикол в том, чтобы при использовании классов у нас так же инициализируются все методы (даже если какие-то из них мы не используем), что тоже влияет на скорость (хоть и немного) - но тоже аффектит. В функциональных уже такого нет.
Вопрос про отличия интерфейса от типа. Думаю, ключевое отличие в том, что с помощью типа можно примитив описать и юнион тип, а с помощью интерфейса нет
Ну насчет переполнения коллстэка не оправдывайся. Ты нес околесицу) коллстэк может переполнить от большого количества задач, но если они не тяжёлые и браузер не упал из-за переполнения, то они быстро выполнятся и браузер перейдет к рендерингу. А вот если заблочить поток даже одной функцией, которая будет делать вычисления в течение 5 секунд, то браузер все эти 5 секунд не сможет запустить ни обработчики, ни рендеринг. Поэтому сложные задачи обычно разбивают по частям
Слишком нервничаешь иного нукаешь)) тебе надо быть расслабление и уверенности больше. А так ощущение что ты перед ректором отвечаешь на вопрос с экзамена
В вопросе про селектор, от тебя хотели услышать, что нужно обернуть библиотечный компонент кнопки в какой-нибудь тэг, затем задать ему класс и в css файле перебить стиль таким образом: .parent .childClassBtn { background: #ffffff; }. Тогда стиль применится только у конкретной кнопки, а не у всей библиотеки
Честно говоря, не совсем понятно зачем человека с 4годами опыта гонять по css, очевидно, что он умеет верстать если уже 4 года работает. А если что-то не знает, то загуглит. В целом интервью интересное, но больше похоже на интервью на позицию Джун-джун+ Upd: хотя чего я удивляюсь, у людей вместо стейт менеджера контекст и половина проекта на тс, половина на джс. В принципе возникает вопрос о их технических компетенциях. Ах да, и собеседующий не имеющий представления о том, как работает for и forEach это вообще мем
Слабенькое, конечно, собеседование, хотя и вопросы довольно простые. Я бы такого кандидата не то что на 280, на позицию джуниор за 50 бы не рассматривал, и свернул бы плавно интервью на минуте 20, чтобы не тратить наше время. По верстке сильно плаваешь: псевдоэлементы before и after стали псевдоклассами, полез в реакт, хотя идет секция верстки, em и rem зависят от ширины экрана, процент, медиазапросы... Почти все мимо. Правда про семантику твоя версия более правильная, чем у собеседующего. Думать, что в HTML придумали семантику, чтобы Гуглу угодить - это бредни блогеров с ютуба. По реакту тоже плавал во всех вопросах. Классовые компоненты сложней в написании и иногда избыточны, плюс идет постоянная потеря контекста в событиях, нужно следить за привязкой, либо использовать стрелки. Этапа у компонентов у нас три - mount, update и unmount. Хук useLayoutEffect вызывается после рендера, но до отрисовки и мы можем к нему обратиться. Тайпскрипт туда же... Интерфейсы описывают объекты или классы, ты не можешь описать через интерфейс литеральный тип или простые данные, например, number | string. Но молодец, что пробуешь, плюс делишься с новичками, которые боятся идти на собеседования. Еще дал бы всем проходящим совет, ваши ответы и весь разговор должен показывать вашу уверенность, даже если вы что-то забыли. А сидеть и сонным голосом что-то бубнить, это сразу уменьшает все ваши шансы, потому что воспринимается тяжело и показывает вашу незаинтересованность или неуверенность. Если вопрос не понятен, всегда можно уточнить. Хороший собеседующий без проблем тебя подтолкнет в нужное русло, перефразирует вопросы или даст примеры. Это опять же лучше, чем пытаться ответить на вопрос, который ты не понял.
Про голос - палка о двух концах. Тезис такой: «заинтересованность лучше незаинтересованности только с overview, обрубая остальное интуитивное понимания, что может стоять за каждым». Представим что есть 2 кандидата, которые одинаково хорошо прошли собес, один с «воодушевленным» голосом(a1), другой с «сонным/незаинтересованным»(b1) голосом. Голос a1 - плюс: воодушевлённость голоса => заинтересованность минус: заинтересованность => откуда берётся заинтересованность? -> - Прошёл мало собесов и ещё «горит» так, чтобы вкладываться на каждом собесе - Мало уверен в себе, присутствует элемент «либо эта вакансия, либо ничего» и поэтому полностью/сильно вкладывается на данном собесе Голос b1: минус: незаинтересованность голоса плюс: незаинтересованность => откуда она берётся-> - Прошёл много собесов и уже не «горит» чтобы вкладываться - Уверен в себе, рассказывает спокойно, вальяжно, не надрываясь, даже с нотками(большими/постоянными) незаинтересованности Вывод: плюс голоса b1 перебивает минус голоса a1(result=c1), но плюс голоса a1 перебивает минус голоса b1(result=c2) Доводы в пользу c1: тут предпочтение отдаю тому кто прошёл много собесов, т.к при условии что он хорошо прошёл сам собес(а именно такая пара, одинаково хорошо прошедших собес кандидатов, была выбрана на рассмотрение) есть элемент «успеют разобрать хорошего специалиста», т.к этот горячий пирожок на многих собесах побывал => много офферов получил. В случае хорошего специалиста и мало количества прошедшего собеседований как горячий пирожок => мало/нисколько ещё офферов не получил => уже нет элемента «его оценили другие работодатели». Из чего следует, что когда кандидата оценили другие работодатели, то ты своё мнение укрепляешь/множишь(на число > 1). Когда же кандидата оценил только ты, а другие работодатели нет, то ты своё мнение ослабляешь/делишь(на число > 1) Доводы в пользу c2: тут и так понятно, если мы выбираем с overview, без даже интуитивного представления «а что за этим стоит и что из этого следует/может следовать» то заинтересованность лучше незаинтересованности
Почему-то собеседующий спрашивает про псевдоклассы, слышит про псевдоэлементы и затем говорит что это псевдоэлементы) Он как будто не подготовился в базовой терминологии, сбивает с толку. Я в таких моментах прошу уточнить, потому что такие подмены понятий вводят неопределенность. Грустно, когда тебя так собеседуют, очень много нюансов в этом собесе(жизненный цикл, вопросы про циклы...)
Это собес на 280к???? 😂😂😂😂 а че ж я тогда все еще 500к не получаю?)) с такими вопросами сейчас скорее на Джуна собеседуют. И то даже на Джуна вопросы более серьезные если говорить о фронте )))
@@rainlexxx так вот да, очень странная компания, еще и финтех. Обычно там сразу залетают с ноги с вопросами об асинхронщине как минимум и об паттернах проектирования. А еще любимая тема всех это замыкания хотя ими на практике 99% не пользуются )))
Классовый компонент не быстрее чем функциональный, поменяйте собеседующего, куда ему проверять других, когда он сам сомневается в своих словах и говорит неправильные вещи. Классовые более тяжеловестны, они увеличивают бандл, они не бстрее функциональных + например, еще не знает работу функции очистки
Мысленно ответил чуть лучше тебя(кроме реакта,туда ещё не дошёл),пока даже на стажёра не собеседовался. Спасибо,все лето отдыхал и не учился,но благодаря видео вспомнил озвученное быстрее,чем если бы сам гуглил.Контент топ,удачи в продвижении 🎉
Слушай, по моему опыту большАя часть вопросов что в собеседованиях на джуна, что на сеньора примерно одинаковая. Но это конечно сильно зависит от компании и от собеседующего.
Извените, Я бы хотел узнать ваше мнение. Как вы относитесь к накрутки опыта в разработке? Если другие варианты? У меня сейчас 2 резюме и единственное, что в них различается, это количество опыта, но на одном 2 отлика (о опыта), а на другом 27 (1.7 опыта)
Тоже не особо понравились вопросы, половина вообще про вёрстку. Зато ты, как собеседуемый, тоже можешь делать некоторые выводы о месте, куда собеседуешься, по тем вопросам, что тебе задают.
Привет, он спросил как поменять цвет у конкретной кнопки, ты этого толком не сказал ни как ни почему, раз у конкретной а их несколько, то варианты поменять 1. 2. 3. 4. перечисляешь варианты, просто подсказываю раз ты не понял до 10 минуты, 1. обернуть в див и через вложенность от дива .классдива .класскнопки , 2. добавить класс самой кнопке .кнопка.новыйклассКнопки, ну и в каждом отдельном случае менять цвет, скорее всего бекграунд-колор тут имеется ввиду, ну и т.д. я не стебать, но не могу не сказать, как же я развеселился), когда ты после показал статью относительных едениц измерения и в ней написано все верно, а ты озвучиваешь какую то ... (не знаю как даже не обидеть, допустим скажу какую то лож). ЕМ равен размеру шрифта в элементе, например кнопке хочешь задать отступы по бокам чтобы они относительно размера шрифта были больше и меньше пишешь паддинг: 0.5ем 2ем. а 1 rem = размеру шрифта указанного сейчас могу соврать, но вроде бы в html {font-size: 16px} обычно это 16, но кто покреативней делает 10, так считать легче все в них. В общем не заморачивайся эта ерунда для недалеких, но "продвинутых" (по их мнению) людей
Если мне надо было поменять цвет конкретной кнопки, просто использовал бы scss модуль, поставил класс на родительский элемент и меняй вложенные как хочешь
@@newman2772 ага, это ведь очень просто на вопрос как в цсс сделать тото ответить поставить сцсс модуль, а он будто сам сделает, селекторы надо уметь написать, вариантов куча, зачем ты мне написал про класс родительский если такой вариант я уже описал?) от же кадр
@@user-qm5fv5by5z вариантов куча? А ну, давай рассакжи. Элемент как я понял находится в готовом компоненте из библиотеки, то есть прямого доступа у нас к нему нет, поменять или добавить класс мы не можем. Кроме селетора css и scss вложенности какие еще варианты?
@@newman2772 как ты понял что реакт если его гоняли по разделу ЦСС ? ВОПРОСЫ ПО ЦСС , потом переходит к ХТМЛ потом К РЕАКТ, на вопросы по цсс нужно отвечать ответами из ЦСС, включай голову
@@newman2772 теперь про варианты, А что без scss вложенность не знаешь как сделать на нативном css? а почему на sass less не предложил?)) тайлвинд прикрути, и так далее. вопрос конкретный, ответ конкретный начерта тут библиотеки и препроцессоры прилепливать
Зачем вообще задавать такие вопросы на такую зп. Явно же не джуна собеседует на эту зп. Я сам провожу собесы и если там не джун - то никогда не буду задавать такие тупые вопросы
Какая-то клоунада, вопросы по терминологии верстки, какие-то абсолютно бесполезные вопросы вроде какие ед измерения существуют, после того как интервьювер сказал что первый раз слышит о скринридере на вопросе про семантику можно было вообще выходить
Это только вначале задают адовые вопросы. Я когда на последнее место пришёл, мы просто побеседовали "о жизни", пообсуждали технологии и похоливарили о подходах
Видео полезное, выкладывай ещё) весьма пригодилась)
Благодарю, за то что поделился контентом! Готовлюсь к очередному собеседованию и такие ролики очень важны для дополнительной психологической и , безусловно, теоретической подготовки. Круто, что выложил не только удачные собесы
Зачем вообще на 60к ходить?
Бампинг зарплат
Спасибо за видео! Круто, что на вопросы которые во время интервью не ответил, поясняешь отдельными вставками. И в конце в целом по собесу делишься мнением.
Спасибо за контент. На мой взгляд так блюрить видео не стоит, начинает голова болеть, глаза думают что они сошли с ума 😀
videos like this, I think, are positive. Keep posting similar interview videos. I find it very interesting to see how all these internal processes take place.
После вопроса с компонентов на 300-500 строк, я бы лично попросил задать вопрос и уточнил, много ли у них в кодовой базе таких компонентов? В собеседовании не только работодатель выбирает разработчика, но и разработчик работодателя. А вообще неплохо держался, из криминала только что em и rem сказал что от размера экрана зависят, остальное норм - идеальных собеседований не бывает. Интересно посмотреть было 👍
Спасибо что выложил, факт того что собеседование было неудачным делает его особенно ценным, потому что обычно в таких видео у людей все идет как по маслу и проблемные места/вопросы не так легко для себя отмечать. При этом, все равно хотелось бы увидеть и успешно пройденные собесы от тебя
Формат классный, из замечаний я бы выделил моменты, когда ты то ли чем-то случайно закрываешь микро, то ли сидишь немного дальше, и звук становится глухой, тяжело разбирать. Сам лично думаю что уверенный тон может сыграть даже когда плохо помнишь материал, но многие когда сомневаются то начинают говорить сильно тише, и только этот факт выдает пробел, хотя говорят правильно по сути
И еще про предыдущий опыт разговоры хотелось бы слышать хотя бы мельком, с вырезанными деталями о компании/личными данными и тд.
Лайк подписка, пили еще)
Спасибо за фидбэк! Есть ещё в запасе и удачные, и неудачные собеседования, возможно буду выкладывать по очереди 👀
Про уверенный тон очень верно подмечено, сам подмечал это на практике.
Что касается звука, там и правда беда, собеседовался почти везде с эирподсов, но в следующий раз тогда потрачу побольше времени на обработку голоса. Часть про опыт тоже оставлю.
@@ridiculousinc1 очень круто что ты их выкладываешь, помогает побороть страх собеседований, будем ждать еще!
Да, продолжай выкладывать видео!
Было очень полезно!
Спасибо, было полезно. Похоже на нормальный среднестатистический собес в среднего звена фирму) Собеседующий не очень опытен в проведении собесов, не говорит правильно или нет, не говорит кратко, что он ожидал услышать и почему именно так, но это норм, так как собесы хорошо проводить можно научиться только в большом интерпрайзе, где тебя сначала подучат, потом ты ходишь и просто смотришь на мастеров, а потом уже к тебе ходят мастера и на твое проведение собеса дадут тебе обратную связь. А так по этому видео я делал так - ставишь на паузу после вопроса, сам отвечаешь, потом тебя слушаешь и хоть это только отдаленно похоже на прохождение, но как тренировка и выявление своих слабых сторон подходит хорошо)
Спасибо за видео, сейчас понял, что могу в целом проходить такого рода интервью
На счет семантики ты все сказал правильно. Сейчас в больших компаниях этому уделяется особое внимание именно как раз из за "особенных" людей (не только плоховидящих, но и чтобы можно было без мышки работать на сайте). То что чел про это не слышал показывает его не с лучшей стороны.
Спасибо за видос! Интересно, что в 2023м где-то встречались собеседования без лайвкодинга, а все условно "устно". Даже без примеров это выглядит странновато) Держать весь контекст в голове, учитывая, что интервьювера это точно подготовленный список вопросов.
А из предложений: вырезать 10-15 секундные молчания для видео, на 1.25-1.5 смотрится лучше конечно, но. кажется процентов на 10 можно укоротить видос точно) Если это конечно не проблема в монтаже. Успехов!
В общем и целом подобные видосы полезные. Смотрю сейчас твой канал т.к. через 2 дня начинаю проходить собесы сам и на фронта давно не было собесов полноценных, до этого только в Яндекс, который не проверяет фронтендрство от слова совсем на джун-мидловские позиции.
Засиделся Я в верстальщиках лет 7. В новый путь твои видео помогают снять тревогу перед собеседованием =)
Сложных вопросов, возможно, не было потому, что было слабо по простым вопросам. Вообще по опыту техсобес менее часа - это или вообще огонь все круто, или - чаще - все плохо. Да, местами были смутные формулировки вопросов, да, видно волновался, но все же. Здесь кажется собеседующий принял решение на первых вопросах по реакту.
За контент спасибо, с работой удачи!
39:35 call stack и основной поток - принципиально разные вещи, я бы взял только на Джуна. Ой, Джаваскрипт и питон нравятся - я бы не взял :)
привет) неплохой видос, особенно ценно то что ты пошел на него неподготовленный
Видос огонь, очень полезный, помогает в подготовке к интервью
Было приятно послушать! Годнота! Пилите ещё контент! У Вас хорошо получается! 😀👍🔥🔥🔥
спасибо, что поделился видосом
👀 Оставляйте фидбэк и пишите, что можно улучшить
Таймкоды:
0:00 Введение
1:35 О собеседовании
3:52 Технические вопросы
4:22 Селекторы
5:26 Классы
8:17 Изменение библиотек
10:06 Псевдоселекторы
11:51 Псевдоклассы
12:55 Медиазапросы
14:35 Единицы измерения
17:01 Box-sizing
18:48 Семантическая верстка
20:57 React. Классовые и функциональные компоненты
23:54 Жизненный цикл компонентов
26:39 useLayoutEffect
27:24 Стейт менеджмент
29:21 Typescript. Отличия интерфейса от типа
32:00 Опыт работы с backend
33:16 Event Loop, асинхронность, однопоточность
39:48 Вопрос про Javascript
41:36 Тестирование
43:54 Итоги собеседования
45:19 Заключение
10:00 наверное, он хотел услышать про псевдоклассы
Топовый видос! Ждем еще!!!
Редко пишу какие либо комменты, но вижу, что ты только начинаешь освещать что-то из IT
Видео очень полезное, здорово понимать, как все происходит на самом деле, правильно сказал в видео, что мок интервью это совсем другое
Я вкатун, ещё по сути не в IT, но изучаю Frontend более года уже
Подпишут и очень буду ждать следующих интервью
Спасибо за контент ❤
Спасибо за фидбэк и поддержку!
Молодец, что не забрасываешь учёбу. Потратить год и не опустить руки - это уже большое дело. Уверен, что ты придешь к своей цели.
Следующего интервью кстати недолго ждать осталось, загляни завтра на канал 👀
Уже нашёл работу?
@@artifact1702 нет, ещё в процессе, попутно готовлюсь к собеседованиям
Нашел работу?
@@Человек-р9ц Да, работаю уже порядка 3-ех месяцев, уже успел сменить один раз работодателя по своей инициативе))
«По просьбам выживших все имена были изменены. Из уважения к погибшим остальные события были отображены именно так, как они происходили»
Начало напомнило Фарго)
чрезвычайно полезное видео, всё подробно объяснено🧠🧠
Спасибо, стараемся 🐗🐗
переполнять стэк и забивать это разные вещи. Если ты переполнишь стэк задач, у тебя упадет ошибка. Если ты просто циклом while(true) { } заткнешь стек вызовов, то у тебя не будет ошибок, но скрип полностью заблокируется и браузер будет "висеть".
Спасибо за контент! Хороший пример собеса на от*ебись, который никак не помогает понять каково будет работать с человеком и какие у него компетенции. Все по верхам, с очень странными заявлениями и без сформулированных вопрос и заданий.
Дослушал до вопросов по жс. Заявления про скорость классовых и функциональных компонентов в реакте, а также неблокирующий forEach это полная чушь.
Спасибо за реальный собес! Вопросы довольно легкие, но иервьюер не четко формулировал, его сложно понимать, иначе интервью могло бы быть в 2 раза короче. Для меня полезен был вопрос про for/forEach и отдельное спасибо, что ты комментил свои ответы после и давал ссылки на материалы.
Спасибо, очень интересно!
Это правда собес на позицию в 280к? Уже выше писали, что на джуна вопросы будут один в один 😮
Странная реакция интервьюера на объяснение про скринридеры. Улучшение доступности интернета для людей с ограниченными возможностями - это такая же важная функция семантической верстки.
За контент благодарю чрезвычайно - подобный материал из серии "слишком много не бывает". Сам лишь учусь - мне ли критиковать, но собеседующий и впрямь как будто задаёт вопросы с довольно размытой формулировкой, этакий распухший круг эллера - и поди пойми, в какую конкретно часть этого круга ответом попасть нужно. Отдельно удивил вопрос про CSS units - вернее тезис интервьювера по итогу, что "rem это редкость". То-то повсеместно труженики индустрии во всяческих видеоуроках функции в препроцессорах пилят в стиле "pxToRem(pxSize)", и почти все размеры в проекте через эту функцию в конечный CSS загоняют. Оно, похоже, во многих компаниях вполне себе "частость".
Один из стремных собесов, которые мне довелось смотреть на ютубе)
Собеседуемый говорит что понимает что-то в верстке, но не понимает вопросов.
А те вопросы что понял и дал правильный ответ - собеседующий говорит что впервые слышит такое)
Просто кккомбо)
Я пишу это без негатива и только потому что ты и сам отметил что отвечал очень слабо, а так же попросил активность под видео.
Ну и вопрос про фор и форич убил) волшебные коллбэки помогают не забивать поток) дада)
Так что тут с обеих сторон подготовка оставляет желать лучшего и грустно что на 280 на руки такой слабый собеседующий..
Ты лучший!
прикольно, спасибо за видос!
Интересное видео - будучи бэкендером интересно послушать чем живёт мир фронта. Особенно порадовало обработка возврата порядка 2000 элементов с бэка 😅😂😂
какой самый быстрый метод перебора массива, спрашиваю как новичок?
@@Никита-е7ы8ж самый быстрый это цикл for )
@@Никита-е7ы8ж не правильный вопрос задаешь) нету самых быстрых или самых медленных, есть методы которые хорошо подходят к твоему случаю и длине массива
@@Никита-е7ы8ж если массив элементов при рендере реально тормозит сайт то делают пагинацию и асинхронно по мере скрола или нажатия на страницу пагинации отдают контент
@@Никита-е7ы8жfor of
Спасибо, интересно было послушать. Не в обиду будет сказано, но говоришь, как будто умираешь или засыпаешь :)
Спасибо!!!
я правильно понимаю что это канал Ulbi и он сюда решил выкладывать собесы которые прошел очень слабо, чтобы не портить о себе мнение на основном канале) голос просто 1в1 особенно на скорости в 1,5
Это было круто!
да какие 280к, такие вопросы интернам задают
интервьер сам по себе не особо готовился к интервью, какието вопросы "из головы". ощущение, что за 20 минут до звонка, пробежался по списку "популярные вопросы для собеседования фронтенда"
Жестка) на джуна 60к зп собесы сложнее)))
Абсолютный факт
Про усиление селекторов, наверное, имелось ввиду добавление тэга к классу, типо div.some-class вместо .some-class
проорал с семантических тегов (для слабовидящих людей)XD
20:24 странный момент, работа со скринридерами и прочими программами для людей с ограниченными способностями, это вообще одно из главных назначений для семантических тегов, ариа лейблов итд
" React. Классовые и функциональные компоненты" - мне понравился такой ответ, классы в JS это синтаксический сахар над прототипным функциональным наследованием, и тогда есть вопрос, зачем нам в реакте использовать синтаксический сахар над функциями, почему бы сразу не писать на функциях?
П.С. а вообще конечно забавное интервью, откровенно все тупят)))
Кстати по поводу блокировки потока for .... Тут точно утверждать не буду. Но по моему он прав, в forech передается callback который и дробит задачу.
поржал когда на ответ про семантическую верстку интервьювер сказал "такой версии никогда не слышал")) в оправдание "неправильных" ответов можно сказать, что интервьювер зачастую задает вопрос так, что непонятно какого ответа он ждет.
19:45 Тут чет я сильно проорал
я чуть не сдох))
Как мне кажется в вопросе о селекторах от тебя хотели услышать, что ты бы мог на любой библиотечный компонент добавить пропс style, что как раз и даст веса компоненту и выделит его среди всех остальных, но на своей практике скажу что это не самый хороший вариант
почему?
@@in43sh думаю у тебя может быть такое, что компонентов на странице не один, а несколько. А менять все сразу это неправильно
Ощеня тяжело прошло) но я как хобби собесы прохожу, чтобы в контексте быть, потому представить могу, как это если долго не было их)
22:03 "Они ни как не задействуются...ВРОДЕ как" ахах, угарнул)
Ну и вообще если говорить про классы-функции, то прикол в том, чтобы при использовании классов у нас так же инициализируются все методы (даже если какие-то из них мы не используем), что тоже влияет на скорость (хоть и немного) - но тоже аффектит. В функциональных уже такого нет.
Вопрос про отличия интерфейса от типа. Думаю, ключевое отличие в том, что с помощью типа можно примитив описать и юнион тип, а с помощью интерфейса нет
Где-то с 20:20 интервьювер превратился в джуна(если не в трейни)
Расскажи планируешь ли еще выкладывать собесы друг?
Ну насчет переполнения коллстэка не оправдывайся. Ты нес околесицу) коллстэк может переполнить от большого количества задач, но если они не тяжёлые и браузер не упал из-за переполнения, то они быстро выполнятся и браузер перейдет к рендерингу. А вот если заблочить поток даже одной функцией, которая будет делать вычисления в течение 5 секунд, то браузер все эти 5 секунд не сможет запустить ни обработчики, ни рендеринг. Поэтому сложные задачи обычно разбивают по частям
Причём тут задачи и колстэк? Вообще не связанные понятия
@@andreika713 для зануд там дальше написано, что под задачей понимается функция
Слишком нервничаешь иного нукаешь)) тебе надо быть расслабление и уверенности больше. А так ощущение что ты перед ректором отвечаешь на вопрос с экзамена
2 вопрос) А разве псевдоклассы нельзя применить если известно?
Можно через JS/TS по ноде элемента, если текст разный по innerText
Он тебе не про переполнение колстека говорил, а про блокировку UI наверное
В вопросе про селектор, от тебя хотели услышать, что нужно обернуть библиотечный компонент кнопки в какой-нибудь тэг, затем задать ему класс и в css файле перебить стиль таким образом: .parent .childClassBtn { background: #ffffff; }. Тогда стиль применится только у конкретной кнопки, а не у всей библиотеки
Пицца с ананасами это вкусно! между прочем
Это шутка была про 280к. ? Такие вопросы? Слишком просто. Большая часть резюме это верстка. Удивляюсь. Отлично что выложил.
Поддержу. Это еще учитывая что тех собеса не было.
Как успехи
Честно говоря, не совсем понятно зачем человека с 4годами опыта гонять по css, очевидно, что он умеет верстать если уже 4 года работает. А если что-то не знает, то загуглит. В целом интервью интересное, но больше похоже на интервью на позицию Джун-джун+
Upd: хотя чего я удивляюсь, у людей вместо стейт менеджера контекст и половина проекта на тс, половина на джс. В принципе возникает вопрос о их технических компетенциях. Ах да, и собеседующий не имеющий представления о том, как работает for и forEach это вообще мем
😂😂😂😂😂
Media это целый пласт детектов железа 🤣🤣🤣
Если пол собеса речь идет о CSS значит человечество свернуло не туда
Слабенькое, конечно, собеседование, хотя и вопросы довольно простые. Я бы такого кандидата не то что на 280, на позицию джуниор за 50 бы не рассматривал, и свернул бы плавно интервью на минуте 20, чтобы не тратить наше время. По верстке сильно плаваешь: псевдоэлементы before и after стали псевдоклассами, полез в реакт, хотя идет секция верстки, em и rem зависят от ширины экрана, процент, медиазапросы... Почти все мимо. Правда про семантику твоя версия более правильная, чем у собеседующего. Думать, что в HTML придумали семантику, чтобы Гуглу угодить - это бредни блогеров с ютуба.
По реакту тоже плавал во всех вопросах. Классовые компоненты сложней в написании и иногда избыточны, плюс идет постоянная потеря контекста в событиях, нужно следить за привязкой, либо использовать стрелки. Этапа у компонентов у нас три - mount, update и unmount. Хук useLayoutEffect вызывается после рендера, но до отрисовки и мы можем к нему обратиться. Тайпскрипт туда же... Интерфейсы описывают объекты или классы, ты не можешь описать через интерфейс литеральный тип или простые данные, например, number | string.
Но молодец, что пробуешь, плюс делишься с новичками, которые боятся идти на собеседования. Еще дал бы всем проходящим совет, ваши ответы и весь разговор должен показывать вашу уверенность, даже если вы что-то забыли. А сидеть и сонным голосом что-то бубнить, это сразу уменьшает все ваши шансы, потому что воспринимается тяжело и показывает вашу незаинтересованность или неуверенность. Если вопрос не понятен, всегда можно уточнить. Хороший собеседующий без проблем тебя подтолкнет в нужное русло, перефразирует вопросы или даст примеры. Это опять же лучше, чем пытаться ответить на вопрос, который ты не понял.
Отличный коммент и советы, поддерживаю!
Про голос - палка о двух концах. Тезис такой: «заинтересованность лучше незаинтересованности только с overview, обрубая остальное интуитивное понимания, что может стоять за каждым». Представим что есть 2 кандидата, которые одинаково хорошо прошли собес, один с «воодушевленным» голосом(a1), другой с «сонным/незаинтересованным»(b1) голосом.
Голос a1 -
плюс: воодушевлённость голоса => заинтересованность
минус: заинтересованность => откуда берётся заинтересованность? ->
- Прошёл мало собесов и ещё «горит» так, чтобы вкладываться на каждом собесе
- Мало уверен в себе, присутствует элемент «либо эта вакансия, либо ничего» и поэтому полностью/сильно вкладывается на данном собесе
Голос b1:
минус: незаинтересованность голоса
плюс: незаинтересованность => откуда она берётся->
- Прошёл много собесов и уже не «горит» чтобы вкладываться
- Уверен в себе, рассказывает спокойно, вальяжно, не надрываясь, даже с нотками(большими/постоянными) незаинтересованности
Вывод: плюс голоса b1 перебивает минус голоса a1(result=c1), но плюс голоса a1 перебивает минус голоса b1(result=c2)
Доводы в пользу c1: тут предпочтение отдаю тому кто прошёл много собесов, т.к при условии что он хорошо прошёл сам собес(а именно такая пара, одинаково хорошо прошедших собес кандидатов, была выбрана на рассмотрение) есть элемент «успеют разобрать хорошего специалиста», т.к этот горячий пирожок на многих собесах побывал => много офферов получил.
В случае хорошего специалиста и мало количества прошедшего собеседований как горячий пирожок => мало/нисколько ещё офферов не получил => уже нет элемента «его оценили другие работодатели».
Из чего следует, что когда кандидата оценили другие работодатели, то ты своё мнение укрепляешь/множишь(на число > 1). Когда же кандидата оценил только ты, а другие работодатели нет, то ты своё мнение ослабляешь/делишь(на число > 1)
Доводы в пользу c2: тут и так понятно, если мы выбираем с overview, без даже интуитивного представления «а что за этим стоит и что из этого следует/может следовать» то заинтересованность лучше незаинтересованности
Тип может хранить примитивный тип, интерфейс - нет, то, что он хотел услышать
а у тебя точно 4 года опыта?
или ты накручивал резюме?
Нет, не накручивал
Почему-то собеседующий спрашивает про псевдоклассы, слышит про псевдоэлементы и затем говорит что это псевдоэлементы) Он как будто не подготовился в базовой терминологии, сбивает с толку. Я в таких моментах прошу уточнить, потому что такие подмены понятий вводят неопределенность.
Грустно, когда тебя так собеседуют, очень много нюансов в этом собесе(жизненный цикл, вопросы про циклы...)
Это собес на 280к???? 😂😂😂😂 а че ж я тогда все еще 500к не получаю?)) с такими вопросами сейчас скорее на Джуна собеседуют. И то даже на Джуна вопросы более серьезные если говорить о фронте )))
Подумал тоже об этом, что на 280К вряд ли такие вопросы будут спрашивать. Киньте ссылку на вакансию, пойду на собес к ним )
@@rainlexxx так вот да, очень странная компания, еще и финтех. Обычно там сразу залетают с ноги с вопросами об асинхронщине как минимум и об паттернах проектирования. А еще любимая тема всех это замыкания хотя ими на практике 99% не пользуются )))
по моему мнению за собес 3, а за старания 5+
Классовый компонент не быстрее чем функциональный, поменяйте собеседующего, куда ему проверять других, когда он сам сомневается в своих словах и говорит неправильные вещи. Классовые более тяжеловестны, они увеличивают бандл, они не бстрее функциональных + например, еще не знает работу функции очистки
Все это конечно интересно, но это не техническая часть. Вы просто поговорили.
Мысленно ответил чуть лучше тебя(кроме реакта,туда ещё не дошёл),пока даже на стажёра не собеседовался.
Спасибо,все лето отдыхал и не учился,но благодаря видео вспомнил озвученное быстрее,чем если бы сам гуглил.Контент топ,удачи в продвижении 🎉
все мы мысленно отвечаем как сеньоры))
@@Sensuelleqq сеньоры хуже всех такой собес прошли бы,из-за уклона на практику)
вопросы на джуна
откуда там вилка в 280?
Слушай, по моему опыту большАя часть вопросов что в собеседованиях на джуна, что на сеньора примерно одинаковая. Но это конечно сильно зависит от компании и от собеседующего.
T1 ?)
Это точно 280к типа изи нет?
Извените, Я бы хотел узнать ваше мнение.
Как вы относитесь к накрутки опыта в разработке?
Если другие варианты?
У меня сейчас 2 резюме и единственное, что в них различается, это количество опыта, но на одном 2 отлика (о опыта), а на другом 27 (1.7 опыта)
Поздравляю, вы открыли новый уровень: Тыква. Поздравляю вы получили достижение Водяной 🎉
интервьюер довольно приятный
вопросы очень глупые, прям максимально, никак не показывают уровень разработчика
Тоже не особо понравились вопросы, половина вообще про вёрстку.
Зато ты, как собеседуемый, тоже можешь делать некоторые выводы о месте, куда собеседуешься, по тем вопросам, что тебе задают.
Интервьюер был очень странный. Я бы с таким работать не стал
Привет, он спросил как поменять цвет у конкретной кнопки, ты этого толком не сказал ни как ни почему, раз у конкретной а их несколько, то варианты поменять 1. 2. 3. 4. перечисляешь варианты, просто подсказываю раз ты не понял до 10 минуты, 1. обернуть в див и через вложенность от дива .классдива .класскнопки , 2. добавить класс самой кнопке .кнопка.новыйклассКнопки, ну и в каждом отдельном случае менять цвет, скорее всего бекграунд-колор тут имеется ввиду, ну и т.д.
я не стебать, но не могу не сказать, как же я развеселился), когда ты после показал статью относительных едениц измерения и в ней написано все верно, а ты озвучиваешь какую то ... (не знаю как даже не обидеть, допустим скажу какую то лож). ЕМ равен размеру шрифта в элементе, например кнопке хочешь задать отступы по бокам чтобы они относительно размера шрифта были больше и меньше пишешь паддинг: 0.5ем 2ем. а 1 rem = размеру шрифта указанного сейчас могу соврать, но вроде бы в html {font-size: 16px} обычно это 16, но кто покреативней делает 10, так считать легче все в них. В общем не заморачивайся эта ерунда для недалеких, но "продвинутых" (по их мнению) людей
Если мне надо было поменять цвет конкретной кнопки, просто использовал бы scss модуль, поставил класс на родительский элемент и меняй вложенные как хочешь
@@newman2772 ага, это ведь очень просто на вопрос как в цсс сделать тото ответить поставить сцсс модуль, а он будто сам сделает, селекторы надо уметь написать, вариантов куча, зачем ты мне написал про класс родительский если такой вариант я уже описал?) от же кадр
@@user-qm5fv5by5z вариантов куча? А ну, давай рассакжи. Элемент как я понял находится в готовом компоненте из библиотеки, то есть прямого доступа у нас к нему нет, поменять или добавить класс мы не можем. Кроме селетора css и scss вложенности какие еще варианты?
@@newman2772 как ты понял что реакт если его гоняли по разделу ЦСС ? ВОПРОСЫ ПО ЦСС , потом переходит к ХТМЛ потом К РЕАКТ, на вопросы по цсс нужно отвечать ответами из ЦСС, включай голову
@@newman2772 теперь про варианты, А что без scss вложенность не знаешь как сделать на нативном css? а почему на sass less не предложил?)) тайлвинд прикрути, и так далее. вопрос конкретный, ответ конкретный начерта тут библиотеки и препроцессоры прилепливать
челу который проводил собес поработать бы над более явной постановкой вопросов
Капец, какой сложный собеседующий ! Простые, базовые вопросы так сложно задавать, ну жесть, зачем ? чтобы что ?
Зачем вообще задавать такие вопросы на такую зп. Явно же не джуна собеседует на эту зп. Я сам провожу собесы и если там не джун - то никогда не буду задавать такие тупые вопросы
собеседовал очевидно чел, который это делает раз третий, может первый
@@xenm85 если мидл не может ответить, что такое ретурн useEffect и чем он отличается от useLayoutEffect. То вряд ли это мидл
Какая-то клоунада, вопросы по терминологии верстки, какие-то абсолютно бесполезные вопросы вроде какие ед измерения существуют, после того как интервьювер сказал что первый раз слышит о скринридере на вопросе про семантику можно было вообще выходить
чуть странно конечно, зп 280к : что такое псведоселекторы? я чуть в терминалогии путаюсь))) кринж
если не сложно то делай там коды
Такие банальные вопросы, и зп 280к. Мне офферы вообще не дают, что я делаю не так :/
Это только вначале задают адовые вопросы. Я когда на последнее место пришёл, мы просто побеседовали "о жизни", пообсуждали технологии и похоливарили о подходах
280к это 2800всего долларов?😢
@@mishalw210 да
280 к на руки?
Чистыми(после вычета налогов)
семантическая верстка - это для слабовидящих людей, ПХАХАХАХХ я просто ору)))
19:40
Спасибо! P.S. Собеседующий неприятный
Про цвет кнопки: Думаю он хотел услышать "модификатор", то есть БЭМ.
Собеседующий душный тип !
чел рассказывает какой-то фантастический опыт - куча проектов и библиотек - при этом не ответил ни на один простейший вопрос.
Чувак ты в верстке вообще не шаришь, я бы тебе месяца 3 опыта дал верстки, не более
потому что фронтендеры не верстают практически (вау) и думают не об этом)
@@ogsidian5191 чушня) значит это не полноценный фронтендер
@@ogsidian5191 кто ж это за них делает? Бэкендеры?
Так фронты не верстают
@@jetsker6388 да ктож это тогда делает? Chatgpt?)
Смотрел твои видосы, но что-то на этом ты не выспался много тупил для своего уровня
чел, да ты ж верстку не знаешь от слова совсем...
я например верстаю не плохо но понятия не имею что и как называется)))
Пройди собес, запиши и покажи нам. Умник
@@artifact1702 не говори мне, что мне делать, и я не скажу куда тебе идти)
@ridiculous inc.10:00 on hotel inline poluchit