СОБЕСЕДОВАНИЕ Middle FRONTEND разработчика | JavaScript REACT TYPESCRIPT

แชร์
ฝัง
  • เผยแพร่เมื่อ 24 ธ.ค. 2024

ความคิดเห็น • 159

  • @clearsky906
    @clearsky906 2 ปีที่แล้ว +73

    Смотрел и проходил много интервью на мидла, отметил что собеседующие редко доносят информацию доступным языком, потому что сами не понимают, о чем спрашивают , тут же все как надо, чувствуется экспертиза автора, смог наконец то понять некоторые больные для себя темы, большое спасибо

    • @ayub_begimkulov
      @ayub_begimkulov  2 ปีที่แล้ว +1

      Рад помочь!

    • @iosswiftuipractice3793
      @iosswiftuipractice3793 ปีที่แล้ว

      Гость этого видео слишком долго говорит, тайпскрипт типизирован, что исключает многие ошибки. Более ООП там развито чем в js, все равно эти языки конечно не могут потянуть темы как у Swift или Java, C#.

  • @ayub_begimkulov
    @ayub_begimkulov  2 ปีที่แล้ว +6

    Друзья, наконец выделил время и разделил видео по таймкодам, не ожидал на самом деле такого количества просмотров и фидбэка.
    Так же по вашему предложению создал канал в телеграмме (t.me/ayub_begimkulov_coding) - заходите, кому интересно.
    00:00-02:20 - Интро
    02:20-4:17 - Что такое ивент луп
    04:17-07:32 - Micro и macro tasks
    07:32-12:39 - Очереди micro и macro тасок
    12:39-19:00 - requestAnimationFrame
    19:00-24:38 - Что такое TypeScript и зачем он нужен
    24:38-34:30 - Типизируем функцию map
    34:30-38:36- Оптимизация web страниц
    38:36-44:05 - Async/defer
    44:05-49:58 - React hooks плюсы и минусы
    49:58-54:50 - Как нужно обновлять стейт в react
    54:50-56:04- Как понимают изменение состояния mobx/vue
    56:04-1:01:16 - Плюсы и минусы подхода mobx и redux
    1:01:16-1:03:00- Как оптимизировать rerender’в в компонентах
    1:03:00-1:05:57- useLayoutEffect vs useEffect
    1:05:57- 1:16:21 - forceUpdate в функциональных компонентах и использование ref для сохранения референса на функцию
    1:16:21-1:16:56 - ErrorBoundary
    1:16:56-1:27:12 - map и filter через reduce
    1:27:12-1:51:20 - Пишем функцию curry
    1:51:20-1:54:19 - Финальный фидбэк и заключение

  • @maxet2374
    @maxet2374 ปีที่แล้ว +2

    очень нравится как полноценно и глубоко идет разбор важны моментов, но которые не обращают многие внимания

  • @DubinArtur
    @DubinArtur ปีที่แล้ว +9

    Очень тяжело проводить собеседования. Недавно было моё первое собеседование, со стороны работодателя. Я почувствовал, что нужен опыт. С моей стороны получилось очень сухо. Человек не прошёл собеседование (по своим скиллам), так и ещё точно получил удар по мотивации. У меня совсем не получилось сгладить ни одного угла.

    • @ayub_begimkulov
      @ayub_begimkulov  ปีที่แล้ว +5

      Да, мне тоже раньше казалось, что с другой стороны все просто. Но когда начал проводить, то понял, что устаешь от всего этого не меньше, чем сам кандидат. Хотя со временем проще начинает становиться. Главное не бросать это дело. Спасибо, что поделился мыслями!

    • @DubinArtur
      @DubinArtur ปีที่แล้ว

      @@ayub_begimkulov нет ли у тебя видео с советами, как подготовиться к проведению собеседования, как проводить, на что обратить внимание, чтобы кандидату было комфортнее?

    • @alexandroppolus
      @alexandroppolus ปีที่แล้ว +1

      @@DubinArtur тоже побывал "по обе стороны баррикад", и прям однозначно больше понравилось быть собеседуемым, чем интервьювером.
      Когда ты ведешь собес, у тебя дохрена ограничений. Не следует задавать слишком трудные вопросы, слишком специфичные, слишком креативные/творческие, слишком устаревшие, слишком банальные и простые, и ещё дохрена всего. Нежелательно душнить или спрашивать какие-то малоизвестные тонкости. Если кандидат тухлый и тупит, это совсем погибель, скука невероятная (кто там думает что на собесах можно поглумиться и задоминячить кандидата, подняв своё чсв - идите вы знаете куда?!), просто сидишь и думаешь, как бы попрощаться скорее.
      Когда ты кандидат, все вышеперечисленное МОЖНО! Ты протагонист, "хороший парень", главный герой. Просто заходи, круши и разваливай!

    • @constantinebildukevich2665
      @constantinebildukevich2665 11 หลายเดือนก่อน

      @@alexandroppolus бедные несчастные интервьюеры...)

  • @onlytryhard80
    @onlytryhard80 2 ปีที่แล้ว +31

    На одном дыхании посмотрел, и кучу полезных заметок сделал. Спасибо ❤

  • @ayub_begimkulov
    @ayub_begimkulov  2 ปีที่แล้ว +5

    Друзья, в данном видео, к сожалению, есть небольшие проблемы со звуком, видео записывалось с микрофона ноутбука.
    Постараюсь в дальнейшем избегать таких проблем.

  • @МарияЧерешня-у2й
    @МарияЧерешня-у2й 2 ปีที่แล้ว +4

    Молодцы ребята! Удачи вам!

  • @elcapitan8693
    @elcapitan8693 2 ปีที่แล้ว +4

    Классный контент! Успехов в развитии канала!

  • @malsagov6331
    @malsagov6331 ปีที่แล้ว +1

    Мощный контент! Не останавливайся пожалуйста)

  • @crypto4elik
    @crypto4elik 5 หลายเดือนก่อน +1

    интересный разговор двух разработчиков)

  • @YuriiLutsyk0304
    @YuriiLutsyk0304 2 ปีที่แล้ว +3

    Крутой Видос!

  • @ahmedrapira7610
    @ahmedrapira7610 2 ปีที่แล้ว +4

    6:00 - ошибся же, таймеры в макрозадачи попадают, а async/await в микрозадачи

    • @ayub_begimkulov
      @ayub_begimkulov  2 ปีที่แล้ว +3

      Насколько я помню, Мурат сначала сказал наоборот, но по приоритетам он правильно ответил.
      Возможно реально ошиблись. Главно понимать, как работают очереди каждого из типов тасок и что выполняется раньше другого.
      Спасибо за фидбэк!

  • @romanponomarev2851
    @romanponomarev2851 ปีที่แล้ว

    Огонь молодцы интересно и полезно

  • @LadyBugFeature
    @LadyBugFeature 7 หลายเดือนก่อน

    Спасибо, за интервью. Изу работу, не могу пройти собес 😢 1 ошибка или оговорка и всё. Хотя у меня большой опыт в продакшене. А тут чел открыто говорит, что чего то не знает.

  • @НурданАбдиев-м8м
    @НурданАбдиев-м8м 4 หลายเดือนก่อน

    1:39:43 начало решения задачи с каррированием

  • @jenyaspace
    @jenyaspace 17 วันที่ผ่านมา

    Я не понимаю почему resolve передаёте как метод если это аргумент промиса

  • @itsmekamikoto4940
    @itsmekamikoto4940 2 ปีที่แล้ว +9

    Жду новые видео собеседования , было интересно и позновательно.
    Лично мне было бы интересно посмотреть и послушать собес на Джуна , но не самые заезженные вопросы

    • @ayub_begimkulov
      @ayub_begimkulov  2 ปีที่แล้ว

      Постараюсь заснять что-нибудь.

    • @psycho0sis
      @psycho0sis 2 ปีที่แล้ว

      мне кажется, это как раз вопросы для джуна)

    • @АндрейБочарников-х5ъ
      @АндрейБочарников-х5ъ ปีที่แล้ว

      @@psycho0sis почему не для стажера?

    • @un_defined
      @un_defined 11 หลายเดือนก่อน

      @@psycho0sis нет, мистер Абрамов

  • @ОлегБаранчиков-ф5у
    @ОлегБаранчиков-ф5у 10 หลายเดือนก่อน +1

    Вот интересно. В продакшен коде как часто вы используете пример карирования?

    • @yoshimitsu7723
      @yoshimitsu7723 7 หลายเดือนก่อน

      смотря что писать, если много переиспользуемой логики, то пишут. Так же это дает понимание, как работают мидлвары в редакс или rxjs

  • @rukioruk6949
    @rukioruk6949 11 หลายเดือนก่อน

    Функция на каррирование довольно сложная, чтоб самому догнать. Выучил алгоритм её решения на случай этого вопроса на собесе. )

  • @ПиапДиай
    @ПиапДиай 2 ปีที่แล้ว +9

    очень приятный голос и говор интервьюера, хотелось бы залетать на вью с такими же типами)

    • @ayub_begimkulov
      @ayub_begimkulov  2 ปีที่แล้ว +3

      Первый раз слышу, о приятном голосе)
      Но спасибо!

  • @victor-trumpel
    @victor-trumpel 2 ปีที่แล้ว +3

    Вопросы были не банальные, интервьюер спрашивал глубже, чем показывают во многих роликах, за что благодарю. Задача на функцию по каррированию - топ, я таких не встречал.
    Я реализовал её таким образом:
    function curr(fn, needArgsCount = fn.length, saveArgs = []) {
    return (...propArgs) => {
    if (propArgs.length < needArgsCount) {
    return curr(fn, needArgsCount - propArgs.length, [...saveArgs, ...propArgs]);
    }

    return fn(...saveArgs, ...propArgs);
    }
    }
    Тобишь функцию всегда передавать изначальную, и наглядно передавать новые аргументы 3-м параметром. Мне так понятнее и нагляднее что ли... Но ничего не имею против решения из видео

    • @ayub_begimkulov
      @ayub_begimkulov  2 ปีที่แล้ว

      Да, можно и так реализовать)
      Спасибо за просмотр.

    • @victor-trumpel
      @victor-trumpel 2 ปีที่แล้ว

      ​@@ayub_begimkulov
      Пришел еще к одному решению этой задачи, на мой взгляд еще проще:
      function withCurry(fn, prevArgs = []) {
      return (...args) => {
      if (args.length + prevArgs.length < fn.length) {
      return withCurry(fn, [...args, ...prevArgs]);
      }
      const allArgs = [...args, ...prevArgs];
      return fn(...allArgs);
      }
      }
      По факту просто собираем все аргументы в массив и передаем дальше, а как только количество аргументов нас устраивает - сливаем этот весь массив аргументов в функцию. В предыдущих решениях меня смущала возвращаемая функция с частичным каррированием.
      Если долго не возвращаться к задаче, то можно и напутать с этим. А этот подход в "лоб". Просто собираем все что получили и вливаем.
      имхо)

    • @ayub_begimkulov
      @ayub_begimkulov  2 ปีที่แล้ว

      @@victor-trumpel Можно и так, тут кому как больше нравиться)

  • @peliasaurelius3854
    @peliasaurelius3854 ปีที่แล้ว +1

    22:15 вместо всего этого рассказа можно было сказать typescript это суперсет javascript разработанный Microsoftом для масштабных проектов, который привносит статическое типизирование и ООП. И так понятно что синтаксические ошибки будут показываться если есть статическая типизация

    • @Boortwint
      @Boortwint 11 หลายเดือนก่อน

      ООП typescript, как надстройка, не приносит. В JS эта парадигма уже имеется.

  • @sergeykhairulin
    @sergeykhairulin 2 ปีที่แล้ว +3

    function carry(fn) {
    return (...args) => {
    if (args.length >= fn.length){
    return fn.call(null,...args)
    }
    else
    return carry.call(null, fn.bind(null,...args))
    }
    }

    • @ayub_begimkulov
      @ayub_begimkulov  2 ปีที่แล้ว

      Ух ты, не знал, что bind сохраняет длину функции!

    • @sergeykhairulin
      @sergeykhairulin 2 ปีที่แล้ว

      @@ayub_begimkulov мы биндим же аргументы, их количество уменьшается на число переданных аргументов в предыдущую функцию. пока не достигнет исходной.
      решил проверить даже в код сендбоксе
      function carry(fn) {
      console.log('len Fn= '+fn.length)
      return (...args) => {
      if (args.length >= fn.length){
      return fn.call(null,...args)
      }
      else
      return carry.call(null, fn.bind(null,...args))
      }
      }
      function add(a,b,c,d) { return a+b+c+d}
      const fn = carry(add)
      console.log(fn(1)(2)(3)(4))

  • @anaduhovny3421
    @anaduhovny3421 2 ปีที่แล้ว +2

    Redko kogda ostavlay komentarii - no spasibi, otli4noe video na rysskom, gde hotya bi ni4ego ne rejit slyh!!! I primeri ne plohie. Voobs4e hotela bi prpoiti takoe intervu'e

    • @ayub_begimkulov
      @ayub_begimkulov  2 ปีที่แล้ว

      Спасибо!
      По поводу прохождения собеса - зайди в телеграм, там отпишу, когда буду проводить следующий собес.

  • @paef3
    @paef3 2 ปีที่แล้ว +5

    Так более нагляднее с каррированием
    function curry(func) {
    return function curried(...args) {
    if (args.length >= func.length) {
    return func(...args)
    } else {
    return function(...args2) {
    return curried(...args, ...args2)
    }
    }
    }
    }

    • @ayub_begimkulov
      @ayub_begimkulov  2 ปีที่แล้ว

      Тоже не плохой вариант.

    • @GTAlexSEO
      @GTAlexSEO 2 ปีที่แล้ว

      Более прозрачный и наглядный вариант с правильным неймингом, и никакой передачи length параметром.
      Кстати, автор ролика что-то хотел сказать про тонкость - почему нужна передача в явном виде, но не развил мысль.

    • @программистомв40
      @программистомв40 2 ปีที่แล้ว

      const carry =
      (func) =>
      (...args) =>
      args.length >= func.length
      ? func(...args)
      : (...args2) => curried(...args, ...args2);
      const add = (a, b, c) => a + b + c;
      const curried = carry(add);
      console.log(curried(1)(2)(3));
      console.log(curried(1)(2, 3));
      console.log(curried(1)(2)(3));
      console.log(curried(1, 2)(3));
      ваш ответ, но на стрелках
      ps. это prettier форматнул) не стал с ним спорить)

  • @nafanya3733
    @nafanya3733 2 ปีที่แล้ว +1

    спасибо, интересный собес)

  • @un_defined
    @un_defined 11 หลายเดือนก่อน +1

    нормально так демотивирует

  • @walk4839
    @walk4839 ปีที่แล้ว +2

    RAF вообще не зависит от event loop`а, с макротасками и микротасками в начале путаница, возникают вопросы про грейд миддла

  • @7iomka
    @7iomka ปีที่แล้ว +1

    Лайк, подписка)

  • @DavitAve
    @DavitAve ปีที่แล้ว +2

    Через два дня должен на реакт собеседование на миддла, волнуюсь не описать!

    • @ayub_begimkulov
      @ayub_begimkulov  ปีที่แล้ว

      Удачи!

    • @DavitAve
      @DavitAve ปีที่แล้ว

      Спасибо!

    • @xleb__b
      @xleb__b 10 หลายเดือนก่อน

      @@DavitAve как ты там воин?

    • @DavitAve
      @DavitAve 10 หลายเดือนก่อน

      @@xleb__b взяли, через 3 месяца повысиди зарплату

  • @starunski_
    @starunski_ 2 ปีที่แล้ว +1

    Красава !

  • @peliasaurelius3854
    @peliasaurelius3854 ปีที่แล้ว

    10:29 Мурад подумал что в эти функции run передаются милисекунды или я не так понял? Короче там никакое время не передается в аргументы функции run, number он просто для console.log

  • @МикиКляйн
    @МикиКляйн 10 หลายเดือนก่อน +1

    поплыл на 1 вопросе про лупу. Я бы как как собеседующий сразу напрегся тк ну наверное, ну скорее всего. Ты либл знаешь как работает, синхрон и асинхрон либо не знаешь и пытаешься гадать. А это уже звоночки бро с первого вопросика😢

  • @kapitan8409
    @kapitan8409 2 ปีที่แล้ว +1

    Айюб, доброго дня!
    Подскажи пожалуйста, на какой клавиатуре печатаешь, очень звук приятный?)
    Заранее спасибо)

  • @vr4836
    @vr4836 2 ปีที่แล้ว +1

    Спасибо! Подписался

  • @legoghetto2689
    @legoghetto2689 2 ปีที่แล้ว +2

    Можно ещё таких интервью плиз?) ❤

  • @YuriiLutsyk0304
    @YuriiLutsyk0304 2 ปีที่แล้ว +2

    Если есть желание, создай в телеге группу, чтобы не потеряться после блокировки ютуба(мало ли)!

    • @ayub_begimkulov
      @ayub_begimkulov  2 ปีที่แล้ว

      Хорошее предложение!
      Создал канал - присоединяйся (t.me/ayub_begimkulov_coding).

    • @YuriiLutsyk0304
      @YuriiLutsyk0304 2 ปีที่แล้ว

      @@ayub_begimkulov Не находит

    • @ayub_begimkulov
      @ayub_begimkulov  2 ปีที่แล้ว

      Короткая ссылка может не работать, попробуй вот по этой зайти:
      telegram.me/ayub_begimkulov_coding

  • @sergei_sergeevu4
    @sergei_sergeevu4 2 ปีที่แล้ว +4

    Спасибо за крутой контент)
    Подскажите пожалуйста, а как было правильно типизировать map показанный в видео ?
    Таким образом:
    function map T>(arr: T[], cb: F) {
    return arr.reduce((acc, item, index, currentArr) => acc.concat(cb(item, index, currentArr)), [])
    }
    const squares = map(numbers, (n) => n * 2)
    Я сперва думал, что необходимо ограничить тип T extends unknown[], но у меня не получалось получить значение value: typeof T[number] - не работало.
    p.s acc.concat - не лучший способ использования в reduce)

    • @ayub_begimkulov
      @ayub_begimkulov  2 ปีที่แล้ว +1

      В видео map реализовывался 2 раза, через reduce и просто функция-обертка, но в целом типизацируются они одинаково: tsplay.dev/WG5lVN.
      Тут у тебя ошибка получилась в том, что используется дженерик `F` для функции, хотя 2-й дженерик нужен для нового типа элемента массива (результата вызова mapper'а). Понимание таких особенностей приходит с опытом, так что можно не волноваться)
      Спасибо за просмотр!

    • @sergei_sergeevu4
      @sergei_sergeevu4 2 ปีที่แล้ว

      @@ayub_begimkulov Спасибо, очень жду от вас уроков по TypeScript)

    • @АлександрАлиновский-ь2ц
      @АлександрАлиновский-ь2ц 2 ปีที่แล้ว +1

      хз может так? function map (arr: T[], callback: (el:T, index?: number, context?: T[]) => P): P[] {
      const newArr: P[] = [];
      arr.forEach(el => {
      newArr.push(callback(el))
      });
      return newArr;
      }

  • @Albert-jo
    @Albert-jo 2 ปีที่แล้ว +1

    Формат собеседование будет, хочу принять участие?

    • @ayub_begimkulov
      @ayub_begimkulov  2 ปีที่แล้ว

      Подписывайся на телеграм, там буду объявлять.
      Но если честно, обычно смотрю на опыт и на то, чем кандидат может быть интересен другим людям, поэтому не плохо было бы чуть рассказать о себе.

  • @YuriiLutsyk0304
    @YuriiLutsyk0304 2 ปีที่แล้ว +3

    Жду Новый Видос!!!!

    • @ayub_begimkulov
      @ayub_begimkulov  2 ปีที่แล้ว +2

      Рад, что было интересно!

  • @ДениИмагожев11
    @ДениИмагожев11 2 ปีที่แล้ว +3

    все хорошо, но еще бы делать таймкоды

    • @ayub_begimkulov
      @ayub_begimkulov  2 ปีที่แล้ว +2

      Хорошое предложение, надо будет добавить.
      Спасибо за фидбэк!

  • @AlexanderMarkov-e6x
    @AlexanderMarkov-e6x 2 ปีที่แล้ว +3

    интересно

  • @УДжорджа
    @УДжорджа 2 ปีที่แล้ว

    Привет, не совсем понял пример на 7 минуте с функциями run. Можешь, пожалуйста, объяснить подробнее почему так работает?)

    • @ayub_begimkulov
      @ayub_begimkulov  2 ปีที่แล้ว

      Посмотри видео про очереди event loop, там объясняю все более подробно.
      th-cam.com/video/9VVGBuiMO7M/w-d-xo.html

  • @romkery
    @romkery 10 หลายเดือนก่อน

    В задачке про map я так понимаю автор хотел увидеть ответ
    const map = (arr, cb) => {
    return arr.reduce((acc, curr) => [...acc, cb(curr)], [])
    }

    • @СветланаРомашкина-з6б
      @СветланаРомашкина-з6б 14 วันที่ผ่านมา

      умоляю, никогда так не делай, это резко делает мап через редьюс квадратичным, потому что n итераций + (n-1) операций на поэлементное копирование

  • @Sinelnik
    @Sinelnik 2 ปีที่แล้ว

    С самого начала лажа. setTimeout и браузерный API это макро, а промисы єто микро таски

    • @ayub_begimkulov
      @ayub_begimkulov  2 ปีที่แล้ว

      А где в данном видео сказано, что это не так?

  • @romanmed9035
    @romanmed9035 2 ปีที่แล้ว

    таймаут с промисами совсем простое задание. мне дали с 7 этапами и разными вложенностями одного в другое.

    • @ayub_begimkulov
      @ayub_begimkulov  2 ปีที่แล้ว

      Если есть понимание, то в целом без разницы сколько этапов)
      Я, если честно, не вижу смысла переусложнять задания, лучше по глубже спросить об устройстве event loop.

    • @romanmed9035
      @romanmed9035 2 ปีที่แล้ว

      @@ayub_begimkulov так сложность и состояла во вложенности одних промисов в другие.

  • @zavenag9532
    @zavenag9532 ปีที่แล้ว +1

    Фидбек слишком мягкий дал, застроив внимание лишь на "бежит делать, хотя изначально лучше бы псевдокодом / проговорил бы свое решение". Но справедливости ради фразы на уровне "это не продуктовая задача" и "ну я этого и не знал" очень странно звучит... С ним по сути проводят дружеский собес, где ему заранее говорят о подводных камнях и фишках, а он по итогу все равно защищается в такой форме, хз-хз, ты его не топил шоб он защищался. В любом случае норм

  • @mrrobot7387
    @mrrobot7387 ปีที่แล้ว +2

    а это точно мидл?) на очень большое количество вопросов ответы не твердые и с большим сомнением

  • @vigenhovhannisyan5596
    @vigenhovhannisyan5596 2 ปีที่แล้ว

    По поводу Map можем и так делать, правильно?
    function maps(arr:T[],callBack:(value:T, i: number)=>T):T[] {
    return arr.map(callBack)
    }
    let typeMap = maps([1,2,3,4,5,6,7,8,9,10],(v) => v *2)
    console.log(customMap)

    • @ayub_begimkulov
      @ayub_begimkulov  2 ปีที่แล้ว

      Нет, это будет не совсем правильно, так как маппер может трансформировать тип item'ов массива.
      Например
      [1,2,3].map(item => item.toString());

    • @ИмяФамилия-э4ф7в
      @ИмяФамилия-э4ф7в ปีที่แล้ว +2

      Щас бы для реализации функции map использовать нативную функцию map...

  • @__kawaii
    @__kawaii 11 หลายเดือนก่อน

    Так разве пример с setTimeout вначале не вызовет переполнение стека? Там же нет базового случая, поэтому таска не будет закончена никогда, при этом будет рекурсивно вызывать саму себя создавая новые контексты выполнения, пока не превысит лимит в 10 000 в стеке. Я не прав?

  • @alexandroppolus
    @alexandroppolus 2 ปีที่แล้ว +3

    const forceUpdate = useReducer(x => x + 1, 0)[1];

  • @azad0808
    @azad0808 2 ปีที่แล้ว

    функция каррирования неправильно написана не будет работать в этом случае, curry(1)(2)(3),
    Правильно будет запоминать передаваемые аргументы создавая замыкания а на уравнении массивов возвращать вызов функции

    • @ayub_begimkulov
      @ayub_begimkulov  2 ปีที่แล้ว

      Не совсем понимаю о чем идет речь, на данном кейсе функция будет работать правильно, мы даже в видео проверили)
      Возможно у нас разное представление о том, как должно работать эта функция, но я даже на всякий случай прогнал тесты на нашу имплементацию и не вижу никаких ошибок.
      Так что если есть какие-то примеры - буду рад услышать.
      А пока, выглядит скорее как недопонимание с твоей стороны)

    • @azad0808
      @azad0808 2 ปีที่แล้ว

      @@ayub_begimkulov сорри я не внимательно посмотрел работать будет. Мой вариант:
      function curry(fn) {
      const args = [];
      return function step() {
      args.push(...arguments);

      if (fn.length > args.length) return step;
      args.length = 0;
      return fn(...args);
      }
      }
      const curried = curry(function(a,b,c) {return a+b+c});
      curried(1);
      curried(2);
      curried(3); // 6

    • @slavakoshman4123
      @slavakoshman4123 2 ปีที่แล้ว

      Можно я тут оставлю тоже свой вариант реализации этой функции:
      function curry(func) {
      return (...params) => {
      if (func.length === params.length) {
      return func.apply(null, params);
      } else {
      return curry(func.bind(null, ...params));
      }
      };
      }

  • @xxxxPomaHxxxx
    @xxxxPomaHxxxx ปีที่แล้ว +1

    Надо было еще сорт через редьюз написать.

    • @ayub_begimkulov
      @ayub_begimkulov  ปีที่แล้ว

      Нормально не напишешь же)

    • @xxxxPomaHxxxx
      @xxxxPomaHxxxx ปีที่แล้ว

      ​@@ayub_begimkulov Сортировка выбором хорошо ляжет на редюз. Придется мутировать оригинальный массив, собсна как и нативный сорт делает.

  • @программистомв40
    @программистомв40 2 ปีที่แล้ว +3

    1:29:03 вся суть программирования )

  • @andTutin
    @andTutin ปีที่แล้ว

    на первом вопросе можно было вешать трубку

  • @darafrontend
    @darafrontend 2 ปีที่แล้ว +2

    Классное собеседование, не хватает таймкодов только

    • @ayub_begimkulov
      @ayub_begimkulov  2 ปีที่แล้ว +2

      Спасибо за фидбэк, таймкоды наконец добавил)

  • @vik_2743
    @vik_2743 11 หลายเดือนก่อน

    чёт в работе карирование функции мне не пригождалось. это задачка больше не проверку понимания работы замыкания и рекурсии
    function curry(fn) {
    function helper(...args) {
    if (args.length >= fn.length) {
    return fn.call(this, ...args);
    }
    if (fn.length !== args.length) {
    return (...args2) => helper(...args, ...args2);
    }
    }
    return helper;
    }

    • @yoshimitsu7723
      @yoshimitsu7723 7 หลายเดือนก่อน

      зачем тут call?

  • @un_defined
    @un_defined 11 หลายเดือนก่อน

    спасибо увидел что значит пытка

  • @coyc
    @coyc 2 ปีที่แล้ว +3

    Какое-то странное решение задачи с каррированием функции, не лучше будет так написать:
    function curry(fn) {
    return function c() {
    if (fn.length > arguments.length)
    return c.bind(null, ...arguments);
    return fn.apply(null, arguments)
    }
    }
    function add(a, b, c) {
    return a + b + c;
    }

    • @ayub_begimkulov
      @ayub_begimkulov  2 ปีที่แล้ว +1

      Да, так тоже можно. Выглядит по лучше)

  • @raoul-ekud
    @raoul-ekud ปีที่แล้ว +2

    программисты каррировали каррировали да невыкарирровали

    • @ayub_begimkulov
      @ayub_begimkulov  ปีที่แล้ว

      На удивление с первого раза сказал)

  • @alexmarch
    @alexmarch 2 ปีที่แล้ว +2

    Как же больно по ушам эти звуки клавиатуры

  • @TheElmanHuseynov
    @TheElmanHuseynov 2 ปีที่แล้ว +2

    Скажу честно, это вопросы далеко не для миддл разработчиков)

    • @ayub_begimkulov
      @ayub_begimkulov  2 ปีที่แล้ว +2

      Зависит от того, с чем сравнивать) Многие собесы на сеньера, которые я проходил, были намного легче.
      Но тут как раз таки мы, как было сказано в начале, провели "показательное" собеседование. Я подобрал список вопросов и тем, понимание которых в идеале хотелось бы видеть во фронтенд разработчике.
      Для сеньера, помимо пониманий технологий и знания алгоритмов и тд., есть еще ряд навыков, которыми хорошо бы обладать (ИМХО). Постараюсь как-нибудь про это рассказать.
      Но опять же, это не обязательно будет отражать ситуацию на рынке, так как есть разные компании с разными проектами, вилками и требованиями.
      Во многих местах сейчас сеньер это тот, кто может любую большую задачу сам решить в нужные сроки и может еще разделить ее с кем-то и провести ревью.

    • @dmitriystoyanov933
      @dmitriystoyanov933 2 ปีที่แล้ว +1

      @@ayub_begimkulovта норм, как раз для мидла самое оно. Вот у меня собес на мидла скоро...готовлюсь)

    • @sergey-v9k4m
      @sergey-v9k4m 10 หลายเดือนก่อน

      Сколько я собесов не смотрел, везде плюс минус одно и тоже, но и в то же время кардинально разное, каждый интервьюер делает упор на то, что для него приоритетнее. Этот собес показался скучным, кандидат порой просто льет воду, а с другой стороны выдуманные примеры, которые никогда не встретишь в реальных проектах, но другим способом опыт никак не проверишь, в этом суть современных собесов.

  • @romandeveloper7720
    @romandeveloper7720 2 ปีที่แล้ว

    // Моя реализация
    const curry = (originalFunction) => {
    if (!originalFunction || typeof originalFunction !== 'function')
    throw new Error('originalFunction - не функция.');
    return curriedFunction = (...args) => {
    if (originalFunction.length === args.length)
    return originalFunction(...args);
    return (...nextArgs) => curriedFunction(...args, ...nextArgs);
    };;
    };

    • @ayub_begimkulov
      @ayub_begimkulov  2 ปีที่แล้ว

      Во первый, у тебя curriedFunction станет глобальной переменной. Во вторых, в if'е должно быть не `===`, а `>=`, так как аргументов можно больше передать.
      А в остальном тоже не плохой вариант.

  • @КонстантинХ-у4ф
    @КонстантинХ-у4ф 2 ปีที่แล้ว +7

    Самые дебильные интервью это лайвкодинг

    • @ayub_begimkulov
      @ayub_begimkulov  2 ปีที่แล้ว +1

      Добро пожаловать в IT!

    • @xxxxPomaHxxxx
      @xxxxPomaHxxxx ปีที่แล้ว +3

      А ты с чем сравнил? либо будет лайфкодинг либо тестовое на дом, я лучше час потуплю на самом собесе, чем в черную дыру выкидывать 4-8 часа.

  • @Todortodorov62
    @Todortodorov62 10 หลายเดือนก่อน

    ой, с типизацией мапа прямо плохо получилось)

  • @ibrohimahatkulov8111
    @ibrohimahatkulov8111 2 ปีที่แล้ว

    uzbekimisiz

  • @GTAlexSEO
    @GTAlexSEO 2 ปีที่แล้ว +6

    В целом неплохо: материал, подача.
    Не зашло два момента:
    1. Звук не выровнен: звук Мурата тише, звук Ayub (не знаю как по русски правильно написать) сильно завышен. Частенько, при написании кода, когда очень громко бъют клавиши (в идеале звук кнопок вообще убрать) плюс громкое комментирование = звук на сколько "шкалит", что в наушниках слышу что-то вроде сторонних помех и шумов.
    2. Понимаю, что со своими советами на чужом канале я не указ, но ИМХО Ayub нужно следить за чистотой русской речи - "короче", "вообще пофигу", "ну", "как бы", "чё" и т.п. Не очень приятно, когда автор ролика "скатывается" на подростковый уровень... Всё таки ролики снимаются для зрителя ;)

    • @ayub_begimkulov
      @ayub_begimkulov  2 ปีที่แล้ว +2

      Комментарии все валидны, постораюсь поработать над этим.
      В плане звука с того момента уже прибрел подставку и уже смог это улучшить.
      В плане речи - 100% есть такая проблема, надо работать над этим. Но так же есть и факт того, что при интервью мне сложнее следить за подобными моментами,
      В общем, есть над чем еще поработать - спасибо за фидбэк!
      P.S. Имя кстати Айюб пишется на русском)

    • @_hitotsu6948
      @_hitotsu6948 ปีที่แล้ว +1

      Не согласен со вторым пунктом, лично мне так информация гораздо понятнее

  • @EvgenyTalagaev
    @EvgenyTalagaev ปีที่แล้ว

    да даа дааа)

  • @ГригорийТомилин-ь5я
    @ГригорийТомилин-ь5я 3 หลายเดือนก่อน

    Серьёзно? Мидл не знает про 3й аргумент?

  • @oneXBOT-t1l
    @oneXBOT-t1l ปีที่แล้ว +1

    тип точно не мидл....

    • @ayub_begimkulov
      @ayub_begimkulov  ปีที่แล้ว +2

      А этот кандидат сейчас работает на позиции сеньора на 2-х работах)

  • @skyguy8039
    @skyguy8039 2 ปีที่แล้ว +1

    Пиздец, чел сказал, что setTimeout микротаска а промисы - макро, что неправильно. А в задача сделал правильно, но не по той логике по которой думал. Как блять такие люди живут я не понимаю. Такое чувство что чел не доразобрался в теме, видел где-то что промисы быстрее срабатывают чем setTimeout и выдал это. И интервьюер тоже хорош, в таких моментах надо подмечать несоответствие в логике рассуждений и что на практике человек выдает

    • @МурадМавлидов
      @МурадМавлидов 2 ปีที่แล้ว +11

      Может сделал правильно, а сказал не так потому, что перепутал слова? Или по твоей логике лексическое значение слов микрозадача и макрозадача позволяет сразу понять специфику работы event loop'a?) По поводу "что на практике человек выдает", ответ простой - выдает работающий продукт. Тем более когда несколько лет работаешь теория забывается, и уж тем более можно перепутать микро и макро) А собес - показательный, целью которого просвещение, и если я будучи неподготовленным мог какие-то вопросы запороть, то собеседующий, который эти вопросы составлял - объяснял для зрителей. Но я бы добавил еще одну цель - выявление токсичных балбесов среди аудитории)

    • @ayub_begimkulov
      @ayub_begimkulov  2 ปีที่แล้ว +13

      "чел сказал, что setTimeout макротаска а промисы - микро, что неправильно" - мужик, камон, это как раз таки правильно.
      Таймаут - macrotask, промис - microtask. Можешь даже в доке проверить)
      Так что в следующий раз, прежде чем писать подобный комментарий, лучше сначала задуматься о том, не ошибся ли ты сам где-то.
      А если есть желание научить нас уму разуму - дай знать, снимем с тобой собес, заодно и за вопросы мои можешь по придираться, ничего вырезать не буду, хоть лайвом проведем.
      Хороших тебе выходных!

    • @skyguy8039
      @skyguy8039 2 ปีที่แล้ว

      @@ayub_begimkulov бля дядь, хз как получилась эта описка ебнутая но имелось ввиду что он перепутал

    • @hlebhlebowski
      @hlebhlebowski 2 ปีที่แล้ว

      "как бл@ть такие люди живут"
      а ты как живёшь в одиночестве будучи такой душнилой агрессивной?

    • @sadvalblitz6258
      @sadvalblitz6258 ปีที่แล้ว

      ​@@ayub_begimkulov5:26 тут он че сказал?)
      Сказал что таймы - микро, async - макро