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

Співбесіда! Тренуватимемося проходити інтерв'ю разом з Дмитром Стукалом, за освітою промисловим біотехнологом, що вирішив круто змінити фах та податися у фронтенд розробники. Дмитро в активному пошуку роботи та зголосився виступити в ролі першого піддослідного цього нового формату! Чи вдасться у нього? Се ми разом з вами й побачимо на етері!
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

[@babichweb]

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

[@user-nj3sx4ub5x]

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

[@babichweb]

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

[@valerysun4660]

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

[@babichweb]

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

[@ulka-bulka]

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

[@babichweb]

Буде )

[@IgorNovakus]

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

[@hurduz]

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

[@gerompauel]

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

[@haibova_irisha]

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

[@Ivan-nr1wk]

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

[@user-yw3wm2ti5q]

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

[@AI-su3ds]

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

[@Lotpite]

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

[@serhiimatviiv1953]

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

[@drum520]

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

[@babichweb]

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

[@tetianazhuchenko2182]

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

[@babichweb]

Вже скоро )

[@maxpapirovnyk4304]

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

[@babichweb]

Дякую)

[@user-fm9nj5gb6m]

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

[@katerynak.3606]

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

[@babichweb]

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

[@oleksandrvoron_ko580]

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

[@valentinhusyak2157]

топчик

[@dead-breakfast]

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

[@babichweb]

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

[@vitaliihubariev9523]

Вподякайка)

[@babichweb]

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

[@IT_Pastor]

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

[@babichweb]

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

[@beda9679]

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

[@user-zk1wg9nr8f]

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

[@rostyslavlisovyi4747]

100% ))))

[@babichweb]

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

[@ulka-bulka]

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

[@user-dn8mq4vx9u]

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

[@ania8847]

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

[@babichweb]

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

[@rmarkanych]

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

[@babichweb]

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

[@pinkytelya]

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]

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

[@user-dn8mq4vx9u]

Stateful class component, stateless functional component

[@alexandraimereli2892]

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

[@babichweb]

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

[@gregdmitriev2784]

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

[@user-xs8bd5qn5o]

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

[@alexngerman]

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

[@babichweb]

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

[@AI-su3ds]

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

[@user-mu6nu2fl7r]

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

[@babichweb]

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

[@pkorneev5226]

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

[@lexaiko]

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

[@babichweb]

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

[@alexandraimereli2892]

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

[@babichweb]

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

[@IgorNovakus]

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

[@chizhelloo]

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

[@babichweb]

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

[@boyko3428]

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

[@stanislavivko7329]

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

[@bodyamunssin8963]

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

[@babichweb]

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

[@anastasiyka_lytvyn]

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

[@babichweb]

send.monobank.ua/jar/9LUqtFvZXp

[@vasyl8889]

звук поганий

[@babichweb]

send.monobank.ua/jar/9LUqtFvZXp