KZhead
Ойын-сауық

Frontend Junior // Співбесіда наживо // Назар Алєксєєв // S1E6

Сергій Бабіч та Дивовижний світ веброзробки
2024 ж. 22 Мам.
10 726 Рет қаралды
Жүктеу

Знайомтесь - Назар Алєксєєв. Раніше він працював в продажах, однак під час проходження служби в лавах Збройних Сил України, що триває й нині, зрозумів, що хоче в майбутньому більшої свободи, можливостей та кращого 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 Завершальне слово від Бабіча

Пікірлер

  • Подати заявку на участь в новому сеозні можна тут: forms.gle/fjduoCexYadKRCP17 Той момент, коли зробив один з найкращих етерів, а закликати усіх до свого телеграм-каналу - забув. t.me/toisamyibabich

    @babichweb@babichweb10 ай бұрын

  • Крута можливість подивитися на реальне інтерв'ю ❤

    @olenamishchenko9054@olenamishchenko90543 ай бұрын

  • Дякую за чудовий контент. Приємно було послухати-подивитися. Удачі в розвітку каналу 👍

    @2difficult2do@2difficult2do8 ай бұрын

  • Дякую за за рубрику. Дуже корисно.

    @user-zn8oc6bl4l@user-zn8oc6bl4l10 ай бұрын

    • Дякую )

      @babichweb@babichweb10 ай бұрын

  • Дуже круто. Приємно провів час, про себе сам відповідав на питання. Дякую за контент

    @Alex_ENP1@Alex_ENP110 ай бұрын

    • Дякую, приходьте ще )

      @babichweb@babichweb10 ай бұрын

  • Дякую Сергій, Назар та Богдан! ) Отримав задоволення!!! Щоб так всі співбесіди проходили - вільно, невимушено, весело, але справедливо. Ще раз, дякую! І привіт з Чернівців! 🙂

    @user-et1sz1mk1j@user-et1sz1mk1j10 ай бұрын

    • Дякую! Сподіваюсь, що інтерв'юєри також щось братимуть з моїх етерів )

      @babichweb@babichweb10 ай бұрын

  • Дякую вам трьом за співбесіду. Прекрасний контент. Так тримати!!!

    @Dmytro_Galak@Dmytro_Galak8 ай бұрын

    • Дякую! Тримаємо )

      @babichweb@babichweb8 ай бұрын

  • Ооо, гарне інтервʼю. Паралельно собі задачки з відео повирішував))

    @vladko9623@vladko962310 ай бұрын

    • Дякую )

      @babichweb@babichweb10 ай бұрын

  • Сергію, чи змінилась думка стосовно курсів в Мейті? чи варто йти туди вчитись?)

    @ilona1697@ilona169710 ай бұрын

    • Статистично вибірка ще дуже мала, але Mate academy однозначно в цій місії заробили декілька балів респекту )

      @babichweb@babichweb10 ай бұрын

  • мене дивує той факт що хлопці завжди більше відповідають а фідбек гірший ніж у жінок 😅

    @lezver_94@lezver_945 ай бұрын

  • Блін, ну і як ту всю теорію тримати в голові?🤷‍♀ Якщо в реальності я на сайті підключаю зовнішній кукі-банер, рікапчу, працюю з UI бібліотекою і т д. А якщо якось треба наприклад трансформувати строку, то скоренько загуглила як то зробити і забула

    @olga_c@olga_c8 ай бұрын

  • Суперпитання на мідла. Яким чином в React можна викликати функцію, створену нижче в дереві компонентів, по івенту на елементі, розташованому вище? Кандидат має навести три варіанти вирішення цієї задачі.

    @vvchernyshenko@vvchernyshenko10 ай бұрын

    • Думав над цим, прийшов до таких варіантів (перші два дались швидко) 1. useImperativeHandler (юзав його для проброски контроля над модалками вище по ієрархії) 2. state in parent, який пробросить в child , в якому помістити це в useEffect та тріггернуть якусь функцію 3. useContext, зробить стейт з інтерфейсом функцію, тобто помістити у стейт функцію виду ()=> ()=> console.log('my function'), в children оновити її та потім визвати де завгодно

      @marchugans@marchugans10 ай бұрын

    • ​@@marchugans 1, 2 - правильна відповідь, по 3 варіанту також вірно але треба тестувати. Мій варіант по 3 - це помістити в контекст не функцію, а ref кнопки що буде генерувати івент. А далі в компонентах нижче тупо витягувати dom елемент і підписуватись на івенти через addEventListener. Костильно але що поробиш. 🤷‍♀

      @vvchernyshenko@vvchernyshenko10 ай бұрын

  • Вчуся фронтенду місяць і на перших хвилинах ви мені кашу в голові зробили. По перше таг доктайп знаходиться не в хед, по друге одне з найважливіших речей які знаходяться в хед поза тайтлом і метатагами це посилання на файл цсс,ні?

    @ay4523@ay45238 ай бұрын

  • Те відчуття коли не використовувала css 100 років, бо на роботі mui та styled components 😅 також помітила що хлопець не знає правильний неймінг технічних термінів, я вважаю що це важливо бо я його не розумію про що він говорить

    @user-vz5go9zz7v@user-vz5go9zz7v8 ай бұрын

  • Працюю сеньйор с++ девом. Виявляється я легко тягну на фронт - енд джуна ))))(

    @user-md4mg2vg5j@user-md4mg2vg5j9 ай бұрын

    • Це ж круто! В разі чого легко перейдете )

      @babichweb@babichweb9 ай бұрын

    • @@babichweb як я без поінтерів і меморі лік буду жити? ))))

      @user-md4mg2vg5j@user-md4mg2vg5j9 ай бұрын

    • Безтурботно!)

      @babichweb@babichweb9 ай бұрын

    • ​@@babichwebОтже висновок!!! Щоб легко ввійти в веб розробку, потрібно стати с++ розробником ))))

      @user-md4mg2vg5j@user-md4mg2vg5j9 ай бұрын

  • Я може пишу дурниці бо сам ще тільки вчусь, але я так розумію що ще надо якось перевіряти на число бо в мене виходить відповідь така "D+unY+eM+Y+4+8+" за вашим алгоритмом, бо 4 та 8 хоч в UpperCase хоч в LowerCase буде 4 та 8. Або я помиляюсь ?? І таку ж відповідь я добуваю просто пройшовши звичайним циклом , навіщо тоді ці маніпуляціЇ до переводу в массив ?

    @user-vs6gy1cs2h@user-vs6gy1cs2h10 ай бұрын

    • Я не вимагав робочого рішення задачі, мене цікавить перебіг думок. Так, в ідеалі потрібно перевіряти ще й чи то ж літера, чи то цифра. А щодо масиву - також можна по різному, можна й циклом, можна й regex )

      @babichweb@babichweb10 ай бұрын

    • @@babichweb Зрозумів, дякую за відповідь.

      @user-vs6gy1cs2h@user-vs6gy1cs2h10 ай бұрын

    • Я б тут перевіряв, чи входить символ в ASCII-діапазон великих латинських літер і доставляв плюсик, якщо так. От і все :)

      @bohdandvorianov7727@bohdandvorianov772710 ай бұрын

    • @@bohdandvorianov7727 можна просто додаткову умову що строка в апер кейсі не дорівнює тій самій строчці в ловер кейсі))

      @ilona1697@ilona169710 ай бұрын

    • ​@@ilona1697 перевірка ASCII дає і перевірку, що це буква, і що це велика буква, іііі це простіше зрозуміти з першого погляду, мені здається. Простіше написати так, щоб не треба було лишати коментар, що воно робить.

      @bohdandvorianov7727@bohdandvorianov772710 ай бұрын

  • Скиньте лінк будь ласка на fwdays про оптимізацію

    @marchugans@marchugans10 ай бұрын

    • Походу вони ще не виклали ( Я обов'язково поділюся відео у себе в каналі а телеграмі та на лінкедіні щойно воно буде доступним

      @babichweb@babichweb10 ай бұрын

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

      @user-mp3nl5wu3n@user-mp3nl5wu3n10 ай бұрын

    • Та сам жду шокапєц )

      @babichweb@babichweb10 ай бұрын

    • @@babichweb Можливо ви знаєте чому видаляється (або не заливається) мій коментар з лінком на статтю

      @marchugans@marchugans10 ай бұрын

    • ​@@marchugansвопше не в курсі, чесно

      @babichweb@babichweb10 ай бұрын

  • також кривить коли бачу бем в вакансіяї

    @xczm225@xczm22517 күн бұрын

  • Мені одній поведінка ведучого здалася деструктивною?

    @oksmelnuk@oksmelnuk9 ай бұрын

    • Так, тобі одній

      @vd7533@vd75338 ай бұрын

  • 😕 Promo-SM

    @robertjohnson5533@robertjohnson55339 ай бұрын

  • Як же далеко ці ваші "співбесіди" від реальних. Даєте людям марну надію на "вайті в айті"

    @user-zh2oz9fe4m@user-zh2oz9fe4m9 ай бұрын

    • forms.gle/rxp6tBHvSEoSX1h57

      @babichweb@babichweb9 ай бұрын

  • Ниочем🤦, зачем так докапываться? Видно что человек прекрасно все понимает, выбивать ответ, который хочется услышать...ради чего?

    @mifaress@mifaress8 ай бұрын
KZhead