KZhead

ReactJS Strong Junior // Співбесіда наживо // Дмитро Тілуг // S2E2

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

Онлайн співбесіда наживо рівня Strong Junior ReactJS з Дмитром Тілугом - переможцем другого випуску нового проєкту "Резюме Ґриль" від @juniverse_ua. Загальна теорія, питання з React та практичні задачі на уважність.
***
Із провідного спеціаліста в авіаційній сфері до frontend розробника. Дмитро вирішив, що це хороша ідея і після успішної 10-ти річної карʼєри кардинально змінив професію. Не боїться казати “не знаю” на співбесідах та займається прибиранням заради задоволення.
А ще Дмитро - випускниу курсів @Mateacademy . От і перевіримо, чого його там навчили.
***
А таємний експерт цього етеру - з компанії Svitla Systems, глобальної IT-компанії з більш ніж 20-річним досвідом, головний офіс якої знаходиться в Каліфорнії, а операційна діяльність поширюється на більш ніж 10 країн, зокрема США, Канаду, Мексику, Коста-Ріку, Аргентину, Україну і Польшу.
Svitla об’єднує понад 1000 спеціалістів з різних технологій. Серед клієнтів як інноваційні стартапи, так і компанії із Fortune 500.
Питання від партнера - docs.google.com/forms/d/e/1FA...
***
Вакансії Svitla Systems - svitla.com/career?search=&cou...
Соціальні мережі Svitla Systems:
Facebook: fb.me/SvitlaSystems
LinkedIn: / svitla-systems-inc-
Instagram: / svitlasystems
Twitter: / svitlasystemsin
KZhead: / @svitlasystems
***
0:00:00 Вступ
0:03:18 HTTP протокол
0:07:06 Для чого розробнику потрібна система контролю версій?
0:13:16 Що таке DOM?
0:16:55 Яка різниця між об’єктом та масивом в Javascript?
0:24:08 Розшифруй абревіатуру CSS
0:26:26 Селектори
0:28:28 CSS комбінатори
0:31:34 Що таке React і для чого він потрібен?
0:33:26 Що таке Virtual DOM і яка його роль?
0:40:30 Що таке Props?
0:49:06 Стратегії оптимізації в React
0:54:02 Error handling
0:56:22 State management
1:03:14 Питання від партнера
1:05:28 Рефакторинг циклу
1:10:39 Рефакторинг Promise chain
1:21:39 Рефакторинг складої уомви
1:32:43 Фідбек від експерта
1:37:44 Фідбек від Бабіча
1:41:30 Епілог

