Как пройти собеседование по JS? И зачем? vol.2 + викторина | OdessaFrontend Meetup | Юрий Федоренко

Поділитися
Вставка
  • Опубліковано 30 чер 2019
  • Продолжение разговора о том, как проводить и как проходить собеседования по фронтенду.
    Спикер Юрий Федоренко, Senior Frontend Developer в MacPaw, Преподаватель Компьютерной школы Hillel.
    Подписывайтесь на Telegram-канал t.me/callforward
    Первый доклад о собеседованиях - • Как пройти собеседован...
    Эволюция раскладки - • Эволюция раскладки | F... (отличный доклад о верстке)
    Слайды - docs.google.com/presentation/...
    Поддержка - www.andersenlab.com
    OdessaFrontend - odessafrontend.com
    Компьютерная Школа Hillel
    site: ithillel.ua
    тел.: +38 (097) 156-58-27
    fb: / hillel.it.school
    in: / hillel_itschool
    tw: / hillel_itschool
    ln: / hillel_itschool
    yt: / hillelitschool
    #КомпьютернаяшколаHillel #JavaScript #собеседование

КОМЕНТАРІ • 67

  • @user-jf7xu5nf6n
    @user-jf7xu5nf6n 5 років тому +1

    Юра, спасибо за доклад!

  • @bimbaba100
    @bimbaba100 5 років тому +1

    Отличное видео, спасибо! Наглядно, понятно с примерами.

  • @aysommer
    @aysommer 5 років тому +3

    Спасибо за такой качественный ролик. Немного выписал для себя интересной и полезной информации, жду ещё :)

  • @vasylnahuliak
    @vasylnahuliak 5 років тому

    Крутий доклад. 👏👏👏

  • @user-vz5je5ez2s
    @user-vz5je5ez2s 4 роки тому

    Спасибо Юра! 🙏🏻 👏🏻👏🏻👏🏻

  • @bvfromruvitaliy
    @bvfromruvitaliy 2 роки тому

    Отличное выступление, практически стэндап! :D

  • @deevue_sews
    @deevue_sews 3 роки тому

    За доклад спасибо.

  • @deanArtDev
    @deanArtDev 4 роки тому

    Офигенно, понравилось! Хотел бы побывать на таком мероприятии)

  • @jorgenUA
    @jorgenUA 5 років тому +9

    Юра классно объясняет. Жаль мало видосов выпускает

  • @andriikonstantynov4508
    @andriikonstantynov4508 4 роки тому +2

    #спасибоКатя интересная инфа)

  • @user-vu6hn4ul2i
    @user-vu6hn4ul2i 4 роки тому +4

    45:00 классно разбирается в О-нотации, если что. О(х) - х показывает, как быстро растёт необходимый ресурс (время, память, такты) при линейном росте массива (кол-ва входных данных, в общем случае). Если n^2, это значит, что при росте массива в 10 раз, операций потребуется в 100 раз больше. Именно поэтому О(n) = O(2n), потому, что при росте массива в 10 раз и то и другое вырастет в 10 раз. Но, если один проход массива занимал 1сек, а два прохода 2сек, то, при росте массива в 10 раз, первому алгоритму потребуется 10 сек, а второму 20.

    • @yurafedorenko1218
      @yurafedorenko1218 4 роки тому

      а если при одном проходе каждая итерация занимает 2 секунды, а при двойном проходе, одна итерация - 1 секунда.. что тогде лучше?)

    • @user-vu6hn4ul2i
      @user-vu6hn4ul2i 4 роки тому

      @@yurafedorenko1218 именно. Вот только фишка в том, что в любом месте, где говорят об О(х) (грамотно, в смысле, говорят) на это прямо указывают. Что О не является измерением "тяжести" алгоритма, вполне алгоритм О(log n) может быть "тяжелее" О(n). Но О(х) показывает, как растёт сложность алгоритма с ростом количества входных данных.

  • @meine-
    @meine- 4 роки тому +3

    const arr = [12, -23, 34, -45, 56];
    const res = arr.map(item => item > 0 && item * 2 || item); // [24, -23, 68, -45, 112]
    P.S. Условия для удаления чисел меньших, чем 0 не было

  • @demimurych1
    @demimurych1 4 роки тому

    indexOf includes и find в JS array реализуют абсолютно идентичный алгоритм работы, эффективно решающий задачи линейной сложности. Переводя на простой язык - это прямой последовательный перебор.
    Иными словами выбор *что* использовать, зависит исключительно от вкусовых предпочтений.

  • @antonsafonov1674
    @antonsafonov1674 4 роки тому

    Про то что кому-то не влом разобраться а кому-то влом: Разобраться можно во всем, но тут стоит вопрос о целесообразности всех этих разборок, человек лучше всего знает то с чем он работает непосредственно. Все остальное через время забудется и разбираться придется еще раз, и еще раз и так постоянно. Есть смысл делать шпаргалку по старому ES5 и вещам с которыми не имеешь дел на постоянке и просто повторять их перед собесом, ибо просто разобраться и запомнить, не у всех такая феноменальная память))

  • @YukimuraChristian
    @YukimuraChristian 4 роки тому +5

    На будущее озвучиваете как-то, или записывайте субтитрами людей, вообще не слышно просто.

  • @BTL4JUR
    @BTL4JUR 4 роки тому +1

    Харизматический препод. Если бы преподаватели везде были по призванию. Возникает увлечение предметом.

  • @rossdoss
    @rossdoss 4 роки тому

    Крутой доклад и вопроси. Есть одно но.
    Ето косается етой задачки.
    Ответом будет window не потому что ми не можем передать null в качестве контекста(на самом деле ми можем ето делать, если нам не играет роли какой будет контекст и ми просто хотим вызвать функцию), а из-за того что у нас function a создается в глобальном объекте - window и является его методом (window.a.call(null)), и поэтому у нас вызов функции идет через explicity binding.
    function a() {
    console.log(this);
    }
    a.call(null);

  • @victorvlas1241
    @victorvlas1241 4 роки тому

    46:53 Я думал после это примера он покажет вариант с `flatMap`.

  • @imgod113
    @imgod113 5 років тому +1

    33:00 скажите ответ-то правильный, какое одно предложение ("точно не "где"", что??)?

    • @yurafedorenko1218
      @yurafedorenko1218 5 років тому

      imgod113 правильный ответ: зависит от того как вызвана: как обычная функция, как метод объекта, или как функция-конструктор

    • @volodymyrborysov9120
      @volodymyrborysov9120 4 роки тому

      или если вызвана с call, apply или bind. Тут мы явно подменяем контекс вызова. Точно не уверен правильный ли мой комментарий, но я думаю что это тоже подойдёт

  • @ADamskiff
    @ADamskiff 4 роки тому

    indexOf works on ie11 instead of includes

  • @phpner
    @phpner 5 років тому

    Не спешил бежать в комментарии, но прибежал ES2016....

  • @UserSo4reUsu75ry
    @UserSo4reUsu75ry 5 років тому +8

    У меня проблема физиологического плана
    мой мозг медленный в алгоритмическом мышлении.
    Если многим хватает 20 минут на решение, у меня может уйти 40-50.
    тренировки на codewars почти не улучшают показатели.

    • @dmitry4991
      @dmitry4991 5 років тому +8

      Человек, который решает задачу за 20 мин преобладает двумя вещами - знанием алгоритмов и опытом. Курсов по алгоритмам в нэте достаточно, опыт - дело накопительное.

    • @alexsmith526
      @alexsmith526 3 роки тому

      смрирись. ты тупой и программирование это не твое.

  • @kyrylo_alekseev
    @kyrylo_alekseev 5 років тому

    bind возвращает новую функцию и затем она вызывается как любая другая. Стрелочные функции тоже вызываются как и все остальные. Но this при этом будет отличаться. Можно ли в такой ситуации говорить, что this зависит от того, как вызвана функция?
    А про контекст говорят, так как не обращают внимания на слова "в функции" в тексте вопроса.

    • @yurafedorenko1218
      @yurafedorenko1218 5 років тому

      Кирилл Алексеев можно) call, apply, bind это как раз инструменты созданные для управления зисом. Это примерно как говорить, что дверной замок создан чтобы защищать жилье, но я вот отдал ключ, и замок уже не защищает, ну да, против родного ключа не защищает, так задумано.
      Со стрелочной функцией чуть сложнее, с одной стороны это следствие ее облегченности, а с другой тоже инструмент, что первично - я не знаю, если честно

    • @kyrylo_alekseev
      @kyrylo_alekseev 5 років тому

      @@yurafedorenko1218 ну такое... получается примерно:
      - Скажите одним предложением от чего зависит, каким будет this в функии?
      - Зависит от того как вызвана функция. (ожидаемый правильный ответ). Но... ещё надо смотреть на наличие "use strict", на то не определена ли эта функция через bind, на то стрелочная эта функция или нет.

    • @yurafedorenko1218
      @yurafedorenko1218 5 років тому

      Кирилл Алексеев ну там же не было условия дать исчерпывающий ответ) всегда есть основное определение которое не учитывает все нюансы и тонкости, и в этом случае оно такое

  • @anotherone3641
    @anotherone3641 4 роки тому +1

    16:50 Числом 42 ))))) Это типа ответ на самый главный вопрос о жизни, Вселенной и всём таком ))))

  • @user-vd6eg5ke7i
    @user-vd6eg5ke7i 4 роки тому

    Гадость. Гуглил что такое Велесова книга. Это был жестко)

  • @lopsonbalzhinimaev642
    @lopsonbalzhinimaev642 4 роки тому

    Так, стоп там выведет 10, только если это ES5, а на ES6 аргументы и параметры функции разделены, то бишь при изменении argument[2] = 10, параметр а не изменится => выведет 3

    • @DEN-tg1yp
      @DEN-tg1yp 3 роки тому

      function hui (a, b, c) {
      arguments[2] = 10
      return c
      }
      console.log(hui(1, 2, 3))
      Вставь в консоль и посмотри

  • @jorgenUA
    @jorgenUA 5 років тому

    посмотрел "Эволюция раскладки"... Если кто то понимает в вёрстке(ок, верстал не Бутстрапом), то можно не терять время и не смотреть.

    • @yurafedorenko1218
      @yurafedorenko1218 4 роки тому +3

      вот интересная штука, советуешь доклад: "Если так получилось, что вы фронтендщик и не умеете верстать - посмотрите Колин доклад, он покроет большинство вопросов"
      а потом приходят и пишут: "...не тратьте время", я понимаю, что это ж, в принципе, пересказ моей же фразы, но звучит как-то обесценивающе, не надо так

    • @jorgenUA
      @jorgenUA 4 роки тому

      @@yurafedorenko1218 Юра, извини, но реально для того, кто что-то понимает в вёрстке тут нет ничего интересного. :( Просто ты прорекламировал доклад так, что я ожидал фичи\нюансы какие-нибудь, "трудные места" в CSS, если про сетку, то как верстать "проблемный" макет... Тут этого нет, тут ПРОСТО ОБЗОР, не более. Пусть Коля друг, но...

    • @gooddha
      @gooddha 4 роки тому

      Jurgen как я понял, он советовал это видео тем, кто НЕ умеет верстать. А ты не советуешь смотреть тем, кто умеет верстать.

    • @user-qn7ti7tx4i
      @user-qn7ti7tx4i 3 роки тому

      @@yurafedorenko1218 Юра, Вы очень здорово объясняете , пожалуйста, снимайте побольше материала, я уже все посмотрела у Вас, но так круто больше никто не передаёт свои знания!!пожалуйста, не бросайте нас в этом беспощадном мире JS!!!!!🤗

  • @macgera
    @macgera 4 роки тому

    Суда по 1-му видео, и по этому, я должен все собеседования с почетом проходить и получать медаль соискатель года :) Но по сути, собеседования это убогая форма проверки соискателя, так же как и лив кодинг. Только тестовое может быть очень адекватным :) P.S. из 10 собеседования я прохожу 3. Но повторюсь, ничего сложного или того чег о я бы не знал не уидел тут :( Грубо говоря видео не о том как проходит собеседования, а немного о JavaScript. Но все равно не плохо.

    • @yurafedorenko1218
      @yurafedorenko1218 4 роки тому +1

      а вы точно смотрели первый доклад?)

    • @macgera
      @macgera 4 роки тому

      @@yurafedorenko1218 точно смотрел :) Но к сожалению реалии таковы что на собеседованиях довольно часто попадаются не очень адекватные интервьюверы. В Украине вообще все плохо с этим.

    • @yurafedorenko1218
      @yurafedorenko1218 4 роки тому

      Michael Yakimenko просто я ровно об этом всем говорю минут 20 вначале первого доклада)

    • @macgera
      @macgera 4 роки тому

      @@yurafedorenko1218 Так я же и не спорю, мой комментарий скорее риторика, чем возражение или еще что-то. Так и есть, я согласен с этим утверждением. Потому что html/css/js у меня в полнейшем порядке :) Но что до поиска работы - всегда ад! За все 15 лет процесс хайринга только в SAP и Uber был прекрасен. Все остальное это то о чем в 1-м видео. :)

    • @gooddha
      @gooddha 4 роки тому +1

      Michael Yakimenko возможно вы не проходите не из-за технических навыков

  • @jztenk
    @jztenk 4 роки тому

    Разве сложность алгоритма не О(n^2)?

    • @user-vu6hn4ul2i
      @user-vu6hn4ul2i 4 роки тому

      Нет, с чего бы?

    • @only_one_chance
      @only_one_chance 3 роки тому

      O(n^2) было бы если бы было 2 вложенных for

  • @kyrylo_alekseev
    @kyrylo_alekseev 5 років тому

    Жаль на комменты уже нкито не отвечает :(

  • @dariavozdrahanova6662
    @dariavozdrahanova6662 5 років тому

    Можно, пожалуйста, ссылку на доклад Коли Птущака.

    • @yurafedorenko1218
      @yurafedorenko1218 5 років тому

      она в описании видео)

    • @dariavozdrahanova6662
      @dariavozdrahanova6662 5 років тому

      @@yurafedorenko1218 спасибо, уже посмотрела) хороший доклад!

  • @suslikest3708
    @suslikest3708 4 роки тому

    Верстка это очень просто если ты никогда не встречался с серьезными большими проектами и не правил там баги) или неверстал по готовому почти(код с бэка частично фронта), но с 0 версткой проекту)молчу про кроссбраузерность и всякие приколы с формами, ползунками и тп.

  • @user-vu6hn4ul2i
    @user-vu6hn4ul2i 4 роки тому +3

    30:00 "я загадал число, от 1 до 1000, угадай его. Что, слишком сложно? Ну 392, что тут сложного, ты что, тупой?"
    "От чего зависит, каким будет this в функции?" От программиста. Правильно же? От того, как написан код.
    Учитесь формулировать вопросы правильно, чтобы люди могли понять, чего вы хотите.

    • @trueman8413
      @trueman8413 4 роки тому

      вообще-то this в функции зависит от типа функции. Стрелочная или обычная. У стрелочной функции нет this и она берет его из внешнего окружения. Так же играет роль позднее и раннее связывание

    • @user-vu6hn4ul2i
      @user-vu6hn4ul2i 4 роки тому +1

      @@trueman8413 да это всё понятно, я же говорю о том, что сформулировано плохо. Можно же спросить "чему равен this у функций, объявленных по разному". А то пойди догадайся "от чего зависит this". Что ты, бля, хочешь от меня? От стандарта языка зависит ...

  • @AlexandrZubkov
    @AlexandrZubkov 3 роки тому

    А ещё больше рекламы можете вставить? Наверное с рекламы целых 100 руб заработали.

  • @KostiaBazrov
    @KostiaBazrov 4 роки тому +2

    че скажете на счет моего СОБЕСА в APPLE - ua-cam.com/video/Ezi8rpawB-o/v-deo.html ???))

    • @TheTexPro
      @TheTexPro 4 роки тому +1

      красава! очень интересная запись, взял на вооружение

    • @KostiaBazrov
      @KostiaBazrov 4 роки тому

      @@TheTexPro , спасибо , жду фидбек

  • @G3tf
    @G3tf 5 років тому +1

    братишка, как ты постарел

  • @Levelord92
    @Levelord92 3 роки тому

    1:03:35 пренеприятнейший тип ведущий на самом деле
    а доклад до викторины крутой

  • @user-oc8xh2yu3z
    @user-oc8xh2yu3z 5 років тому

    Эээ... эээ... эээ... ааа... эээ. Серьёзно? Это невозможно слушать.

    • @user-jl1jz5jv1g
      @user-jl1jz5jv1g 5 років тому +15

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

    • @gooddha
      @gooddha 4 роки тому

      вообще ни разу не парит