Frontend Junior // Співбесіда наживо // Дмитро Стукало // S1E1
HTML-код
- Опубликовано: 20 май 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
Подати заявку на участь в новому сезоні можна тут: forms.gle/fjduoCexYadKRCP17
Постійно діючий коштозбір для ЗСУ
🔗 send.monobank.ua/jar/AeXQ6YRf2X
💳 5375411202918178
Це просто неймовірно корисний контент. Величезне Вам дякую!
Дякую за перегляди!
такий контент українською мовою - чистий кайф! 🤩дякую!! дайте ще 🤓
Буде )
Дуже круте інтервʼю, одразу видно по собі, що треба підтягнути)
Дякую велике, чекаю ще такі інтервʼю)))
Буде вже цієї п'ятниці!
Круто! Дякую за солов'їну!
Класно пояснюєш!😊 побільше таких відео з інтерв’ю. Підписка. Та лайк
Хлопець дуже хвилюється... я теж за нього звилювався все відео
кайф , дякую !!
Дуже класне відео! Дякую!
Це було дуже корисно, дякую!
Дякую за такі відео, можливість зрозуміти як то все проходить, і себе перевірила, в тій частині, яку вже вивчила, страхи трошки розвіялися))
Класно вийшло, доволі нетривіальний старт, година пройшла швидко ❤️
Дякую, за корисний та цікавий контент, з нетерпінням чекаю на нові співбесіди🤗
Вже скоро )
Молодці, дякую за український контент!
Дякую)
Сергію, щось з мікрофоном треба зробити, бо дуже багато слів не чути просто.
а так контент топ, половину цих питань мене питають на мідл-синйорськи позиції)
З мікрофоном треба купляти новий мікрофон )
топчик
Дякую за відео. Цікаві запитання
Дякую за таке корисне інтерв'ю. Дуже приємно, що етер проходив в невимушеній обстановці. Деякі питання важкуваті.
Дякую за перегляд ) запрошую до перегляду й інших випусків )
рубрика, якої не вистачало🤩
І буде, сподіваюсь, постійною)
Реванш це щось нове та цікаве. Ні в кого ще не бачив повторної співбесіди)! Чекатимемо!
На сорок третій хвилині, ви не вірно відповіли.Бо jsx перетворюється за допогою bebel до простого js. І коли ми пишемо з малої букви то ця комнада буде передана в функцію для створення елемнету як звичанйна строка reactCreateElement('main'), а якщо ви напишете з великої букви,то туди передається reactCreateElemnt(Main) це вже функція, Main це вже змінна,а в змінній в нас функція - тобто компонент. Я теж джун, 😢
Вподякайка)
Приходьте ще)
Красота, дякую за контент рідною мовою!
Прошу дуже, заходьте ще, буде тільки більше )
цікава співбесіда)) Коли, нарешті, зрозуміла що таке замикання!
100% ))))
Це мені шо, заводити рубрику "На пальцях"?))
@@babichweb, заводити!)
Дуже погано чути
Ех не потрапила на прямий ефір( Але все одно цікаво! Викликає приємні і не дуже спогади з власних сівбесід коли була джуном і не тільки)
Не страшно, се, я сподіваюсь, не останній етер )
Сергію, дякую за якісний і цікавий контент! Було б круто, якщо б відео мало тайм-коди.
Не сперечаюсь, було б круто )
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?
далі напевно дороблю, але деякі питання дуже погано чути =(
Питання вогінь 🔥
Дякую, старавсь
добавьте пожалуйста таймкоды вопросов. Очень полезный контент
враження, шо співбеседа на верстальника) ще раз переконався - практичне завдання для перевірки trainee/junior найкраще ніж теорія. Хлопець на практиці можливо без зайвих проблем буде рішати проблеми бізнесу, а це головніше.
Не згоден. нап мою думку усе має бути у сукупності і більше повинно бути на початок теоретичних знань. Якщо вмієш гуглити то велосипед уже давно придумали до тебе ( а там вже при можна і в його детелях розібратись). А без основних понять, теорії, розуміння як це працює => проблеми можуть виникнути у бізнесі, які можуть дорого коштувати.
Мені як світчеру на реакт, з багаторічним досвідом фронтенд/маркапу/ваніль-js, також було цікаво. Але я вивчав і практикував не стейт менеджери типу redux/MobX, а з використовував urql лібу, або swr для nextjs при роботі з даними. Свого часу сам вивчав redux по курсу і він мені таким монстром показався)) аж злякався)) не можу змусити себе взятися і підтягнути саме його, але саме ці стейт менеджери на ринку потрібні)) Юніт & інтегрешен тести писати вмію, з фейковими даними і все таке)) а от редакс і всі ті халабуди toolkit/thunk/saga … не лізуть 😂
Радий, що сподобався етер!
Stateful class component, stateless functional component
Будь ласка більше інтервʼю з джунами. Мідли почекають - їм легше)))
У питанні із флексом та грідом, а чи елементу не можна у флексах задати flex-end flex-start?)
То суть флекса не змінить
Ех а куди ділись питання про відмінність var, let і const? всі їх так любили задавати)
Якби вони ще на щось впливало)))
Бабіч у ванній сидить? задній фон виглядає як шторка у душі)
Так. Там і звук відповідний.
На все вопросы ответил отлично здесь сам, а на реальном собесе мондраж, ком в горле и вообще короткие ответы чтобы побыстрее перестать говорить, как с этим бороться?
Наступного разу додай, будь ласка, тайм коди :) Успіхів
Нуууу, вони самі по собі не додаються, їх руками треба ставить ) Вони будуть, не переживайся )
Я не могу найти информации о том что переменная из lexical invironment будет удалена если она не задействована. Единственное что сказално что лексическое окружение существует до того времени пока что то на негл ссылается. Поэтому если на него ссылается функция, значит его трогать нельзя.А если удаляется,то как гарбаж коллектор понимает что функция использует одну переменную ,а вторую не использует. Он что ее код парсит? Кто хоть раз отлеживал это? Почему нигде об этом не пишут.
Тогда поидеи если мы переменную из гдобального окружения нигде не используем она тоже должна удалиться
Який ж напрягг відчувається, наче сам проходиш
Було б цікаво сіньора послухати
Дістанемось і до них )
Цікаво. Піддослідного трохи шкода, мучається, бідося.
П.с. якість звуку так собі, в деяких моментах питання не зрозумів
У ведучого погане обладнання, дуже погано чути, деякі слова взагалі не можна почути 😢
send.monobank.ua/jar/9LUqtFvZXp
звук поганий
send.monobank.ua/jar/9LUqtFvZXp