ReactJS Strong Junior // Співбесіда наживо // Дмитро Тілуг // S2E2
HTML-код
- Опубликовано: 2 июн 2024
- Онлайн співбесіда наживо рівня 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: SvitlaSystems
LinkedIn: / svitla-systems-inc-
Instagram: / svitlasystems
Twitter: / svitlasystemsin
RUclips: / @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 Епілог
Було дуже цікаво, моментами я навіть повірив в себе)
Дмитро молодець, трошхи хвилювався, але то таке
Вірити в себе треба не моментами, а постійно ;)
Перше інтервю, яке я додивилася, раніше вважала цей формат нудним. 90% питань мені сподобалися 👍👍 (термінологія css тільки здалася не настільки важливою, щоб зупинятися і перевіряти)
Мій формат не буває нудним ) Запрошую до перегляду інших випусків )
Як завжди все гарно!
Ми старались!
Молодці, дякую
І тобі дякую за перегляд)
Питання від спонсора повеселило, дякую! І також дякую за контент
Дякую! А ви взяли участь в "Питанні від спонсора"?)
Thanks a lot!
Прошу дуже!
Junior Strong, вийшло цікавіше ніж простий Junior клас супер, дякую ;)
На те й розрахунок) Далі буде ще цікавіше )
досить скіловий кандидат, дуже круто! дякую. єдине що було душновато про css і virtual dom те що відбувається under the hood
Дякую! Уже цієї п'ятниці - наступний етер ;)
Все супер!
Хотів би на співбесіду к Сергію потрапити
клас
Дякую)
От подивився це інтерв'ю на strong jun і я розумію що я вже можу йти на таку посаду. Але навіть не відповідають на мої відгуки трені
Ну і чудово
Чи планується формат співбесід на 2й квартал? І якщо так, то +- коли буде форма для подачі заявок?
Звичайно ж планується, але заявки відкриватиму на третій квартал, бо на другий братиму кандидатів з нинішнього пулу
Є схожий на React фреймворк який називається Preact, і його спеціально оптимізовували під ефективність, там VDOM порівнюється з DOM напряму бо так швидкіше. А в React два VDOM та спеціальні обгортки навколо нативних івентів, на мою думку, для того щоб авторам було простіше мейнтейнити React Native, а так хто зна навіщо там 2 VDOM коли один нібито краще.
Другий сезон балдьож, Бабіч на висоті. Козак то хвилювався, але відчуття що і не знав також
А той в коментах піз**н, під не зрозумілим ніком - попустись, ти ніхто і на тебе всім тут всеодно
Можу бути 3 з мейта
Бабіч, а де результат попереднього розіграшу 🧐?
Буде на вихідних в телеграмі! Обіцяю! В мене просто повна срака роботи (
Вельмишановний, Сергій, чи б була у Вас можливість добавляти тайм коди? Я думаю для всіх було б дуже зручно
Можливість є, над цим сьогодні будуть працювати
Бабів а чому було так мало питань по js, я вважаю що краще ще задати якісь питання по типу що таке асинхроність в js, можливо щось про проміси, запити, регулярки ну щось в такому плані.
Мені відповідати розгорнуто, чи моя відповідь буде очевидною?
Регулярки - це тема, знати яку майже нікому не треба і ніхто не знає її досконало. Проміси та асинхронність були (та й Бабіч казав, що інтерв'ю не таке, як інші), та й запити наче теж були (fetch та HTTP на початку).
Чому в вас однакові склянки?😮
Збіг обставин)))
1:09:46 Так це ж не валідний синтаксис.
const processData = (data) => data.filter(el => el > 10)
^ ось цей валідний
Чим саме?
@@babichweb processData(data) =>. Я навіть перевірив, видає SyntaxError. Вираз processData(data) ж наче просто зробить виклик функції, але у нас навіть змінної data немає в лексичному скоупі, то навіть декілька помилок буде.
В своєму коментарі я написав валідний
@@babichweb«=» у вас на відео пропущено, const processData = (data) => …
@pes_Duk68 а, ну так це не критичний момент, головне, аби усі розуміли про що йде мова
Але дякую вам за уважність!
Бабіч солоденький періжечок
Несподівано, але дякую ))))
Щр таке валідація https сертифікату? Я в шоці.
Капєц
А хіба то не є важлива теорія? Якщо сервак не довіряє сертифікату? Повинна бути реакція. І то важливо. Ну хоч, що таке сертифікат?
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
}
}
"мамо, я в шапці" хтось вже писав?
😂 обом -1 😂
array має прототайп Array → Object,
object має прототайп Object
Видаляти коментарі то примітивно. Був кращої думки...
Якщо ти намагався запостити якесь посилання, то ці коменти тре сам ютуб.
Хоча ти про мене і так був не кращої думки, будь чесним
Насправді я був про тебе нормальної адекватної думки. Людина працює і супер. Критику потрібно сприймати адекватно.
Жодного разу не бачила, щоб Сергій видаляв негативні коменти. Він навпаки їх тримає як трофеї😅
Можливо їх не було)))
Є одне питання. Для чого так валити, якщо його робота то перемістити 1 кнопку?
Я би відповів тобі, якби на це питання існувала розумна відповідь. Просто розумні відповіді зазвичай існують на розумні питання…
@@babichweb Я можу відповісти на то питання. Тому, що є теорія і є практика. Є ліди, які задають практичні завдання для проекту, а є ліди, які задають зробити хеш таблицю. То випіндрьош? По факту йому не потрібно знати то все. Прийде бізнес овнер або менеджер і скаже, що за 10 хвилин йому кнопку треба іншої форми в іншому місці.
Якщо почалися питання по rest api ну треба добити
@user-md4mg2vg5j не зупиняйся, продовжуй
Також не зрозумів в якому сенсі валити? Ні на одному етері не бачив, щоб Бабіч валив кандидатів. Навпаки він завжди направляв людину на правильний шлях коли бачив, що кандидат трохи заплутався
Повторюсь: кльова шляпа 🧢
Це ШАПКА