👨‍💻 Собеседование frontend junior разработчика (CSS, HTML, JS, React, Typescript)

แชร์
ฝัง
  • เผยแพร่เมื่อ 1 มิ.ย. 2024
  • Собеседование это встреча с потенциальным работодателем или его представителем при приеме на работу. В данном ролике собеседуем Влада на позицию junior frontend разработчика. Собеседование в данном ролике является тренировкой.
    Таймкоды ⌛️
    00:00 Вступление
    00:30 Знакомство
    12:40 Приходит новый разработчик, что ты будешь делать
    15:30 Зачем нужен код ревью
    16:30 Каким образом выбираешь инструменты
    18:20 Как решать конфликты в команде
    20:00 В чем разница между грейдами
    23:20 Как браузер получает страницу
    26:40 Что такое REST
    35:30 Что такое html, css, js
    36:50 Что такое семантическая верстка
    38:15 Доступность в вебе
    42:00 Адаптивная верстка
    44:20 Что такое DOM дерево
    45:20 CORS, а зачем ?
    47:40 Какие типы данных есть
    49:50 Преобразование типов
    53:10 Асинхронность и event loop
    59:30 Code review кода
    01:10:30 Зачем нужен typescript
    01:18:00 Тип any, когда стоит его использовать
    01:21:10 Intersection и union типы
    01:23:30 Задача по typescript
    02:02:20 Про опыт в react
    02:07:20 Как реакт понимает, что нужно перендерится
    02:10:00 Какие хуки использовал
    02:18:30 Что такое HOC
    02:20:30 Как оптимизировать react приложениe
    02:22:10 SPA и SSR
    02:24:00 Разговор после собеседования
    02:25:40 Блиц
    02:26:50 Что нужно, чтобы стать крутым разрабом
    Поддержка автора 🧊
    boosty - boosty.to/siberiacancode
    donatealerts - www.donationalerts.com/r/sibe...
    Социальные сети 🔥
    boosty: boosty.to/siberiacancode
    telegram: t.me/siberiacancode
    vk: siberiacancode
    youtube: / siberiacancode
    github: github.com/debabin
    discord: / discord
    twitch: / siberiacancode