Пікірлер

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

    @KukharyshynOleh@KukharyshynOleh2 ай бұрын

    • Вірити в себе треба не моментами, а постійно ;)

      @babichweb@babichweb2 ай бұрын

  • Перше інтервю, яке я додивилася, раніше вважала цей формат нудним. 90% питань мені сподобалися 👍👍 (термінологія css тільки здалася не настільки важливою, щоб зупинятися і перевіряти)

    @tanialuchynska2002@tanialuchynska20022 ай бұрын

    • Мій формат не буває нудним ) Запрошую до перегляду інших випусків )

      @babichweb@babichweb2 ай бұрын

  • Як завжди все гарно!

    @user-zg7ss7ri1t@user-zg7ss7ri1t2 ай бұрын

    • Ми старались!

      @babichweb@babichweb2 ай бұрын

  • Молодці, дякую

    @MrSeredan@MrSeredan2 ай бұрын

    • І тобі дякую за перегляд)

      @babichweb@babichweb2 ай бұрын

  • Питання від спонсора повеселило, дякую! І також дякую за контент

    @pavlokhlopiachyi1132@pavlokhlopiachyi11322 ай бұрын

    • Дякую! А ви взяли участь в "Питанні від спонсора"?)

      @babichweb@babichweb2 ай бұрын

  • Thanks a lot!

    @serafimdev@serafimdev2 ай бұрын

    • Прошу дуже!

      @babichweb@babichweb2 ай бұрын

  • Junior Strong, вийшло цікавіше ніж простий Junior клас супер, дякую ;)

    @dvandit@dvandit2 ай бұрын

    • На те й розрахунок) Далі буде ще цікавіше )

      @babichweb@babichweb2 ай бұрын

  • досить скіловий кандидат, дуже круто! дякую. єдине що було душновато про css і virtual dom те що відбувається under the hood

    @TR-om3ge@TR-om3ge2 ай бұрын

    • Дякую! Уже цієї п'ятниці - наступний етер ;)

      @babichweb@babichweb2 ай бұрын

  • клас

    @anton_zah@anton_zah2 ай бұрын

    • Дякую)

      @babichweb@babichweb2 ай бұрын

  • Все супер! Хотів би на співбесіду к Сергію потрапити

    @sozdamsait@sozdamsait2 ай бұрын

  • От подивився це інтерв'ю на strong jun і я розумію що я вже можу йти на таку посаду. Але навіть не відповідають на мої відгуки трені

    @user-nu9qb2jg3k@user-nu9qb2jg3kАй бұрын

    • Ну і чудово

      @ko3ak112@ko3ak112Ай бұрын

  • Другий сезон балдьож, Бабіч на висоті. Козак то хвилювався, але відчуття що і не знав також А той в коментах піз**н, під не зрозумілим ніком - попустись, ти ніхто і на тебе всім тут всеодно

    @SurgeonMax4308@SurgeonMax43082 ай бұрын

    • Можу бути 3 з мейта

      @SurgeonMax4308@SurgeonMax43082 ай бұрын

  • Чи планується формат співбесід на 2й квартал? І якщо так, то +- коли буде форма для подачі заявок?

    @techamster6972@techamster69722 ай бұрын

    • Звичайно ж планується, але заявки відкриватиму на третій квартал, бо на другий братиму кандидатів з нинішнього пулу

      @babichweb@babichweb2 ай бұрын

  • Бабіч солоденький періжечок

    @ValeriiLutiy@ValeriiLutiy2 ай бұрын

    • Несподівано, але дякую ))))

      @babichweb@babichweb2 ай бұрын

  • Є схожий на React фреймворк який називається Preact, і його спеціально оптимізовували під ефективність, там VDOM порівнюється з DOM напряму бо так швидкіше. А в React два VDOM та спеціальні обгортки навколо нативних івентів, на мою думку, для того щоб авторам було простіше мейнтейнити React Native, а так хто зна навіщо там 2 VDOM коли один нібито краще.

    @Romadzao@RomadzaoАй бұрын

  • Бабіч, а де результат попереднього розіграшу 🧐?

    @user-zg7ss7ri1t@user-zg7ss7ri1t2 ай бұрын

    • Буде на вихідних в телеграмі! Обіцяю! В мене просто повна срака роботи (

      @babichweb@babichweb2 ай бұрын

  • Вельмишановний, Сергій, чи б була у Вас можливість добавляти тайм коди? Я думаю для всіх було б дуже зручно

    @ssashhaa@ssashhaa2 ай бұрын

    • Можливість є, над цим сьогодні будуть працювати

      @babichweb@babichweb2 ай бұрын

  • Бабів а чому було так мало питань по js, я вважаю що краще ще задати якісь питання по типу що таке асинхроність в js, можливо щось про проміси, запити, регулярки ну щось в такому плані.

    @nazarobeziuk6150@nazarobeziuk61502 ай бұрын

    • Мені відповідати розгорнуто, чи моя відповідь буде очевидною?

      @babichweb@babichweb2 ай бұрын

    • Регулярки - це тема, знати яку майже нікому не треба і ніхто не знає її досконало. Проміси та асинхронність були (та й Бабіч казав, що інтерв'ю не таке, як інші), та й запити наче теж були (fetch та HTTP на початку).

      @wickedcode6338@wickedcode63382 ай бұрын

  • 1:09:46 Так це ж не валідний синтаксис. const processData = (data) => data.filter(el => el > 10) ^ ось цей валідний

    @wickedcode6338@wickedcode63382 ай бұрын

    • Чим саме?

      @babichweb@babichweb2 ай бұрын

    • @@babichweb processData(data) =>. Я навіть перевірив, видає SyntaxError. Вираз processData(data) ж наче просто зробить виклик функції, але у нас навіть змінної data немає в лексичному скоупі, то навіть декілька помилок буде. В своєму коментарі я написав валідний

      @wickedcode6338@wickedcode63382 ай бұрын

    • ⁠@@babichweb«=» у вас на відео пропущено, const processData = (data) => …

      @pes_Duk68@pes_Duk682 ай бұрын

    • @pes_Duk68 а, ну так це не критичний момент, головне, аби усі розуміли про що йде мова

      @babichweb@babichweb2 ай бұрын

    • Але дякую вам за уважність!

      @babichweb@babichweb2 ай бұрын

  • Щр таке валідація https сертифікату? Я в шоці.

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

    • Капєц

      @babichweb@babichweb2 ай бұрын

    • А хіба то не є важлива теорія? Якщо сервак не довіряє сертифікату? Повинна бути реакція. І то важливо. Ну хоч, що таке сертифікат?

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

  • Чому в вас однакові склянки?😮

    @bessuka@bessukaАй бұрын

    • Збіг обставин)))

      @babichweb@babichwebАй бұрын

  • "мамо, я в шапці" хтось вже писав?

    @dmytro9279@dmytro92792 ай бұрын

  • Видаляти коментарі то примітивно. Був кращої думки...

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

    • Якщо ти намагався запостити якесь посилання, то ці коменти тре сам ютуб.

      @babichweb@babichweb2 ай бұрын

    • Хоча ти про мене і так був не кращої думки, будь чесним

      @babichweb@babichweb2 ай бұрын

    • Насправді я був про тебе нормальної адекватної думки. Людина працює і супер. Критику потрібно сприймати адекватно.

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

    • Жодного разу не бачила, щоб Сергій видаляв негативні коменти. Він навпаки їх тримає як трофеї😅

      @hordieieva@hordieieva2 ай бұрын

    • Можливо їх не було)))

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

  • 😂 обом -1 😂 array має прототайп Array → Object, object має прототайп Object

    @joter-glem@joter-glemАй бұрын

  • Є одне питання. Для чого так валити, якщо його робота то перемістити 1 кнопку?

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

    • Я би відповів тобі, якби на це питання існувала розумна відповідь. Просто розумні відповіді зазвичай існують на розумні питання…

      @babichweb@babichweb2 ай бұрын

    • @@babichweb Я можу відповісти на то питання. Тому, що є теорія і є практика. Є ліди, які задають практичні завдання для проекту, а є ліди, які задають зробити хеш таблицю. То випіндрьош? По факту йому не потрібно знати то все. Прийде бізнес овнер або менеджер і скаже, що за 10 хвилин йому кнопку треба іншої форми в іншому місці.

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

    • Якщо почалися питання по rest api ну треба добити

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

    • @user-md4mg2vg5j не зупиняйся, продовжуй

      @babichweb@babichweb2 ай бұрын

    • Також не зрозумів в якому сенсі валити? Ні на одному етері не бачив, щоб Бабіч валив кандидатів. Навпаки він завжди направляв людину на правильний шлях коли бачив, що кандидат трохи заплутався

      @SAPIENTIA666@SAPIENTIA6662 ай бұрын

  • Повторюсь: кльова шляпа 🧢

    @hordieieva@hordieieva2 ай бұрын

    • Це ШАПКА

      @babichweb@babichweb2 ай бұрын

  • const assignMap = { manager: ['hard'], developer:['medium', 'hard'], } function assignTask(task, employee) { if (!assignMap[employee.position.toLowerCase()]) { console.log(`Task assingned to Intern`); return; } if (assignMap[employee.position.toLowerCase()].includes(task.dif)) { console.log(`Task assingned to ${employee.position}`); } else { console.log(`Task too easy for ${employee.position}`); } } Для задачі коли не треба міняти повідомлення. Перевірку на інклюдс можна замінити через дещо інший вихідний обїєкт на флагах const assignMapOther = { manager: { hard: true, middle: false, easy: false }, developer: { hard: true, middle: false, easy: false }, intern: { hard: true, middle: true, easy: true } }

    @PimiTree@PimiTreeАй бұрын
KZhead