Співбесіда в Українську Компанію Junior Frontend ( JavaScript ) | React + Redux
HTML-код
- Опубликовано: 28 май 2024
- Підтримати канал та отримати доступ до ексклюзивних відео можна тут (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 #співбесіда - Авто/Мото
Ще до прегляду напишу подяку, за розвиток українського IT контенту✊💥
Дякую 🙏🔥
Привіт Ігоре, я буду як типовий наглий коментатор і запрошу тебе зацінити і мій канал українською :)
мій варіант завдання про flatten array . в даному випадку, працює з будь яким рівнем вкладеності
function makeFlattenArr(arr){
let res = []
arr.forEach((el)=>{
if(el instanceof Array){
res.push(...makeFlattenArr(el))
}else {
res.push(el)
}
})
return res
}
Дякую, крутий відос! Український контент росте та розвивається!
Дякую
Дуже круто , що одразу показуєш приклади.
Круто, дуже дякую за подібний контент
Дякую, welcome 🤗🔥
Огромное спасибо вам за классный контент!
крутий контент, особливо хочеться відмітити вставки з кодом під час відповіді, дякую!
🙏🤗
Як завжди - чудовий контент. Дякую за якість.))
Контент супер, насправді, окремо вдячність за розвиток українського контенту.
В подальшому, якщо це можливо, спробуй сам, як варіант, проводити співбесіди з підписниками)
Дякую, подумаю над цим 😊
Дякую за український IT-контент!
Дякую за корисне відео!
Useful content. Thanks mate! like+comment)))
Thanks a lot !
Дякую. Дуже інформативно. Такі речі якісно "чикають" страх співбесіди😁👍
Єєєєє, нова співбесіда, дякую!
Welcome 😏
Дякую, крутецький контент!
Окрема подяка за вивід правильних відповідей!
Дуже дякую за такий контент
Дякую за український контент! Однозначно лайк і коментарій)
Дякую за корисний відос!
Дякую, welcome 🤗
Дякую за відео!
Це неймовірно круто що такий контент зявляється українською мовою. Ви неймовірні, дякую!
Дякую за україномовний контент!)
Дякую, робіть ще)
Звичайно 🔥
подивився перше відео, і теж напишу одразу подяку за наш контент. Дуже приємно, сподіваюсь на продовження
Дякую ! Обов'язково буде !!
Дивлюсь з цікавістю, приклади для закріплення питань взагалі бомба
Дякую велике
Чувак, ти крутий, десь я доповнював твої відповіді, десь дізнавався нове. Продовжуй в тому дусі!
Дякую
Дякую за україномовний контент!
Дуже гарний українській контент. Займаєте узьку нішу :)
Дякую друже!
Дякую за вiдео,
Красний інтерв'юєр :)
А ти дуже добре відповідав, здається ти не джун)
Дякую! Дуже актуально! Як раз буду шукати роботу щоб свічнутись у фронтенд. Сподіваюсь відео стане у нагоді :)
Як успіхи рік потому?)
@zefffirka8963 Вітаю! Дякую що спитали :) Ситуація "все добреЄ та одночасно "все складно", ггг. Працюю, через деякі обставини не в компанії а на фрілансі, скоріше "fullstack" ніж фронт. Переважно Wordpress бо достатньо замовлень, сегмент вище середнього, уникаю Elementor & Co. Параллельно проходив безкоштовні курси frontend на RollingScopes EN та по nodejs, але зараз привалило замовленнями тому на жаль навчання довелось поки засаспендити, що трохи засмучує бо бек на ноді пішов як діти у школу, цікаво. Коротше таке собі. Сподіваюсь в вас успіхі краще :)
Як багато треба знати на джуна ;) Дякую за українську!
Насправді це тільки на співбесідах так, тут інтерв'юер не дуже попався
Дуже гарно)
Для копії об'єкту можна використовувати spread operator(ES6)
const obj = { a: 1 };
const objCopy = { ...obj };
так!
Так але це буде shallow copy
топ!
Молодці!
Ти вже ці запитання на пам‘ять знаєш)) крутий контент, дуже корисно для новачків, дякую 🙏
А ти не думав сам проводити співбесіди для своїх підписників, і в кінці давати якийсь фідбек?)
Дякую!
Крутяк!)
Круто. За українську окремий респект!
Thanks!
Вподобайка за Українську 👍
Дякую за контент рідною мовою🇺🇦
Я ще не працюю . Впринципі на всі знав відповідь . Якось так попало що питання були легкі для мене. Але вважаю що є питпння такі як алгоритми структури даних . Ооп методи тоді буде важче
Кайф!
Дякую
відео афігезне, дякую тобі велике! допомогло відчути себе більш впевненим). Але я не розумію, чому не можна було скористатись методом flat(Infinity) в першій задачі, може я щось пропустив
Дуже гарне інтерв'ю. Аж захотілось розвиватись як розробник. Але, на жаль, пальці болять, не можу на клавіатурі.
Це якось бiльше на спiвбесiду на мiдла схоже чим на джуна .-.
Дякую Дякую
За відео дякую! Більше знімай, навіть фейкових співбесід. Завжди щось нове для себе відкриєш!
За чекбокс би посперечався
Єдиний канал де стоїть дзвіночок на нові відео
ЛУЧШИЙ!! ТОП🇺🇦🇺🇦👊👊
Дякую за таку корисну співбесіду :) Моє рішення останніх двох задачок:
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"));
console.log([[1], [[2, 3]], [[[4]]]].flat(Infinity)); задача первая решается)
@@LHLetale Не знав про Infinity, дякую )
Нарештіііі, я шукав українськомовну співбесіду
Дякую за відео. Скажи будь ласка, а ти плануєш записувати саме плейлистами відео уроки (як для навчання людей, які хочуть з нуля навчитися)? Було б дуже круто, якщо б в нас з'явився саме укроїномовний контент
Таке є у фрілансера по життю, але для різноманіття можна було б
Часу бракує (
Якщо про досвід спитають, можна про пет проекти сказати?
14:50 ще можна копіювати об''єкти операцією spread
задача на рекурсію остання? Бо не зовсім ще розумію, що таке рекусія, тільки почав вчитись
дякую за контент українською!
🤗🔥
bem by yandex?
Дуже круто!! Давай Українське!!!!!
Привіт! В тебе ж будуть відеоролики по JS?) Дуже очікую!!
Привіт. На жаль, не впевнений, швидше по React 🔥
@@snieda_programming Дідь я в розпачі :) Підписався на твій patreon
@@ihorzhuk4949 Помітив, Дуже дякую ! Причина чому я не хочу робити контент по js заключається в тому, що такого контенту ДУЖЕ багато. Я просто буду повторяти уже сказані слова іншими 😊
класно :)
попробуй на мідла :))
Дякую. Попробую 😏
18:05 - перед fetch не пишемо 'await' ?
Так, мій косяк🤗
@@snieda_programming я засумнівався і написав) Дякую за такі відео, багато чого нового і структуровані, чіткі відповіді. *Очікували джуна, а тут на кожне питання є такі повні чіткі відповіді, оце вони в шоці))
Нафіга мені дивитися ціле відео, якщо можна одразу поставити лайк за українську і написати про це комент?
Дякую 🔥🤗🔥🤗
питання та відповіді на мідла більше тягнуть, якщо це інтерв'ю справжнє
хороше інтерв'ю, я б сказав що можна Junior прибрати)
🔥
1k зелені зп? Чи варто взагалі знімати щось подібне з таким низьким зп? Я думаю тут є деяка доля непорозуміння, так як питання/відповіді тягнуть на набагато вищий рівень.
Це його не перша співбеседа, багато питань вже були.
Скільки часу потрібно , щоб все це вивчити та успішно використовувати на практиці?
Приблизно 1200 год. зосередженої робоьи
@@snieda_programming В мене ціль вийти на фріланс та верстати шаблонні сторінки для початку, мені вистачить html , css, jquery ? Чи зразу вчити JavaScript? Дякую за відповіді!)
@@luckyperson3411 без знань JavaScript - вчити JQuery немає сенсу
Може я не вїхала але це дійсно фейкова співбесіда чи справжня?
зроби що небуть з мікро будь ласкаа, шоб такого фону не було 🙄а так топ контент)
Ок, дякую, постараюся 🔥
А хлопця взяли чи ні?
ajiliway?
Українська чудова
Відео чудове. Але є питання. Це імітація співбесіди - тобто вона є фейковою?
Так
Фішку з кодом у UlbiTv взяли
І вінда на рузком, ну капєц
нефіга не поняв але було цякаво
Гарно б буоло подивитися відео де ти в ролі джуна без досвіду
Неперевершено
Загалом круто і корисно, але явно співбесіда є постановою)
post, put - боже, как это развидеть.
Я працюю на позиції junior більше року, вирішую складні задачі та беру велику відповідальність
вмію працювати з складними графіками та впринцимі можу реалізувати любий челендж по фронту
но варто мене запитати задачки на алгоритми, я без гугла не зроблю абсолютно нічого - немає сенсу запитувати алгоритми вони ітак на фронті не потрібні !!!
Які нахрен масиви в масивах, якщо мені це віддасть бек, я його відправлю переробляти
ніколи нічого подібного не буде в роботі - того що просять зробити на собесі, абсолютно НІКОЛИ!!!
Так и есть, просто нужно знать два языка, - один для работы, другой чтобы лясы точить на собеседовании. Тоже долго не мог принять эту реальность
Круто в целом, правда вижу что вам немного сложно говорить на укр, но это пройдёт
Задачку с массивами можно еще так решить:
array.toString().split(',');
Попробую, дякую
Ось мої варіанти вирішування задач, не судіть строго)))
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'));
Дякую
[...new Set(str.split(''))].join('');
можна без split. Зайва операція ;)
@@GLBrand , Круто (не знав), дякую!!!
цікавий відос, від себе додам, шо перша задачка вирішується в один рядок, array.flat(2) думаю, ти це знав, просто на співбесіді не зорієнтувався
Ага особенно когда у тебя входящий массив не известен, там же может быть любой уровень вложения
@@furidashidreamer тоді пишеш flat(infinity)
Первую задачку я чет так решил, про flat вообще забыл)
const result = [];
function func(arr) {
for (let index = 0; index < arr.length; 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")
Дуже дякую
До цього відео я не знав про flat, але тепер здається що задачку з масивом можна було вирішити куди простіше, просто return array.flat(Infinity)