Співбесіда в Українську Компанію Junior Frontend ( JavaScript ) | React + Redux
Автокөліктер мен көлік құралдары
Підтримати канал та отримати доступ до ексклюзивних відео можна тут (Patreon) 👇
/ sniedaprogrammer
Зміст:
00:00 - Дисклеймери
00:14 - Початок співбесіди
01:46 - Про проекти (проект)
03:20 - Що використовуєш про верстці ? flexbox vs float vs grid
04:35 - Що таке БЕМ ? (верстка)
05:57 - Які знаєш семантичні теги ? (верстка)
06:15 - Як відцентрувати елемент (всі способи) ? (верстка)
07:03 - Всі значення для властивості position ? (верстка | html + css)
07:21 - Як зробити кастомний checkbox ? (верстка)
08:42 - Як працює fr в css grid ? (верстка | css)
09:30 - Що таке SCSS ? (верстка)
10:35 - Яка різниця між var, let та const ? ( JavaScript )
10:35 - Яка різниця між var, let та const ? ( JavaScript )
11:39 - Яка область видимості у let та const ? ( JavaScript )
12:17 - Чим відрізняється строге порівняння від не строгого ? ( JavaScript )
13:05 - Який тип порівняння працює швидше ? ( JavaScript )
13:19 - Чим відрізняється slice від splice ? ( JavaScript )
13:19 - Чим відрізняється slice від splice ? ( JavaScript )
13:59 - Як скопіювати об'єкт ? ( JavaScript | object )
15:20 - Як працює e.preventDefault ? ( JavaScript )
15:48 - Чим відрізняються стрілочні функції від звичайних ? ( JavaScript )
16:35 - Які способи роботи з асинхрогим кодом ? ( JavaScript )
16:46 - Що таке promise ? ( JavaScript )
17:45 - Що таке async await ? ( JavaScript )
18:34 - Що таке hoisting ? ( JavaScript )
18:34 - Як можна самостійно створити помилку ? ( JavaScript ) (throw new Error)
20:18 - Які способи зберігання інформації на frontend ? ( JavaScript )
20:50 - Типи http запитів ( Frontend )
21:03 - В чому різниця між post та put ? ( Frontend )
21:14 - В чому різниця між put та patch запитами ? ( frontend )
21:38 - Life cycle methods ? ( frontend )
21:59 - Чи можемо змінити props в React ? ( React js )
22:20 - Які знаєш хуки (hooks) ? ( React js )
22:45 - Як працює useEffect ? ( React js )
23:08 - Коли потрібен componentWillUnmount ? ( React js )
24:00 - Для чого потрібен хук useContext ? ( React js )
25:30 - Що таке React.memo ? ( React js )
25:54 - Чи можна відмовитися від redux використовуючи useContext ? ( React js )
26:48 - Як працює Redux ? ( redux )
28:02 - Коли можемо використовувати useState замість redux ? ( redux )
29:09 - Для чого потрібен redux-thunk ? ( redux )
29:42 - Чи працював з redux-saga ? ( redux )
29:55 - Чи працював з redux-toolkit ? ( redux )
30:04 - Переваги redux-toolkit над redux? ( redux )
31:26 - slice vs reducer ? ( redux )
32:09 - Як можна обробити зміну даних input ? ( react )
32:35 - Для чого хук useRef ? ( react )
32:50 - Різниця між useState та useRef ? ( react )
33:20 - Ти працював з typescript ? ( react )
33:30 - Різниця між type та interface ? ( typescript )
34:32 - Як типізуєш redux? ( typescript | redux )
34:55 - Доводилося використовувати Next js ? ( Next js )
35:09 - Що таке Next js ? ( Next js )
35:55 - Для чого key в React js ? ( React js )
36:52 - Чим відрізняється git rebase від git merge ? ( github )
37:38 - Як можна перенести коміт в іншу гілку ? ( github )
38:43 - Що таке функція вищого порядку ? ( JavaScript )
39:00 - Що таке чиста функція ? ( JavaScript )
39:20 - jQuery ? ( JavaScript )
40:00 - ДВІ ПРАКТИЧНІ ЗАДАЧІ ( JavaScript )
46:33 - Фідбек
----------------------------
Мій інстаграм для розробників:
/ snieda_programmer
Телеграм канал ( фідбек ) :
t.me/sniedaweb_ukr
Група телеграм:
t.me/programmersfromheaven
Автор коду на фоні:
@Давай Попробуем: JavaScript
----------------------------
• Дане відео підійде всім, хто вивчає Html, Css, JavaScript або React js
• Для джунів (junior)
• Для мідлів (middle)
Дякую за перегляд ! 🙏🤗
#javascript #react #співбесіда
Пікірлер: 137
Ще до прегляду напишу подяку, за розвиток українського IT контенту✊💥
@snieda_programming
Жыл бұрын
Дякую 🙏🔥
@user-uw4kz5fu3f
Жыл бұрын
Привіт Ігоре, я буду як типовий наглий коментатор і запрошу тебе зацінити і мій канал українською :)
Дякую, крутий відос! Український контент росте та розвивається!
@snieda_programming
Жыл бұрын
Дякую
мій варіант завдання про flatten array . в даному випадку, працює з будь яким рівнем вкладеності function makeFlattenArr(arr){ let res = [] arr.forEach((el)=>{ if(el instanceof Array){ res.push(...makeFlattenArr(el)) }else { res.push(el) } }) return res }
Огромное спасибо вам за классный контент!
Дуже круто , що одразу показуєш приклади.
Як завжди - чудовий контент. Дякую за якість.))
Дякую. Дуже інформативно. Такі речі якісно "чикають" страх співбесіди😁👍
Дякую за український IT-контент!
Дякую за корисне відео!
Дякую, крутецький контент!
Круто, дуже дякую за подібний контент
@snieda_programming
Жыл бұрын
Дякую, welcome 🤗🔥
крутий контент, особливо хочеться відмітити вставки з кодом під час відповіді, дякую!
@snieda_programming
Жыл бұрын
🙏🤗
Дуже дякую за такий контент
Окрема подяка за вивід правильних відповідей!
Дякую за український контент! Однозначно лайк і коментарій)
Дякую за відео!
Контент супер, насправді, окремо вдячність за розвиток українського контенту. В подальшому, якщо це можливо, спробуй сам, як варіант, проводити співбесіди з підписниками)
@snieda_programming
Жыл бұрын
Дякую, подумаю над цим 😊
Ти вже ці запитання на пам‘ять знаєш)) крутий контент, дуже корисно для новачків, дякую 🙏 А ти не думав сам проводити співбесіди для своїх підписників, і в кінці давати якийсь фідбек?)
Дякую за україномовний контент!)
Дякую за корисний відос!
@snieda_programming
Жыл бұрын
Дякую, welcome 🤗
Дякую, робіть ще)
@snieda_programming
Жыл бұрын
Звичайно 🔥
Useful content. Thanks mate! like+comment)))
@snieda_programming
Жыл бұрын
Thanks a lot !
Дуже гарний українській контент. Займаєте узьку нішу :)
Дякую за україномовний контент!
Дякую друже!
Дуже гарно)
Дякую за вiдео,
подивився перше відео, і теж напишу одразу подяку за наш контент. Дуже приємно, сподіваюсь на продовження
@snieda_programming
Жыл бұрын
Дякую ! Обов'язково буде !!
Дивлюсь з цікавістю, приклади для закріплення питань взагалі бомба
@snieda_programming
Жыл бұрын
Дякую велике
Красний інтерв'юєр :) А ти дуже добре відповідав, здається ти не джун)
Це неймовірно круто що такий контент зявляється українською мовою. Ви неймовірні, дякую!
Єєєєє, нова співбесіда, дякую!
@snieda_programming
Жыл бұрын
Welcome 😏
Чувак, ти крутий, десь я доповнював твої відповіді, десь дізнавався нове. Продовжуй в тому дусі!
@snieda_programming
Жыл бұрын
Дякую
Дякую! Дуже актуально! Як раз буду шукати роботу щоб свічнутись у фронтенд. Сподіваюсь відео стане у нагоді :)
@zefffirka8963
3 ай бұрын
Як успіхи рік потому?)
@user-jt7wb3zc1m
3 ай бұрын
@zefffirka8963 Вітаю! Дякую що спитали :) Ситуація "все добреЄ та одночасно "все складно", ггг. Працюю, через деякі обставини не в компанії а на фрілансі, скоріше "fullstack" ніж фронт. Переважно Wordpress бо достатньо замовлень, сегмент вище середнього, уникаю Elementor & Co. Параллельно проходив безкоштовні курси frontend на RollingScopes EN та по nodejs, але зараз привалило замовленнями тому на жаль навчання довелось поки засаспендити, що трохи засмучує бо бек на ноді пішов як діти у школу, цікаво. Коротше таке собі. Сподіваюсь в вас успіхі краще :)
топ! Молодці!
Дякую!
Крутяк!)
Thanks!
Круто. За українську окремий респект!
відео афігезне, дякую тобі велике! допомогло відчути себе більш впевненим). Але я не розумію, чому не можна було скористатись методом flat(Infinity) в першій задачі, може я щось пропустив
Дякую Дякую
Як багато треба знати на джуна ;) Дякую за українську!
@MrSvitS1337
Жыл бұрын
Насправді це тільки на співбесідах так, тут інтерв'юер не дуже попався
Вподобайка за Українську 👍
Дякую за контент рідною мовою🇺🇦
Кайф!
@snieda_programming
Жыл бұрын
Дякую
Єдиний канал де стоїть дзвіночок на нові відео
Дуже гарне інтерв'ю. Аж захотілось розвиватись як розробник. Але, на жаль, пальці болять, не можу на клавіатурі.
За відео дякую! Більше знімай, навіть фейкових співбесід. Завжди щось нове для себе відкриєш! За чекбокс би посперечався
ЛУЧШИЙ!! ТОП🇺🇦🇺🇦👊👊
Для копії об'єкту можна використовувати spread operator(ES6) const obj = { a: 1 }; const objCopy = { ...obj };
@jeremylinn9837
Жыл бұрын
так!
@user-dt5jl7yc6b
11 ай бұрын
Так але це буде shallow copy
Я ще не працюю . Впринципі на всі знав відповідь . Якось так попало що питання були легкі для мене. Але вважаю що є питпння такі як алгоритми структури даних . Ооп методи тоді буде важче
Дякую за відео. Скажи будь ласка, а ти плануєш записувати саме плейлистами відео уроки (як для навчання людей, які хочуть з нуля навчитися)? Було б дуже круто, якщо б в нас з'явився саме укроїномовний контент
@Max-tk8ol
Жыл бұрын
Таке є у фрілансера по життю, але для різноманіття можна було б
@snieda_programming
Жыл бұрын
Часу бракує (
14:50 ще можна копіювати об''єкти операцією spread
задача на рекурсію остання? Бо не зовсім ще розумію, що таке рекусія, тільки почав вчитись
Нарештіііі, я шукав українськомовну співбесіду
Якщо про досвід спитають, можна про пет проекти сказати?
Дякую за таку корисну співбесіду :) Моє рішення останніх двох задачок: const flatten = (array) => { let r = []; for (let i = 0; i r.push(el)); } } return r; } console.log(flatten([[1], [[2, 3]], [[[4]]]])) const removeDupes = str => [...new Set(str)].join(''); console.log(removeDupes('abcd')) console.log(removeDupes("aabbccdd")); console.log(removeDupes("aaabccddddd")); console.log(removeDupes("abcd"));
@LHLetale
10 ай бұрын
console.log([[1], [[2, 3]], [[[4]]]].flat(Infinity)); задача первая решается)
@teothedoor
10 ай бұрын
@@LHLetale Не знав про Infinity, дякую )
Привіт! В тебе ж будуть відеоролики по JS?) Дуже очікую!!
@snieda_programming
Жыл бұрын
Привіт. На жаль, не впевнений, швидше по React 🔥
@ihorzhuk4949
Жыл бұрын
@@snieda_programming Дідь я в розпачі :) Підписався на твій patreon
@snieda_programming
Жыл бұрын
@@ihorzhuk4949 Помітив, Дуже дякую ! Причина чому я не хочу робити контент по js заключається в тому, що такого контенту ДУЖЕ багато. Я просто буду повторяти уже сказані слова іншими 😊
Це якось бiльше на спiвбесiду на мiдла схоже чим на джуна .-.
Дуже круто!! Давай Українське!!!!!
дякую за контент українською!
@snieda_programming
Жыл бұрын
🤗🔥
bem by yandex?
класно :) попробуй на мідла :))
@snieda_programming
Жыл бұрын
Дякую. Попробую 😏
питання та відповіді на мідла більше тягнуть, якщо це інтерв'ю справжнє
ajiliway?
18:05 - перед fetch не пишемо 'await' ?
@snieda_programming
Жыл бұрын
Так, мій косяк🤗
@vponochovny
Жыл бұрын
@@snieda_programming я засумнівався і написав) Дякую за такі відео, багато чого нового і структуровані, чіткі відповіді. *Очікували джуна, а тут на кожне питання є такі повні чіткі відповіді, оце вони в шоці))
Може я не вїхала але це дійсно фейкова співбесіда чи справжня?
Скільки часу потрібно , щоб все це вивчити та успішно використовувати на практиці?
@snieda_programming
Жыл бұрын
Приблизно 1200 год. зосередженої робоьи
@luckyperson3411
Жыл бұрын
@@snieda_programming В мене ціль вийти на фріланс та верстати шаблонні сторінки для початку, мені вистачить html , css, jquery ? Чи зразу вчити JavaScript? Дякую за відповіді!)
@snieda_programming
Жыл бұрын
@@luckyperson3411 без знань JavaScript - вчити JQuery немає сенсу
хороше інтерв'ю, я б сказав що можна Junior прибрати)
@snieda_programming
Жыл бұрын
🔥
1k зелені зп? Чи варто взагалі знімати щось подібне з таким низьким зп? Я думаю тут є деяка доля непорозуміння, так як питання/відповіді тягнуть на набагато вищий рівень.
@user-td5bw9rt2g
Жыл бұрын
Це його не перша співбеседа, багато питань вже були.
Нафіга мені дивитися ціле відео, якщо можна одразу поставити лайк за українську і написати про це комент?
@snieda_programming
Жыл бұрын
Дякую 🔥🤗🔥🤗
зроби що небуть з мікро будь ласкаа, шоб такого фону не було 🙄а так топ контент)
@snieda_programming
Жыл бұрын
Ок, дякую, постараюся 🔥
Відео чудове. Але є питання. Це імітація співбесіди - тобто вона є фейковою?
@snieda_programming
Жыл бұрын
Так
@user-wt3zo9lq8g
Жыл бұрын
Фішку з кодом у UlbiTv взяли
А хлопця взяли чи ні?
Українська чудова
нефіга не поняв але було цякаво
І вінда на рузком, ну капєц
Неперевершено
Загалом круто і корисно, але явно співбесіда є постановою)
Гарно б буоло подивитися відео де ти в ролі джуна без досвіду
post, put - боже, как это развидеть.
Я працюю на позиції junior більше року, вирішую складні задачі та беру велику відповідальність вмію працювати з складними графіками та впринцимі можу реалізувати любий челендж по фронту но варто мене запитати задачки на алгоритми, я без гугла не зроблю абсолютно нічого - немає сенсу запитувати алгоритми вони ітак на фронті не потрібні !!! Які нахрен масиви в масивах, якщо мені це віддасть бек, я його відправлю переробляти ніколи нічого подібного не буде в роботі - того що просять зробити на собесі, абсолютно НІКОЛИ!!!
@bogdan_888
Жыл бұрын
Так и есть, просто нужно знать два языка, - один для работы, другой чтобы лясы точить на собеседовании. Тоже долго не мог принять эту реальность
Круто в целом, правда вижу что вам немного сложно говорить на укр, но это пройдёт
Задачку с массивами можно еще так решить: array.toString().split(',');
@snieda_programming
Жыл бұрын
Попробую, дякую
Ось мої варіанти вирішування задач, не судіть строго))) 1) function flatten(arr) { arr.map((el, index) => { // typeof el == 'object Також можна використати в умові' if(Array.isArray(el)) arr.splice(index, 1, flatten(el)) }); return arr.flat(); } console.log(flatten([[1], [[2, 3]], [[[4]]]])); 2) function removeDupes(str) { return [...new Set(str.split(''))].join(''); } function removeDupes(str) { let newStr = '', oldStr = str.split('').sort(); oldStr.map((symbol, index) => { if(symbol != oldStr[index - 1]) newStr += symbol; }) return newStr; } console.log(removeDupes('abdsd'));
@snieda_programming
Жыл бұрын
Дякую
@GLBrand
Жыл бұрын
[...new Set(str.split(''))].join(''); можна без split. Зайва операція ;)
@user-sf4yh2st7o
Жыл бұрын
@@GLBrand , Круто (не знав), дякую!!!
цікавий відос, від себе додам, шо перша задачка вирішується в один рядок, array.flat(2) думаю, ти це знав, просто на співбесіді не зорієнтувався
@furidashidreamer
Жыл бұрын
Ага особенно когда у тебя входящий массив не известен, там же может быть любой уровень вложения
@MrMomomoy
Жыл бұрын
@@furidashidreamer тоді пишеш flat(infinity)
Первую задачку я чет так решил, про flat вообще забыл) const result = []; function func(arr) { for (let index = 0; index if (Array.isArray(arr[index])) { func(arr[index]) } else { result.push(arr[index]) } } } func([[[1]], [2,3], [[[4]]], 5, [6]]) Вторая function uniqStr(str) { return [...new Set(str)].join('') } uniqStr("12322325677778880")
@snieda_programming
Жыл бұрын
Дуже дякую
До цього відео я не знав про flat, але тепер здається що задачку з масивом можна було вирішити куди простіше, просто return array.flat(Infinity)