Тёмный

Задачи с собеседований на javascript \ frontend Разработчика 

Ulbi TV
Подписаться 310 тыс.
Просмотров 40 тыс.
50% 1

В этом ролике мы порешаем задачи с реальных собеседований на javascript frontend разработчика
Мой курс "Продвинутый Frontend. В production на React" - ulbitv.ru/fron...
Поддержать меня и мой канал вы можете по ссылкам ниже.
Patreon/boosty (доступ к бонусам) - boosty.to/ulbitv
Qiwi кошелек - www.qiwi.com/n...
Яндекс деньги - yoomoney.ru/to...

Опубликовано:

 

15 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 107   
@ИльяКвитковский-г9л
Большое спасибо, хоть и мало активности в плане лайков и тд, всё же огромное спасибо за труд. Мне лично очень нравится ваша подача. Чем больше подобного тем лучше) Многому учусь
@UlbiTV
@UlbiTV 3 года назад
Благодарю! Рад слышать!
@Gigapetrosian
@Gigapetrosian Год назад
присоединяюсь
@РусланДыгов-б7н
@РусланДыгов-б7н 3 года назад
Даааа, практическим заданиям быть !!! Как всегда на высоте
@UlbiTV
@UlbiTV 3 года назад
Cпасибо, Руслан!
@SiberianAndy
@SiberianAndy 3 года назад
Когда самостоятельно решал про объекты, ставил в условии if (obj1[key]) вместо hasOwnProperty. И как раз, когда ты заговорил про undefined я понял в чем проблема моего метода :) Спасибо!
@UlbiTV
@UlbiTV 3 года назад
И вам спасибо!) Рад, что помогает!
@artem.prydybailo
@artem.prydybailo 3 года назад
Так приятно, когда мои решения совпадают с твоими))) Теперь придется заходить со всех акков и ставить тебе лайки
@UlbiTV
@UlbiTV 3 года назад
Ахаххах, круто же)) спасибо огромное!)
@АрнРоанн
@АрнРоанн Месяц назад
Ульби, повторюсь, ты - - лучший 😊
@unhandled_error
@unhandled_error 3 года назад
Задачи на javascript \ frontend просто супер!
@romko-romario
@romko-romario 2 года назад
Очень интересно, спасибо! Мои решения первой задачки на каррирование: function sum1(x) { let value = x; return function curriedSum(b) { if (arguments.length) { value += b; return curriedSum; } return value; }; } function sum2(x) { let value = x; const curriedSum = (y) => (value += y, curriedSum); return Object.defineProperty(curriedSum, 'value', { get: () => value }); } console.log(sum1(1)(2)(3)(4)(5)(100)()); console.log(sum2(1)(2)(3)(4)(5)(100).value);
@ivenAgario
@ivenAgario 11 месяцев назад
ваша функция sum1 работает только с вызовом без аргумента в конце. Не корректно
@falsetrue7910
@falsetrue7910 3 года назад
Задачу с суммированием уже где только не видел :D спасибо за видео, как всегда полезно
@UlbiTV
@UlbiTV 3 года назад
Спасибо) Да, часто встречаемая задачка)
@nazar9796
@nazar9796 3 года назад
Канал - находка для меня, лайк , подписка)
@UlbiTV
@UlbiTV 3 года назад
Спасибо!) На канале много интересного) рекомендую!
@sergsergey4251
@sergsergey4251 3 года назад
Спасибо тебе, дальнейших успехов!
@ЭзамАппаева
@ЭзамАппаева 3 года назад
Спасибушки вам огромное за видео👏🏻
@UlbiTV
@UlbiTV 3 года назад
Спасибо, Эзам!
@coldtouch9099
@coldtouch9099 3 года назад
Определенно лайк👩‍💻
@SerzhNesteruk
@SerzhNesteruk Год назад
Третью задачу решил двумя способами. В императивном стиле: const groupBy = (arr, callbackFunction) => { const result = {}; for (let value of arr) { let key = callbackFunction(value); (result[key] = result[key] || []).push(value); } return result; }; ...и в декларативном (через reduce вместо forEach): const groupBy = (arr, callbackFunction) => arr.reduce((acc, value) => { const key = callbackFunction(value); (acc[key] = acc[key] || []).push(value); return acc; }, {});
@SerzhNesteruk
@SerzhNesteruk 6 месяцев назад
В современном синтаксисе есть уже более простое решение этой задачи. 😜 const { groupBy } = Object;
@error-md1sh
@error-md1sh 3 года назад
Круто , только вчера посмотрел первую часть) Спасибо за старания
@UlbiTV
@UlbiTV 3 года назад
Спасибо, друг, рад что вам нравится)
@leokorsunsky2395
@leokorsunsky2395 3 года назад
Супер!
@MegaTesei
@MegaTesei 2 года назад
Размять мозги точно не лишнее. Спасибо за примеры и их решения. Сделал сам, посмотрел твои варианты, вынес полезное.
@suslikest3708
@suslikest3708 3 года назад
Прикольная тема и всегда когда работу меняешь полезная)мне особенно тяжко даются вопросы когда на бумажке напишут какой то код в котором намешают всего. Типа такого. Тут сразу непонятно, толи нехватает вызова (), толи i не определена и тп (function(){ function doSomething(){ for(i = 0; i < 5; i++){ console.log(i); } } for(i = 0; i < 5; i++){ doSomething(); } });
@UlbiTV
@UlbiTV 3 года назад
Спасибо!)
@ipa_stor
@ipa_stor 3 года назад
Лайк поставил, видео внимательно гляну попозже:) в любом случае спасибо!
@UlbiTV
@UlbiTV 3 года назад
Спасибо) Приятного просмотра!)
@jsmonstr9638
@jsmonstr9638 3 года назад
Все как обычно круто, спс
@UlbiTV
@UlbiTV 3 года назад
Благодарю!)
@devorer77
@devorer77 3 года назад
класс! отличное видео. и как сегда без соплей и воды!
@UlbiTV
@UlbiTV 3 года назад
Спасибо, друг!)
@beforeday901
@beforeday901 Год назад
const groupBy = (arr, floor) => arr.reduce((acc, dig) => { let num = acc[floor(dig)] !num ? acc[floor(dig)] = [dig] : num.push(dig) return acc } ,{}) console.log(groupBy([6.1, 4.2, 6.2], Math.floor))
@vladyslavkozanchyn7463
@vladyslavkozanchyn7463 3 года назад
огонь, хороший пример
@TheProfessionalGambler
@TheProfessionalGambler 3 года назад
Последнюю где то видел короткую запись (в одну строку), пока набросал такую const groupBy = (arr, cb) => arr.reduce((obj, item) => { const key = cb(item) obj[key] ? obj[key].push(item) : obj[key] = [item]; return obj }, { })
@UlbiTV
@UlbiTV 3 года назад
Красиво!)
@faust2134
@faust2134 2 года назад
Не совсем понимаю зачем реализововать .map другими методами из es5
@TheProfessionalGambler
@TheProfessionalGambler 2 года назад
@@faust2134 какие другие методы?
@faust2134
@faust2134 2 года назад
@@TheProfessionalGambler .reduce в видео это .forEach
@Grendaizo90
@Grendaizo90 Год назад
Вот ровно таким же способом решил)
@wishmaker1443
@wishmaker1443 3 года назад
Very big thanks man! You're cool
@_GyG_
@_GyG_ 3 года назад
Прикольно, все сам решил)
@UlbiTV
@UlbiTV 3 года назад
Круто же!!
@vanekivanov270
@vanekivanov270 Год назад
Спасибо тебе, за все видео в этом плейЛисте👍
@sergeyecho127
@sergeyecho127 Год назад
Спасибо за ролик.
@ЕвгенийНечипоренко-ы2о
Спасибо! Круто! Давай еще))))))
@sarxanabdullayev6440
@sarxanabdullayev6440 9 месяцев назад
Спасибо большое за видео
@user-pd9no5ye5g
@user-pd9no5ye5g 3 года назад
круто, спасибо
@UlbiTV
@UlbiTV 3 года назад
И вам спасибо за поддержку!
@VictoriaSH100
@VictoriaSH100 3 года назад
Во имя роста ++
@dmaberlin
@dmaberlin 2 года назад
спасибо! продолжай в том же духе
@mak_whisk
@mak_whisk Год назад
Спасибо😊
@anton-vr5xw
@anton-vr5xw 3 года назад
очень полезно, спасибо)
@shahruzashot
@shahruzashot 2 года назад
Хорошая разминка, благодарю, было ползено!
@РУСЛАНОРАСБАЕВ-т1и
Самый понятный канал!))
@ВладПашковский-ц2э
@ВладПашковский-ц2э 10 месяцев назад
Спасибо
@itpro952
@itpro952 3 года назад
Жду видео с теор вопросами
@UlbiTV
@UlbiTV 3 года назад
Будет!)
@yaroslavbox1249
@yaroslavbox1249 3 года назад
It is cool !!! 👍
@UlbiTV
@UlbiTV 3 года назад
Thx!
@nuriddintashpulatov4233
@nuriddintashpulatov4233 3 года назад
Время 6 утра, я ещё не ложился спать и поэтому не мог понять, почему в моем решении "!resultAfterCallback" не идёт операция дальше как надо, а выходит пустой объект😅😹 сейчас сдался и посмотрел видео - оказывается восклицательный знак был лишний хD
@nuriddintashpulatov4233
@nuriddintashpulatov4233 3 года назад
Ps спасибо за видео! Потренировался, ждём ещё такие видосы!
@UlbiTV
@UlbiTV 3 года назад
Успехов!
@nuriddintashpulatov4233
@nuriddintashpulatov4233 3 года назад
@@UlbiTV спасибо большое)
@barbatage5078
@barbatage5078 3 года назад
Merci!
@UlbiTV
@UlbiTV 3 года назад
🙂🙂🙂
@aleksandrmatyka3118
@aleksandrmatyka3118 3 года назад
Спасибо за разборы, но разве 1 задачка подразумевает не реализацию множественного карирования?обычно если спрашивают сумму с более чем 2 вызовами то имеют ввиду это (данный прмиер взят с learn.js)
@aleksandrmatyka3118
@aleksandrmatyka3118 3 года назад
function sum(a) { let currentSum = a; function f(b) { currentSum += b; return f; } f.toString = function() { return currentSum; }; return f; } console.log( +sum(1)(2)(6) );
@UlbiTV
@UlbiTV 3 года назад
@@aleksandrmatyka3118 Крутое решение, лайк!)
@КарэнАкопьян
@КарэнАкопьян Год назад
Жалко больше нет решения задач на канале(
@cosecax
@cosecax 3 года назад
Тоже есть с нескольких файлов с вопросами, которые мне задавали, могу вам куда-нибудь отправить на разбор?
@UlbiTV
@UlbiTV 3 года назад
На канале есть ссылка на мой вк, отправьте туда, интересные вопросы возьму оттуда) спасибо!)
@ext_0015
@ext_0015 2 года назад
Сейчас про 100 лайков звучит как сарказм 😂
@Sergei546
@Sergei546 6 месяцев назад
спасибоооо
@АлмасКоянбаев-ц5ф
@АлмасКоянбаев-ц5ф 2 года назад
красавчик
@ЕвгенийЖ-н6м
@ЕвгенийЖ-н6м 3 года назад
//2-я задача const obj1 = { a: 1, b: 2 }; const obj2 = { a: 7, b: -74, c: 3 }; function newObj(obj1, obj2) { obj1 = Object.freeze(obj1); Object.keys(obj2).reduce((newO, id) => { newO[id] = obj2[id]; return newO; }, obj1); return obj1; } //3-я Задача function groupF(arr, func) { return arr.length && func && Array.from(new Set(arr.map((el) => func(el)))); } );
@neckalas5759
@neckalas5759 3 года назад
Извини но что надо на собеседование на full-stack JavaScript просто у меня через две недели собеседование я чуть-чуть боюсь что могу облажаться
@UlbiTV
@UlbiTV 3 года назад
Зависит от вакансии, конечно) можешь скинуть в вк, обсудим
@byte6639
@byte6639 3 года назад
Как собес то прошел?)
@АртемГоловко-м9щ
@АртемГоловко-м9щ 11 месяцев назад
Так чуть короче const compareObjects = (a, b) => { for(const key in a){ if(b[key]){ a[key] = b[key]; } } } const changeArrayToGroupObject = (arr, callBack) => { const obj = {}; for(const key of arr){ const callBackRes = callBack(key); if(obj[callBackRes]){ obj[callBackRes].push(key); } else { obj[callBackRes] = [key]; } } return obj; };
@Vlad-us9xt
@Vlad-us9xt 3 года назад
top
@UlbiTV
@UlbiTV 3 года назад
Спасибо!)
@dramarec
@dramarec 3 года назад
350 лайк ))
@Sergei546
@Sergei546 6 месяцев назад
уххх вторую задачу вообще не понимаю даже что сделать просят
@SpauN-
@SpauN- Год назад
Парни привет, про какой видео идет речь в самом начале видоса, оно не вышло как я понимаю, где Тимур разбирает теоретические вопросов?
@UlbiTV
@UlbiTV Год назад
Плейлист «собеседования» на канале
@saskirakosyan5268
@saskirakosyan5268 3 года назад
I try to solve this and it lasts about hour and more , its good? Or not
@UlbiTV
@UlbiTV 3 года назад
If you did it, then great
@MrSvitS1337
@MrSvitS1337 3 года назад
lol то-есть я себе спокойно пишу на реакте не знаю проблем, а вот такую дичь не могу решить wft
@UlbiTV
@UlbiTV 3 года назад
Писать на реакте - просто знания фреймворка, а решать задачи - логика)
@MrSvitS1337
@MrSvitS1337 3 года назад
@@UlbiTV так я не верстаю, а пишу логику js, просто на практике такие задачи как на видео не встречаются
@UlbiTV
@UlbiTV 3 года назад
@@MrSvitS1337 встречаются, не прям такие, но решаемые похожим способом, например когда необходимо обработать какую то древовидную структуру
@maksimviter2708
@maksimviter2708 Год назад
Привет, а может кто-то знает ответ на вопрос почему в первом случает возвращает число а во втором функцию, буду признателен если кто-то объяснит. function sum2(a) { return function (b) { return sum2(a + b) } } const sum = a => b => b ? sum(a + b) : a; console.log(sum(5)(4)(3)(15)()) console.log(sum2(5)(4)(3)(15)())
@МаксимКоваленко-н4д
как вариант - {...obj1, ...ojb2}
@chcylabrab
@chcylabrab 3 года назад
Оно в obj1 замержит также и лишние свойства которые есть в ojb2. В данном примере в obj1 попадет some: 'some'
@Sergei546
@Sergei546 6 месяцев назад
вторую задачу не понял ващее((9
@alla6361
@alla6361 Год назад
Спасибо
Далее
Outsmarted 😂
00:20
Просмотров 2,3 млн
САМАЯ ТУПАЯ СМЕРТЬ / ЧЕРНЕЦ
1:04:43
SENIOR on JUNIOR Javascript Developer interview
26:35
Просмотров 313 тыс.
Outsmarted 😂
00:20
Просмотров 2,3 млн