Frontend Junior // Співбесіда наживо // Назар Алєксєєв // S1E6
HTML-код
- Опубликовано: 13 июн 2024
- Знайомтесь - Назар Алєксєєв. Раніше він працював в продажах, однак під час проходження служби в лавах Збройних Сил України, що триває й нині, зрозумів, що хоче в майбутньому більшої свободи, можливостей та кращого work-life балансу.
Саме тому він вирішив змінити свій фах та почав вивчати frontend, зосередивши увагу на React та Typescript. Також Назар вважає, що диплом інженера-технолога та набуті в попередній професії навички допоможуть йому в подоланні кар'єрної драбини frontend-розробника.
А ще Назар, сам того не знаючи, прикув до себе мою особливу увагу. Чому? Ви ж усі знаєте, з якою недовірою та підозрою я ставлюся до різноманітних курсів, ІТ-академій та інших "університетів". Назар же зазначив, що є студентом Mate academy, і, звичайно ж, я не можу оминути такої чудової нагоди та кидаю виклик його знанням та навичкам, аби перевірити, чи дійсно варті умови контракту зі школою тієї освіти, яку вони надають.
Тож не проґавте співбесіду на React Junior з Назаром Алєксєєвим, аби разом з нами переконатися або ж спростувати те, чи наскільки сильні студенти у Mate academy!
Мій телеграм-канал «Той самий Бабіч» - t.me/toisamyibabich
LinkedIn Назара - / nazarii-alieksieiev-7b...
Реєструйся на участь у наступних випусках: forms.gle/YXmHPq21cb9RMj159
Долучитися до допомоги ЗСУ
🔗 send.monobank.ua/jar/AeXQ6YRf2X
💳 5375411202918178
Долучитися до розвитку каналу:
🔗 send.monobank.ua/jar/9LUqtFvZXp
💳 5375411204412287
00:00 Неймовірні очі Бабіча
00:15 Привітання та вступне слово
01:54 Представлення та привітання кандидата
04:13 Що таке doctype
07:10 Яка різниця між ol, ul та dl. Яке їхнє призначення
09:32 Для чого потрібен атрибут alt у теґа img
10:35 Що таке семантика в HTML і для чого вона потрібна
13:30 Як створити гіперпосилання
16:42 Як розраховуються повні розміри елемента на сторінці
20:28 Що таке CSS-селектори і для чого вони потрібні
23:00 Специфічність селекторів
24:22 Медіа-запити
26:50 Різниця між pseudo-element та pseudo-class
29:10 Розвʼязання задач
30:05 Перша задача: трансформація рядка за певним правилом
33:36 Друга задача: розкладання числа на доданки порядків
41:50 Скільки потоків має Javascript
42:38 Event Loop
45:14 Що таке React і для чого він потрібен
46:46 Virtual DOM
49:54 Що таке JSX
51:28 Чи розуміє бравзер JSX
52:37 Чому ми повинні називати власні компоненти з великої букви
53:40 Питання від Назара: що вчити далі?
55:26 Хуки в React
58:31 Для чого насправді потрібні useMemo та useCallback
01:03:08 Що таке стейтменеджмент, та які задачі він вирішує
01:05:58 Які дані ми повинні зберігати в стейт-менеджері
01:06:48 Що відбувається після виклику функції dispatch
01:07:35 Як можна перехопити action та виконати дію між dispatch та reducer
01:10:29 Фідбек від Таємного Експерта
01:21:33 Відгук від Назара
01:22:51 Завершальне слово від Бабіча 
Развлечения
![PADDINGTON IN PERU - Official Trailer [4K] - Paddington Bear is back!](http://i.ytimg.com/vi/lKgitu25ZAg/mqdefault.jpg)
Подати заявку на участь в новому сеозні можна тут: forms.gle/fjduoCexYadKRCP17
Той момент, коли зробив один з найкращих етерів, а закликати усіх до свого телеграм-каналу - забув.
t.me/toisamyibabich
Крута можливість подивитися на реальне інтерв'ю ❤
Дякую за чудовий контент. Приємно було послухати-подивитися. Удачі в розвітку каналу 👍
Дякую Сергій, Назар та Богдан! ) Отримав задоволення!!! Щоб так всі співбесіди проходили - вільно, невимушено, весело, але справедливо. Ще раз, дякую! І привіт з Чернівців! 🙂
Дякую! Сподіваюсь, що інтерв'юєри також щось братимуть з моїх етерів )
Дуже круто. Приємно провів час, про себе сам відповідав на питання. Дякую за контент
Дякую, приходьте ще )
Дякую за за рубрику. Дуже корисно.
Дякую )
Дякую вам трьом за співбесіду. Прекрасний контент. Так тримати!!!
Дякую! Тримаємо )
Ооо, гарне інтервʼю. Паралельно собі задачки з відео повирішував))
Дякую )
Сергію, чи змінилась думка стосовно курсів в Мейті? чи варто йти туди вчитись?)
Статистично вибірка ще дуже мала, але Mate academy однозначно в цій місії заробили декілька балів респекту )
Суперпитання на мідла. Яким чином в React можна викликати функцію, створену нижче в дереві компонентів, по івенту на елементі, розташованому вище? Кандидат має навести три варіанти вирішення цієї задачі.
Думав над цим, прийшов до таких варіантів (перші два дались швидко)
1. useImperativeHandler (юзав його для проброски контроля над модалками вище по ієрархії)
2. state in parent, який пробросить в child , в якому помістити це в useEffect та тріггернуть якусь функцію
3. useContext, зробить стейт з інтерфейсом функцію, тобто помістити у стейт функцію виду ()=> ()=> console.log('my function'), в children оновити її та потім визвати де завгодно
@@marchugans 1, 2 - правильна відповідь, по 3 варіанту також вірно але треба тестувати. Мій варіант по 3 - це помістити в контекст не функцію, а ref кнопки що буде генерувати івент. А далі в компонентах нижче тупо витягувати dom елемент і підписуватись на івенти через addEventListener. Костильно але що поробиш. 🤷♀
мене дивує той факт що хлопці завжди більше відповідають а фідбек гірший ніж у жінок 😅
Блін, ну і як ту всю теорію тримати в голові?🤷♀ Якщо в реальності я на сайті підключаю зовнішній кукі-банер, рікапчу, працюю з UI бібліотекою і т д. А якщо якось треба наприклад трансформувати строку, то скоренько загуглила як то зробити і забула
Працюю сеньйор с++ девом. Виявляється я легко тягну на фронт - енд джуна ))))(
Це ж круто! В разі чого легко перейдете )
@@babichweb як я без поінтерів і меморі лік буду жити? ))))
Безтурботно!)
@@babichwebОтже висновок!!! Щоб легко ввійти в веб розробку, потрібно стати с++ розробником ))))
Те відчуття коли не використовувала css 100 років, бо на роботі mui та styled components
😅 також помітила що хлопець не знає правильний неймінг технічних термінів, я вважаю що це важливо бо я його не розумію про що він говорить
Скиньте лінк будь ласка на fwdays про оптимізацію
Походу вони ще не виклали (
Я обов'язково поділюся відео у себе в каналі а телеграмі та на лінкедіні щойно воно буде доступним
Будем дуже вдячні, чекаю з дня івенту, так як не вийшло подивитися до кінця, а вашу думку почути дуже хочеться)
Та сам жду шокапєц )
@@babichweb Можливо ви знаєте чому видаляється (або не заливається) мій коментар з лінком на статтю
@@marchugansвопше не в курсі, чесно
Вчуся фронтенду місяць і на перших хвилинах ви мені кашу в голові зробили. По перше таг доктайп знаходиться не в хед, по друге одне з найважливіших речей які знаходяться в хед поза тайтлом і метатагами це посилання на файл цсс,ні?
Я може пишу дурниці бо сам ще тільки вчусь, але я так розумію що ще надо якось перевіряти на число бо в мене виходить відповідь така "D+unY+eM+Y+4+8+" за вашим алгоритмом, бо 4 та 8 хоч в UpperCase хоч в LowerCase буде 4 та 8. Або я помиляюсь ?? І таку ж відповідь я добуваю просто пройшовши звичайним циклом , навіщо тоді ці маніпуляціЇ до переводу в массив ?
Я не вимагав робочого рішення задачі, мене цікавить перебіг думок. Так, в ідеалі потрібно перевіряти ще й чи то ж літера, чи то цифра. А щодо масиву - також можна по різному, можна й циклом, можна й regex )
@@babichweb Зрозумів, дякую за відповідь.
Я б тут перевіряв, чи входить символ в ASCII-діапазон великих латинських літер і доставляв плюсик, якщо так. От і все :)
@@bohdandvorianov7727 можна просто додаткову умову що строка в апер кейсі не дорівнює тій самій строчці в ловер кейсі))
@@ilona1697 перевірка ASCII дає і перевірку, що це буква, і що це велика буква, іііі це простіше зрозуміти з першого погляду, мені здається. Простіше написати так, щоб не треба було лишати коментар, що воно робить.
також кривить коли бачу бем в вакансіяї
Мені одній поведінка ведучого здалася деструктивною?
Так, тобі одній
😕 Promo-SM
Як же далеко ці ваші "співбесіди" від реальних. Даєте людям марну надію на "вайті в айті"
forms.gle/rxp6tBHvSEoSX1h57
Ниочем🤦, зачем так докапываться? Видно что человек прекрасно все понимает, выбивать ответ, который хочется услышать...ради чего?