Frontend Junior // Співбесіда наживо // Дмитро Стукало // S1E1

แชร์
ฝัง
  • เผยแพร่เมื่อ 9 มิ.ย. 2024
  • Співбесіда! Тренуватимемося проходити інтерв'ю разом з Дмитром Стукалом, за освітою промисловим біотехнологом, що вирішив круто змінити фах та податися у фронтенд розробники. Дмитро в активному пошуку роботи та зголосився виступити в ролі першого піддослідного цього нового формату! Чи вдасться у нього? Се ми разом з вами й побачимо на етері!
    00:00 Привітання
    01:14 Ти натискаєш на гіперпосилання. Що відбувається?
    06:32 Що таке семантичний HTML
    09:46 Що таке селектори в CSS та що таке їхня специфічність
    10:56 В якому напрямку бравзер читає селектори
    13:33 В чому полягає різниця між псевдокласами та псевдоелементами
    15:20 Яка рзіниця між flex та grid
    18:19 В чому полягає однопоточність Javascript
    20:38 Що таке замикання та для чого воно може бути використано
    26:19 Як знайти спільні елементи в двох масивах
    31:30 Чому React - не фреймворк
    39:35 Що таке JSX та чому його не розуміє бравзер
    42:25 Чому назви компонентів завжди з великої букви
    44:25 Що таке stateful та stateless компоненти і яка між ними різниця
    48:04 Як забезпечити доступ до даних в компоненті
    51:03 Які стейт-менеджери знає Дмитро
    52:15 Найбільша проблема з Redux, з якою стикався Дмитро
    53:24 Обробка простих помилок в React-застосунку
    55:14 Стратегії оптимізації в React
    57:05 Види тестування компонентів
    58:55 ФІдбек
    Долучитися до допомоги ЗСУ
    🔗 send.monobank.ua/jar/AeXQ6YRf2X
    💳 5375411202918178
    Долучитися до розвитку каналу:
    🔗 send.monobank.ua/jar/9LUqtFvZXp
    💳 5375411204412287

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

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

    Подати заявку на участь в новому сезоні можна тут: forms.gle/fjduoCexYadKRCP17
    Постійно діючий коштозбір для ЗСУ
    🔗 send.monobank.ua/jar/AeXQ6YRf2X
    💳 5375411202918178

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

    Це просто неймовірно корисний контент. Величезне Вам дякую!

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

      Дякую за перегляди!

  • @valerysun4660
    @valerysun4660 ปีที่แล้ว +15

    Дуже круте інтервʼю, одразу видно по собі, що треба підтягнути)
    Дякую велике, чекаю ще такі інтервʼю)))

    • @babichweb
      @babichweb  ปีที่แล้ว +2

      Буде вже цієї п'ятниці!

  • @ulka-bulka
    @ulka-bulka ปีที่แล้ว +21

    такий контент українською мовою - чистий кайф! 🤩дякую!! дайте ще 🤓

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

    Молодці, дякую за український контент!

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

      Дякую)

  • @Ivan-nr1wk
    @Ivan-nr1wk 8 หลายเดือนก่อน +2

    Круто! Дякую за солов'їну!

  • @serhiimatviiv1953
    @serhiimatviiv1953 ปีที่แล้ว +6

    Класно пояснюєш!😊 побільше таких відео з інтерв’ю. Підписка. Та лайк

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

    Дуже класне відео! Дякую!

  • @AI-su3ds
    @AI-su3ds ปีที่แล้ว +5

    Хлопець дуже хвилюється... я теж за нього звилювався все відео

  • @hurduz
    @hurduz ปีที่แล้ว +1

    Це було дуже корисно, дякую!

  • @haibova_irisha
    @haibova_irisha ปีที่แล้ว

    кайф , дякую !!

  • @user-yw3wm2ti5q
    @user-yw3wm2ti5q ปีที่แล้ว +2

    Дякую за такі відео, можливість зрозуміти як то все проходить, і себе перевірила, в тій частині, яку вже вивчила, страхи трошки розвіялися))

  • @tetianazhuchenko2182
    @tetianazhuchenko2182 ปีที่แล้ว +2

    Дякую, за корисний та цікавий контент, з нетерпінням чекаю на нові співбесіди🤗

    • @babichweb
      @babichweb  ปีที่แล้ว

      Вже скоро )

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

    Дякую за відео. Цікаві запитання

  • @Lotpite
    @Lotpite ปีที่แล้ว +2

    Класно вийшло, доволі нетривіальний старт, година пройшла швидко ❤️

  • @dead-breakfast
    @dead-breakfast ปีที่แล้ว +4

    рубрика, якої не вистачало🤩

    • @babichweb
      @babichweb  ปีที่แล้ว +2

      І буде, сподіваюсь, постійною)

  • @drum520
    @drum520 ปีที่แล้ว +8

    Сергію, щось з мікрофоном треба зробити, бо дуже багато слів не чути просто.
    а так контент топ, половину цих питань мене питають на мідл-синйорськи позиції)

    • @babichweb
      @babichweb  ปีที่แล้ว +3

      З мікрофоном треба купляти новий мікрофон )

  • @katerynak.3606
    @katerynak.3606 10 หลายเดือนก่อน

    Дякую за таке корисне інтерв'ю. Дуже приємно, що етер проходив в невимушеній обстановці. Деякі питання важкуваті.

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

      Дякую за перегляд ) запрошую до перегляду й інших випусків )

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

    топчик

  • @IgorNovakus
    @IgorNovakus 10 หลายเดือนก่อน +3

    На сорок третій хвилині, ви не вірно відповіли.Бо jsx перетворюється за допогою bebel до простого js. І коли ми пишемо з малої букви то ця комнада буде передана в функцію для створення елемнету як звичанйна строка reactCreateElement('main'), а якщо ви напишете з великої букви,то туди передається reactCreateElemnt(Main) це вже функція, Main це вже змінна,а в змінній в нас функція - тобто компонент. Я теж джун, 😢

  • @oleksandrvoron_ko580
    @oleksandrvoron_ko580 ปีที่แล้ว +1

    Реванш це щось нове та цікаве. Ні в кого ще не бачив повторної співбесіди)! Чекатимемо!

  • @user-zk1wg9nr8f
    @user-zk1wg9nr8f ปีที่แล้ว +3

    цікава співбесіда)) Коли, нарешті, зрозуміла що таке замикання!

    • @rostyslavlisovyi4747
      @rostyslavlisovyi4747 ปีที่แล้ว

      100% ))))

    • @babichweb
      @babichweb  ปีที่แล้ว +6

      Це мені шо, заводити рубрику "На пальцях"?))

    • @ulka-bulka
      @ulka-bulka ปีที่แล้ว +1

      @@babichweb, заводити!)

  • @vitaliihubariev9523
    @vitaliihubariev9523 ปีที่แล้ว +3

    Вподякайка)

    • @babichweb
      @babichweb  ปีที่แล้ว

      Приходьте ще)

  • @IT_Pastor
    @IT_Pastor ปีที่แล้ว

    Красота, дякую за контент рідною мовою!

    • @babichweb
      @babichweb  ปีที่แล้ว +1

      Прошу дуже, заходьте ще, буде тільки більше )

  • @alexandraimereli2892
    @alexandraimereli2892 ปีที่แล้ว +3

    Ех не потрапила на прямий ефір( Але все одно цікаво! Викликає приємні і не дуже спогади з власних сівбесід коли була джуном і не тільки)

    • @babichweb
      @babichweb  ปีที่แล้ว +2

      Не страшно, се, я сподіваюсь, не останній етер )

  • @rmarkanych
    @rmarkanych ปีที่แล้ว +1

    Питання вогінь 🔥

    • @babichweb
      @babichweb  ปีที่แล้ว

      Дякую, старавсь

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

    Сергію, дякую за якісний і цікавий контент! Було б круто, якщо б відео мало тайм-коди.

    • @babichweb
      @babichweb  11 หลายเดือนก่อน +2

      Не сперечаюсь, було б круто )

  • @gregdmitriev2784
    @gregdmitriev2784 ปีที่แล้ว +4

    враження, шо співбеседа на верстальника) ще раз переконався - практичне завдання для перевірки trainee/junior найкраще ніж теорія. Хлопець на практиці можливо без зайвих проблем буде рішати проблеми бізнесу, а це головніше.

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

      Не згоден. нап мою думку усе має бути у сукупності і більше повинно бути на початок теоретичних знань. Якщо вмієш гуглити то велосипед уже давно придумали до тебе ( а там вже при можна і в його детелях розібратись). А без основних понять, теорії, розуміння як це працює => проблеми можуть виникнути у бізнесі, які можуть дорого коштувати.

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

    добавьте пожалуйста таймкоды вопросов. Очень полезный контент

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

    Бабіч у ванній сидить? задній фон виглядає як шторка у душі)

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

      Так. Там і звук відповідний.

  • @pinkytelya
    @pinkytelya ปีที่แล้ว +1

    1:19 Що відбувається, коли ти натискаєш на гіперпосилання?
    4:01 Як Браузер відпрацьовує HTML?
    6:32 Як ти розумієш поняття семантичний HTML?
    8:37 Що таке інтерактивність?
    9:25 CSS
    9:45 Що таке селектори в CSS і що таке специфічність селекторів?
    10:55 У якому напрямку браузер читає CSS?
    13:31 У чому різниця між псевдокласами та псевдоелементами?
    15:18 Яка різниця між Flexbox і Grid? І коли варто використовувати флекси, а коли гріди?
    18:00 JavaScript
    18:18 В чому полягає однопоточний JavaScript?
    20:40 Що таке замикання?
    31:28 Чому React не фреймворк?
    38:52 Звідки береться Virtual Dom?
    39:37 Що таке JSX?

    • @pinkytelya
      @pinkytelya ปีที่แล้ว +1

      далі напевно дороблю, але деякі питання дуже погано чути =(

  • @AI-su3ds
    @AI-su3ds ปีที่แล้ว +1

    Будь ласка більше інтервʼю з джунами. Мідли почекають - їм легше)))

  • @user-dn8mq4vx9u
    @user-dn8mq4vx9u ปีที่แล้ว +5

    Дуже погано чути

  • @alexngerman
    @alexngerman ปีที่แล้ว +1

    Мені як світчеру на реакт, з багаторічним досвідом фронтенд/маркапу/ваніль-js, також було цікаво. Але я вивчав і практикував не стейт менеджери типу redux/MobX, а з використовував urql лібу, або swr для nextjs при роботі з даними. Свого часу сам вивчав redux по курсу і він мені таким монстром показався)) аж злякався)) не можу змусити себе взятися і підтягнути саме його, але саме ці стейт менеджери на ринку потрібні)) Юніт & інтегрешен тести писати вмію, з фейковими даними і все таке)) а от редакс і всі ті халабуди toolkit/thunk/saga … не лізуть 😂

    • @babichweb
      @babichweb  ปีที่แล้ว +1

      Радий, що сподобався етер!

  • @user-dn8mq4vx9u
    @user-dn8mq4vx9u ปีที่แล้ว

    Stateful class component, stateless functional component

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

    На все вопросы ответил отлично здесь сам, а на реальном собесе мондраж, ком в горле и вообще короткие ответы чтобы побыстрее перестать говорить, как с этим бороться?

  • @alexandraimereli2892
    @alexandraimereli2892 ปีที่แล้ว +2

    Ех а куди ділись питання про відмінність var, let і const? всі їх так любили задавати)

    • @babichweb
      @babichweb  ปีที่แล้ว +2

      Якби вони ще на щось впливало)))

  • @user-mu6nu2fl7r
    @user-mu6nu2fl7r ปีที่แล้ว

    У питанні із флексом та грідом, а чи елементу не можна у флексах задати flex-end flex-start?)

    • @babichweb
      @babichweb  ปีที่แล้ว

      То суть флекса не змінить

  • @chizhelloo
    @chizhelloo ปีที่แล้ว +1

    Наступного разу додай, будь ласка, тайм коди :) Успіхів

    • @babichweb
      @babichweb  ปีที่แล้ว +1

      Нуууу, вони самі по собі не додаються, їх руками треба ставить ) Вони будуть, не переживайся )

  • @bodyamunssin8963
    @bodyamunssin8963 ปีที่แล้ว +2

    Було б цікаво сіньора послухати

    • @babichweb
      @babichweb  ปีที่แล้ว

      Дістанемось і до них )

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

    Я не могу найти информации о том что переменная из lexical invironment будет удалена если она не задействована. Единственное что сказално что лексическое окружение существует до того времени пока что то на негл ссылается. Поэтому если на него ссылается функция, значит его трогать нельзя.А если удаляется,то как гарбаж коллектор понимает что функция использует одну переменную ,а вторую не использует. Он что ее код парсит? Кто хоть раз отлеживал это? Почему нигде об этом не пишут.
    Тогда поидеи если мы переменную из гдобального окружения нигде не используем она тоже должна удалиться

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

    Який ж напрягг відчувається, наче сам проходиш

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

    Цікаво. Піддослідного трохи шкода, мучається, бідося.
    П.с. якість звуку так собі, в деяких моментах питання не зрозумів

  • @anastasiyka_lytvyn
    @anastasiyka_lytvyn 11 หลายเดือนก่อน +4

    У ведучого погане обладнання, дуже погано чути, деякі слова взагалі не можна почути 😢

    • @babichweb
      @babichweb  11 หลายเดือนก่อน +9

      send.monobank.ua/jar/9LUqtFvZXp

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

    звук поганий

    • @babichweb
      @babichweb  11 หลายเดือนก่อน +3

      send.monobank.ua/jar/9LUqtFvZXp