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