Из Говна в Конфетку [Ревью JavaScript кода от подписчика]

Поделиться
HTML-код
  • Опубликовано: 26 сен 2024
  • Посмотрим код на JS, который написал подписчик. Покажу как его можно улучшить.
    Задание: github.com/R1ON/html/blob/main/js/24/index.js#L86
    Поддержать автора: donationalerts.com/r/kakeitoyroki
    Чатик: t.me/kakieToYrokiChat
    ***** Музыка:
    Song: "Dj Quads - Birds And The Bees"
    / djquadsoffi. .
    Music provided by BreakingCopyright: • [Non Copyrighted Music...

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

  • @kakieToYroki
    @kakieToYroki  8 месяцев назад +4

    Оп, а вот и соточка лайков. Присылайте ваш код в группу в телегу, сделаю следующий разбор :)

    • @qrintv6140
      @qrintv6140 8 месяцев назад +2

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

  • @tragedy51
    @tragedy51 9 месяцев назад +4

    С наступающим, благодарен тебе в обучении JS:)

    • @kakieToYroki
      @kakieToYroki  9 месяцев назад +3

      И тебя с наступающим )

  • @unknown.6914
    @unknown.6914 8 месяцев назад +1

    Ролик получился интересный.
    Такой формат можно очень сильно развить, дабавив в него некоторые моменты. Например
    - Best practice. Тут совсем необязательно сильно замарачиваться, но с вашим опытом Роман можно будет показать характерные отличия кода начинающего от кода продвинутого и явно показать как написать лучше, а как лучше не писать. (показать кейсы хорошего кода работы с массивами, объектами, когда использовать arrow func, а когда function, etc...)
    - Архитектура. Я конечно же понимаю, что речь не идет о сложных структурах, где начинающему это даже и не нужно, но показать фундаментальные основы построения приложения, даже на чистом js без дополнительных библиотек было бы великолепно.
    Все то, что я указал выше конечно стоит докрутить в голове, здесь я выразил свое мнение как зритель, что мне хочется увидеть.

    • @kakieToYroki
      @kakieToYroki  8 месяцев назад +1

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

  • @s.Huguenot
    @s.Huguenot 7 месяцев назад

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

  • @user-pt1te3uh7f
    @user-pt1te3uh7f 9 месяцев назад +2

    Крутой разбор, годнота. Рекомендую как общеразвивающий фильм для начинающих java-скриптизеров, смотрел несколько раз, формат отличный, только название резковатое, потягивает от него)

    • @kakieToYroki
      @kakieToYroki  9 месяцев назад +1

      Я экспериментирую с кликабельностью на видео :)
      Думаю, что если это станет постоянной рубрикой, то поменяю название
      Также мне кажется, что видео нужно делать еще короче - 10 минут ровно

    • @user-pt1te3uh7f
      @user-pt1te3uh7f 9 месяцев назад +2

      @@kakieToYroki В принципе не хотелось, чтобы тянуть с переименовкой, но дело хозяйское...
      Нащот покороче, это да, Краткость - сестра таланта
      А Лаконичность + Краткость вообще как Twix - сладкая парочка
      За что и люблю этот канал - все просто, четко и без воды
      Прямо оазис для минималистов

  • @AlmasRamazanov
    @AlmasRamazanov 9 месяцев назад +2

    С ноым годом с Казахстана, спс за контент😊

    • @kakieToYroki
      @kakieToYroki  9 месяцев назад +1

      Вас тоже с Новым годом 💪🏻

  • @Ger4i4
    @Ger4i4 7 месяцев назад

    Интересно, спасибо!

  • @ruslanrv802
    @ruslanrv802 9 месяцев назад +3

    Завтра с похмелья посижу погляжу

    • @kakieToYroki
      @kakieToYroki  9 месяцев назад +1

      Тяжело будет )))

  • @Userffffff
    @Userffffff 5 месяцев назад

    Так надо 200 набрать!!!!!

  • @qrintv6140
    @qrintv6140 8 месяцев назад +1

    Честно, я сейчас учу vue3 compositon API и хотелось бы видосы по нему, ну что такое props,emit, hook жизненый цикл и.т.д
    если вы сможете сделать, я буду очень благодарен вам.
    P.s ваши видео очень сильно помогли когда я начал учить js ❤

    • @parapara7692
      @parapara7692 7 месяцев назад

      Есть отличная документация на русском языке

  • @iksoldragon4374
    @iksoldragon4374 7 месяцев назад +1

    3:50 но это так не работает... Преобразование в строку не тоже самое, что проверка элемента на тип и его длину. Всякие null, undefined, числа в варианте со String тоже попадут, а в typeof нет

    • @kakieToYroki
      @kakieToYroki  7 месяцев назад +1

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

  • @qwaqi8077
    @qwaqi8077 8 месяцев назад

    Здравствуйте, меня очень интересует один вопрос, заменит ли ии в ближешие 5-10 лет программистов, интересно услышать ваше опытное мнение.

  • @АмирМустафаев-л5м
    @АмирМустафаев-л5м 8 месяцев назад

    Здравствуйте, у меня есть предложение для вас, как с вами связаться?

    • @kakieToYroki
      @kakieToYroki  8 месяцев назад

      Можно в телеграмме @privet_123

  • @Tand3r1
    @Tand3r1 8 месяцев назад

    Хотел спросить многие говорят что фронтенд умирает из за ИИ, правда ли это и есть смысл его сейчас изучать ?

    • @kakieToYroki
      @kakieToYroki  8 месяцев назад

      А кто так говорит? :)

  • @Sasha-fb6vb
    @Sasha-fb6vb 8 месяцев назад

    Не понял прикола на моменте 5:21. В 115 строке использовано +Number.parseFloat(price). Зачем там плюс?

    • @kakieToYroki
      @kakieToYroki  8 месяцев назад

      Там после parseFloat идет toFixed, который возвращает строку
      После мы эту строку при помощи плюса конвертируем в число
      А делаем это для того, чтобы позже применить арифметическую операцию

  • @user-pt1te3uh7f
    @user-pt1te3uh7f 8 месяцев назад

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

    • @kakieToYroki
      @kakieToYroki  8 месяцев назад +1

      Оно в процессе создания. Сегодня буду записывать вторую часть. За выходные смонтирую

  • @ansiwnl
    @ansiwnl 8 месяцев назад

    .

  • @strokadro4
    @strokadro4 7 месяцев назад

    Твой код тоже не помешало бы оптимизировать ))

    • @kakieToYroki
      @kakieToYroki  7 месяцев назад

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

    • @kakieToYroki
      @kakieToYroki  7 месяцев назад

      Если речь не про алгоритмическую сложность, тогда поделись, что еще тут можно улучшить

    • @strokadro4
      @strokadro4 7 месяцев назад

      @@kakieToYroki У тебя с таким подходом вырастит куча, при оочень больших выборках можно будет выхватить Out of memory, нужно постаратся уберать вложенные функции в циклах, отказатся от isOrPrice и сделать одну проверку сразу в условии !!Number.parseFloat(game.price) остально пропустил, может еще что есть )
      Это так не придирка, в общем все клево, удачи с развитием канала.

    • @olegonkos
      @olegonkos 6 месяцев назад

      ну так покажи как...

  • @NikolayPetrov-u9t
    @NikolayPetrov-u9t 8 месяцев назад

    дайте ссылку на задание

    • @kakieToYroki
      @kakieToYroki  8 месяцев назад

      github.com/R1ON/html/blob/main/js/24/index.js#L86