ความคิดเห็น • 94

  • @MarselNz
    @MarselNz 7 หลายเดือนก่อน +3

    Очень крутой формат, спасибо! Невероятно круто, что вы правильный ответ даете. Очень интересно было смотреть за вашим решением задачи

    • @siberiacancode
      @siberiacancode  7 หลายเดือนก่อน

      Спасибо за такой фидбек, надеюсь вам данный ролик поможет

  • @user-vx4fg1df3k
    @user-vx4fg1df3k 3 หลายเดือนก่อน +3

    Какое прекрасное, потрясающее интервью.
    Замечательный и гость, и интервьюер. Вежливо, уважительно, познавательно, тактично. Аплодирую!

    • @siberiacancode
      @siberiacancode  หลายเดือนก่อน

      Спасибо большое, на канале скоро будет еще одно

  • @StivenRusTV
    @StivenRusTV 7 หลายเดือนก่อน +9

    Круть круть, еще 1 крутой собес на канале, ждем больше контента 🤯

    • @siberiacancode
      @siberiacancode  7 หลายเดือนก่อน +1

      Спасибо, будем и дальше стараться

  • @A_A_A182
    @A_A_A182 7 หลายเดือนก่อน +5

    Очень комплиментарный диалог, круто. Я не прошел в этот раз на собес, но посмотреть интересно)

    • @siberiacancode
      @siberiacancode  7 หลายเดือนก่อน +1

      Спасибо за фидбек, я не очень люблю мучить людей, лучше просто поговорить

  • @user-bf8md8vn3d
    @user-bf8md8vn3d 2 หลายเดือนก่อน +1

    Топ контент! Каждое видео прям суперполезное на канале

    • @siberiacancode
      @siberiacancode  หลายเดือนก่อน

      Спасибо большое, работаем дальше

  • @user-dn4ry3uw8i
    @user-dn4ry3uw8i 2 หลายเดือนก่อน +2

    Классный собес. Очень приятные парни. Собеседующий👏

    • @siberiacancode
      @siberiacancode  หลายเดือนก่อน +1

      Скоро на канале будет еще 2 таких

  • @liv1s
    @liv1s 7 หลายเดือนก่อน +7

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

    • @siberiacancode
      @siberiacancode  7 หลายเดือนก่อน

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

    • @izzei-1614
      @izzei-1614 7 หลายเดือนก่อน +3

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

    • @siberiacancode
      @siberiacancode  7 หลายเดือนก่อน

      @@izzei-1614 соглы

  • @loground
    @loground 6 หลายเดือนก่อน +1

    Суперское видео, хотелось бы поучаствовать в таком же!

    • @siberiacancode
      @siberiacancode  6 หลายเดือนก่อน

      Подпишись на телегу, там будет анонс

    • @loground
      @loground 6 หลายเดือนก่อน +1

      Да я там уже и там тебе тоже комплемент оставил, хаха, так что я в ожидании :)@@siberiacancode

  • @nikolas_snorkell
    @nikolas_snorkell 7 หลายเดือนก่อน +4

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

    • @siberiacancode
      @siberiacancode  7 หลายเดือนก่อน +3

      Мне тоже понравилось, что Владислав не сдался, он дошел до конца и в каких-то темах действительно пока слабоват, но это все опыт, звать меня Дима 🤠

  • @inna1305
    @inna1305 4 หลายเดือนก่อน +2

    очень доброжелательный интервьюер, слишком хорошо чтобы быть правдой 😁

    • @siberiacancode
      @siberiacancode  4 หลายเดือนก่อน

      я ai на самом деле, вот правда 😀

  • @theoty-js-react
    @theoty-js-react 6 หลายเดือนก่อน +1

    Молодец парень

  • @nikitamaryniuk3718
    @nikitamaryniuk3718 7 หลายเดือนก่อน +2

    спасибо за видос! подскажи пожалуйста тему )

  • @tukaloff1999
    @tukaloff1999 7 หลายเดือนก่อน +8

    жду собеса на мидла) а так лайк подписка вот можного этого почаще давай давай

    • @siberiacancode
      @siberiacancode  7 หลายเดือนก่อน +3

      надеюсь будут собесы на мидла

  • @evgeniihookah9924
    @evgeniihookah9924 7 หลายเดือนก่อน +1

    Очень круто, спасибо за контент! Контакты и ссылки ток на группы и каналы, меня хватило только на инициалы автора ахаха. Дмитрий, а как попасть на такой формат собеседования к вам?

    • @siberiacancode
      @siberiacancode  7 หลายเดือนก่อน

      В телеграме, когда я собираюсь проводить собес, я устраиваю опрос и выбор кандидата. Короче нужно как минимум быть подписанным на канал в телеге

  • @moscow_laflame4106
    @moscow_laflame4106 5 หลายเดือนก่อน +1

    Задачу можно было решить через мап, в котором мы бы проходились по массиву объектов и там было бы два if Если овощи и если фрукты и внешний объект с свойствами цена со скидкой и без и просто просчитывать

  • @user-ys8wk1oo4x
    @user-ys8wk1oo4x 7 หลายเดือนก่อน +3

    Жду еще собес! Плиз!

    • @StivenRusTV
      @StivenRusTV 7 หลายเดือนก่อน +1

      Еще хотим 🎉

    • @siberiacancode
      @siberiacancode  7 หลายเดือนก่อน

      Думаю будет, но не скоро

  • @blackwood8816
    @blackwood8816 3 หลายเดือนก่อน

    Узнал себя в обучении)))))

  • @CordeN
    @CordeN 7 หลายเดือนก่อน +3

    1:21:12
    Прямая палочка и амперсанд:)

    • @siberiacancode
      @siberiacancode  7 หลายเดือนก่อน +2

      Ну а что поделать и такое бывает 😎

  • @garajgames3336
    @garajgames3336 7 หลายเดือนก่อน +3

    Хороший формат и стиль общения Димы. Побольше бы таких собесов в реальности , а не дрючева

    • @siberiacancode
      @siberiacancode  7 หลายเดือนก่อน

      продвигаю не палиндромы в массы

  • @namesurname6281
    @namesurname6281 6 หลายเดือนก่อน +1

    А что это за расширение где песик бегает в вс коде? это не vs code pets, уже проверял, там просто микрочелики бегают без фона

    • @siberiacancode
      @siberiacancode  6 หลายเดือนก่อน

      это они, простов настройках надо сделать их побольше и поставить фон

  • @JavaScriptAdept
    @JavaScriptAdept 6 หลายเดือนก่อน +2

    53:36
    JS - не однопоточный язык. Согласно спецификации ECMA JS уже очень долгое время допускает использование его не в одном потоке. Хост среда в рамках одного агента имеет право выполнять несколько разных задач в Task Queue. В спецификации даже описаны случаи, если два разных потока пытаются достучаться до одного участка памяти.

  • @danilka6295
    @danilka6295 7 หลายเดือนก่อน +1

    37:00 - семантическая верстка - это способ описания смысловой части контента на странице, google chrome - браузер, который поддерживает семантическую верстку согласно спецификации HTML5, какой-нибудь яндекс работает непонятно как, стоит этот момент учитывать
    53:37 - джаваскрипт не является однопоточным
    55:30 - так называемый task queue не является очередью, а является списком, согласно спецификации HTML5, помимо этого, нет никаких макротасок, спецификация определят два типа microtask queue и task queue, что подчеркиваю, не являются очередями. ни одна microtask не выполниться до того момента, пока не выполниться хотя бы одна task
    1:14:45 - безопасности TS не дает, о чем пишут сами разработчики
    1:17:00 - да, произойдет, если не прописать дополнительные условия, что можно сделать и в джаваскрипте

    • @saturnbeats8286
      @saturnbeats8286 7 หลายเดือนก่อน +1

      JavaScript - однопоточный язык

    • @danilka6295
      @danilka6295 7 หลายเดือนก่อน +1

      @@saturnbeats8286 рекомендую ознакомиться со спецификацией

    • @saturnbeats8286
      @saturnbeats8286 7 หลายเดือนก่อน +2

      @@danilka6295 Рекомендую открыть официальную документацию JS и прочитать, что он является однопоточным и не путать людей здесь)

    • @danilka6295
      @danilka6295 7 หลายเดือนก่อน +1

      @@saturnbeats8286 никакой официальной документации джаваскрипта не существует. почитайте про Atomics из раздела 25.4 ECMAScript спецификации

    • @LHLetale
      @LHLetale 2 หลายเดือนก่อน

      @@danilka6295где ты нашел в спецификаци такое?

  • @user-gg7xi5gg5f
    @user-gg7xi5gg5f 7 หลายเดือนก่อน +1

    Спасибо за интервью
    Владу хотел бы посоветовать читать больше книг а не только смотреть ютуб.
    А вот компания в которой он работает явно не самая лучшая мягко говоря. Ни капли не заинтересована в развитии сотрудника если он остался на таком же уровне знаний как когда пришел и нет даже элементарно код ревью
    Ну не знать редюс и смотреть в сторону бекенда довольно странное решение

    • @siberiacancode
      @siberiacancode  7 หลายเดือนก่อน +1

      Спасибо за фидбек, у некоторых компаний нет средств на это и главное выполнение задач.

  • @bekforever
    @bekforever 7 หลายเดือนก่อน +1

    Привет. Хотелось бы поучаствовать в собеседовании. Как можем связаться?

    • @siberiacancode
      @siberiacancode  7 หลายเดือนก่อน +1

      Привет, все через телегу, в телеге когда будет готовится новый собес, будет опросник и после отбор кандидата 😎

    • @bekforever
      @bekforever 7 หลายเดือนก่อน +1

      @@siberiacancode хорошо 🙌

  • @44animexxx79
    @44animexxx79 4 หลายเดือนก่อน +1

    Привет, хотелось бы попасть на собес, как это можно сделать ?

    • @siberiacancode
      @siberiacancode  4 หลายเดือนก่อน

      Привет, подписать на телеграм канал и ждать след собеса, планирую уже в начале весны

  • @ledof4
    @ledof4 7 หลายเดือนก่อน +4

    junior react javascript typescript development soft hard skills SPA SSR DOM HTML CSS interview mentor frontend hooks

    • @StivenRusTV
      @StivenRusTV 7 หลายเดือนก่อน

      ts react js gogogogogogogogogogo

  • @user-qm5fv5by5z
    @user-qm5fv5by5z 7 หลายเดือนก่อน +12

    собеседующий разволновался и сам не решил свою задачу)))

    • @siberiacancode
      @siberiacancode  7 หลายเดือนก่อน +2

      все было по плану

  • @CordeN
    @CordeN 7 หลายเดือนก่อน +3

    Вопросы хорошие, но, единственное, я бы про доступность, наверное, не стал спрашивать. А если бы и спросил, особо бы не учитывал ответ. Всё-таки тема не совсем джуновская имхо.

    • @siberiacancode
      @siberiacancode  7 หลายเดือนก่อน +4

      Соглашусь, это больше вопрос эрудиции на данном этапе, вообще я бы не сказал, что вопросы прям хорошие, они общие + не олимпиадные, я стараюсь не задавать юзлесс вопросов, хотя в прошлых видосах были там про Event loop и тд

    • @user-hk1pj2nf3f
      @user-hk1pj2nf3f 7 หลายเดือนก่อน +5

      конечно не джуновская - intern-тема это в 2к23, если в нормальную компанию залетаешь

    • @siberiacancode
      @siberiacancode  7 หลายเดือนก่อน

      @@user-hk1pj2nf3fсразу сеньор

  • @mikledron
    @mikledron 7 หลายเดือนก่อน +1

    Почему useMemo - брат useCallback?? она же сестра

    • @siberiacancode
      @siberiacancode  7 หลายเดือนก่อน

      Слушай, хорошее замечание. Надо реально решить данный вопрос, может useMemo тоже девочка

  • @kitch.mp4
    @kitch.mp4 7 หลายเดือนก่อน +3

    спасибо за собес! 52

    • @siberiacancode
      @siberiacancode  7 หลายเดือนก่อน

      Тебе спасибо за поддержку

  • @ussenUtebayev
    @ussenUtebayev 7 หลายเดือนก่อน +2

    А бэков собесите?

    • @siberiacancode
      @siberiacancode  7 หลายเดือนก่อน

      к сожалению нет, не имею компетенций

  • @user-od5gf2xm1i
    @user-od5gf2xm1i 3 หลายเดือนก่อน +2

    Такой френдли интервьюер, в реальности все сложнее ребята, да и еще на англе

    • @siberiacancode
      @siberiacancode  3 หลายเดือนก่อน

      Это правда, это просто собес на знания я бы сказал 😎

  • @gtaplayer4145
    @gtaplayer4145 7 หลายเดือนก่อน +2

    Слово "слушай" повторяешь в каждой фразе, исключи

    • @siberiacancode
      @siberiacancode  7 หลายเดือนก่อน +2

      слушай, можно не слушать

  • @warcraft.mp4889
    @warcraft.mp4889 3 หลายเดือนก่อน +2

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

    • @siberiacancode
      @siberiacancode  หลายเดือนก่อน

      Но при этом у него есть работа

  • @orkhanrahimli
    @orkhanrahimli 7 หลายเดือนก่อน +4

    нормально анимешник шпарит

    • @siberiacancode
      @siberiacancode  7 หลายเดือนก่อน +2

      так я самый сильный в японии по js кодингу

    • @user-ll9vg4yv9m
      @user-ll9vg4yv9m 7 หลายเดือนก่อน +4

      @@siberiacancode стал программистом что бы создать свою вайфу которая будет тебя любить 😁😁😁

    • @StivenRusTV
      @StivenRusTV 7 หลายเดือนก่อน

      @@user-ll9vg4yv9mаниме сила

    • @siberiacancode
      @siberiacancode  7 หลายเดือนก่อน

      @@user-ll9vg4yv9m ну типа

  • @FilmsMediaTV
    @FilmsMediaTV 7 หลายเดือนก่อน +3

    Влад в целом хорош держался
    Но камон, бро, реально не знать метод reduce ??
    ая-яй
    filter
    map
    ruduce
    forEach
    эти минимальные и базовые методы просто обязаны знать
    пускай даже и используем мы их на фронте не так часто

    • @siberiacancode
      @siberiacancode  7 หลายเดือนก่อน +2

      Согласен, но я честно использую их часто, короче как обычно нужна база

    • @StivenRusTV
      @StivenRusTV 7 หลายเดือนก่อน +2

      Нужна база всегда, короче говоря учите js с молоду

    • @siberiacancode
      @siberiacancode  7 หลายเดือนก่อน

      @@StivenRusTV самые умные слова в мире

    • @user-rn5cl2fr8b
      @user-rn5cl2fr8b 7 หลายเดือนก่อน +1

      reduce (без "r") :)

    • @FilmsMediaTV
      @FilmsMediaTV 7 หลายเดือนก่อน +2

      ахахахаах ну бывает