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