Собеседование JUNIOR frontend REACT

Поделиться
HTML-код
  • Опубликовано: 21 сен 2024

Комментарии • 76

  • @rusalitchannel
    @rusalitchannel 2 года назад +22

    14:00
    Разве box-sizing: border-box; включает в размер элемента margin?
    Вроде только content + border + padding

  • @baigeldysultanov
    @baigeldysultanov Год назад +8

    Голос приятный, без мямкания, блин кайф просто.
    Респект автору 👏👍

  • @kostyafrompiter
    @kostyafrompiter 2 года назад +11

    Ждем!=) По таймкодам ты разобрал действительно одни из самых частых вопросов. Круто.

  • @teryoshkin
    @teryoshkin 2 года назад +23

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

    • @anonymousNouname
      @anonymousNouname 2 года назад +8

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

    • @kostya_super
      @kostya_super 2 года назад

      Как успехи спустя пол года?

    • @teryoshkin
      @teryoshkin 2 года назад +4

      @@kostya_super В стране началась война

    • @thenothing7957
      @thenothing7957 2 года назад

      @@teryoshkin pet проектики наделал?

    • @ДанилДмитриев-я5м
      @ДанилДмитриев-я5м Год назад

      как успехи

  • @abolnikov
    @abolnikov 2 года назад +8

    Хорошее видео. Вспомнил много нужного. Подсмотрел что то новое.
    Уже пригодилось при собеседовании.
    Особенно актуально когда несколько лет кодишь, а основы вылетают. То есть как работает понимаешь, а объяснить не может)

  • @kenanhaciyev3759
    @kenanhaciyev3759 Год назад +1

    ну это прямо шикардос, большое спасибо

  • @progerweb
    @progerweb Год назад +2

    Box-sizing border-box - в него не включён margin, только ширина, высота , границы и padding

  • @XAH30
    @XAH30 2 года назад +2

    После первого же ответа про This я понял, что видео будет занимательным :))) "This это такое ключевое слово, которое ссылается на некоторый объект. Это некоторый контекст. Если его вызвать в некотором объекте, то This будет ссылаться на этот объект..."

  • @MiCbKO
    @MiCbKO 2 года назад +11

    10:56 Вроде бы при сравнении разных типов приведение идет к числу, а не к строке. Null и undefined не приводяться

  • @ТёмаКоролёв-к6ф
    @ТёмаКоролёв-к6ф 2 года назад +1

    Не знаю почему reduce привыкли только для подсчета использовать. Вот помню была задача интересная, которую решил с помощью reduce. Есть массив c заготовленными объектами ошибок. И нужно проверить входящим аргументом id ошибки в массиве, если есть, то вернуть этот элемент из массива в ином случае отдать дефолтный объект ошибки.

  • @rostikoffchannel
    @rostikoffchannel Год назад +3

    Прикольно… но про паттерны для Джуна автор явно «загнул» их до конца сеньоры некоторые не понимают 😅

  • @seba45261
    @seba45261 2 года назад +4

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

    • @aaaaaaaaaaaaaaaaa8296
      @aaaaaaaaaaaaaaaaa8296 2 года назад

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

    • @екатеринаандреева-н2д
      @екатеринаандреева-н2д 9 месяцев назад

      использовать не обязательно приходится))))))))) в этом и печаль. Пока пишешь код, многое забываешь

  • @Richislav
    @Richislav Год назад

    Спасибо за видео, очень полезно!

  • @theoty-js
    @theoty-js Год назад

    Великолепный разбор!!!

  • @alenache1
    @alenache1 2 года назад +3

    и reduce() не только с числами может работать

  • @SerhiiNesterov
    @SerhiiNesterov 2 года назад +4

    Лайк)

  • @DevMagazineChannel
    @DevMagazineChannel  2 года назад +7

    Посмотри чтобы повысить шансы на собеседовании:
    Redux-Thunk (курс) 👉 ruclips.net/p/PLmfIBo6rTVR5jWYfCJUIWxFcxj3AL1ZJy
    Redux-Saga (курс) 👉 ruclips.net/p/PLmfIBo6rTVR6jKRgpblTdzto9v-yWgqk-
    Redux (курс) 👉 ruclips.net/p/PLmfIBo6rTVR70B7skhP5BtczReJMZQ0Vd
    Паттерны ReactJS (плейлист) 👉 ruclips.net/p/PLmfIBo6rTVR7vVeFBPV3YrsXwk8wDbihw
    Все о GraphQL 👉 ruclips.net/video/7zEaHr_iJjA/видео.html
    Вопросы на собеседовании по ReactJS 👉 ruclips.net/video/A0Lp8TMCFhA/видео.html
    Еще вопросы на собеседовании по ReactJS 👉 ruclips.net/video/-6EmxGeYGAw/видео.html
    Как передать данные между компонентами? 👉 ruclips.net/video/Cc2n4EOUzW4/видео.html
    О разработке 👉 it-dev-journal.ru

  • @user-cs7ex6vx9u
    @user-cs7ex6vx9u 2 года назад +4

    🥳🥳🥳

  • @ThePro_0001
    @ThePro_0001 Год назад +3

    Почти на 70-80% я знал ответы, и в портфолио на гитхабе есть 10 проектов, может мне пора уже начать побывать проходить собесы. Всё чёт очкую, думаю что очень мало знаю. Спасибо за видео, было интересно)))

    • @КарабасБарабас-н6щ
      @КарабасБарабас-н6щ Год назад

      Сколько учишься уже?

    • @AkeroKent
      @AkeroKent Год назад

      чтм бро нашел работу? тож все знал но портфолио все еще нет

    • @ДанилДмитриев-я5м
      @ДанилДмитриев-я5м Год назад

      @@AkeroKent как успехи

    • @AkeroKent
      @AkeroKent Год назад

      закрепил знания и используя типизацию и свои знания работаю над портфолио@@ДанилДмитриев-я5м

    • @ДанилДмитриев-я5м
      @ДанилДмитриев-я5м Год назад

      @@AkeroKent сколько учитесь, как с англ?

  • @YaroslavEx
    @YaroslavEx Год назад

    thanks!

  • @dmitri683
    @dmitri683 2 года назад +1

    Привет, ты можешь записать подобное видео для middle уровня?

  • @borsuk7617
    @borsuk7617 2 года назад +1

    Спасибо, без вводы объясняешь

  • @romandeveloper7720
    @romandeveloper7720 Год назад

    Второй способ - оптимизированный. Но не сломается ли он, когда у тебя под индексом, например, 1 будет лежать следующий элемент: "ddddddd". У тебя abc префикс по 1 и последнему нашелся, но он не подходит для "ddddddd"

  • @СтройКонсалт
    @СтройКонсалт Год назад

    40:31 в чем смысл этого шага, если arr[0].length - априори имеет наименьшую длину в отсортированном массиве?

  • @theoty-js
    @theoty-js 2 года назад +4

    react redux lodash mobx object function .this промисы foreach map for while case reduce filter saga

  • @ГлебМакаров-ч5н
    @ГлебМакаров-ч5н Год назад

    Можно первую с помощью compact trie решить

  • @kostyafrompiter
    @kostyafrompiter 2 года назад +2

    А где вы работаете если не секрет?

  • @PoT0P
    @PoT0P 2 года назад

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

    • @jiza2377
      @jiza2377 2 года назад

      искать заказы в интернете

    • @DevMagazineChannel
      @DevMagazineChannel  2 года назад

      есть компании которые принимают стажеров и готовят из них джунов - хороший вариант вырасти

    • @anonymousNouname
      @anonymousNouname 2 года назад

      Конечно можно, многие так делают. Это как знакомство, кто-то что да приврет, чтоб не отпугнуть в начале. Главное не облажаться на собесе)

    • @КириллГай-щ1в
      @КириллГай-щ1в 2 года назад +1

      Возможно мне дико повезло, но я с такой проблемой не столкнулся, сделал 4 отклика на hh, 2 из них приглашения. В первой компании сразу позвали на собес, а во второй дали тестовое, осталось только не облажаться :D

    • @webbomj
      @webbomj 2 года назад +1

      @@КириллГай-щ1в отчитайся сразу как все прошло, людям (мне в том числе) будет интересно!

  • @IlyaE-w7u
    @IlyaE-w7u Год назад +1

    function longestPrefix(arr) {
    arr = arr.sort();
    const lastChild = arr[arr.length - 1];
    for (let i = 0; i < arr[0].length; i++) {
    if (lastChild[i] !== arr[0][i]) {
    return arr[0].slice(0, i);
    }
    }
    return arr[0];
    }

  • @alexeicodes
    @alexeicodes 2 года назад +1

    Неужели на джуна такие легкие вопросы? Так такое интервью куча людей пройдет, как они выбирать будут?

    • @seba45261
      @seba45261 2 года назад +6

      Да уж, легче не куда просто..

    • @alexeicodes
      @alexeicodes 2 года назад +1

      @@seba45261 ну если подходить к собесу с хорошей базой то хз

  • @alexeypopescu7485
    @alexeypopescu7485 2 года назад

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

    • @tarasleuta7968
      @tarasleuta7968 2 года назад +11

      Найти другую работу

    • @dimkaokk
      @dimkaokk 2 года назад

      заработан везде можно и удаленно работать можно тоже не только прогером

    • @ДанилДмитриев-я5м
      @ДанилДмитриев-я5м Год назад

      как щас дела

  • @webhero42
    @webhero42 Год назад

    Видео отличное, но блин, почему вы все не можете правильно произносить английские слова

  • @edwardyuniks5773
    @edwardyuniks5773 2 года назад

    Еще вариант решения алгоритмической задачи - декларативным подходом, через рекурсию, но проверил через бенчмарки, если операций будет под миллион, это довольно медленный способ, но объем кода меньше чем с вложенным циклом и читаемость лучше; самый быстрый способ это все же с вложенными массивами - в 3 с лишним раза быстрее чем у рекурсий:
    let getCommonPrefix = arr => {
    let pref = arr[0];
    let checkSyms = i => {
    if (i >= arr.length) return pref;
    pref = pref.split('').filter(
    (s, j) => s === arr[i][j]
    ).join('');
    return checkSyms(i + 1);
    };
    return checkSyms(1);
    };

    • @kegarbekedilya6686
      @kegarbekedilya6686 2 года назад

      а если так?
      function prefix(arr: Array): string {
      let pref = arr[0]
      for (let i = 1; i < arr.length; i++){
      if(!(arr[i].includes(pref))){
      arr[0]= arr[0].slice(0,-1)
      pref = prefix(arr)
      break
      }
      }
      return pref
      }

  • @justbenear9640
    @justbenear9640 2 года назад

    Еще один вариант через array.every()
    const arr = ['abc123', 'abcd123', 'abcde123', 'abcdefg123'];
    const getLongestCommonPrefix = (arr) => {
    const firstItem = arr[0];
    let result = '';
    for(let i=0; i < firstItem.length; i++) {
    const isPartOfPrefix = arr.every(letter=> letter[i] === firstItem[i]);
    if(isPartOfPrefix) result += firstItem[i];
    else break;
    }
    return result;
    }
    console.log(getLongestCommonPrefix(arr));