БЫСТРЫЙ FRONTEND. Оптимизация. Как писать JAVASCRIPT эффективно?

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

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

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

    На русскоязычном ютубе нет таких как ты... Очень много уроков смотрел на разных каналах, но такого качественного контента как у тебя ни у кого не встречал

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

      Спасибо друг:)

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

      @@UlbiTV блин серьезно дружище, ты крут, я учусь и сейчас ищу себе ментора, если будет интересно маякни плз, может обсудим) спасибо тебе за контент

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

      Да... Согласен

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

      Есть ещё Sorax. И автор данного канала они самые лучшие в русскоязычном Ютубе

    • @maxexc6939
      @maxexc6939 4 หลายเดือนก่อน

      Да, автор молодец! Спасибо 🙂

  • @user-pd9no5ye5g
    @user-pd9no5ye5g 3 ปีที่แล้ว +4

    60к должно посмотреть точно) + залётные )

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

    Я начинающий разработчик и меня давно беспокоила тема оптимизации. У вас всё классно описано, спасибо большое!)

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

    Очень интересно,спасибо за видео!

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

    максимум информации за минимум времени.... спс

  • @ВалентинРубин
    @ВалентинРубин 2 ปีที่แล้ว +2

    Спасибо! Учусь по твоим видео параллельно ... спасибо!

  • @vadikot
    @vadikot ปีที่แล้ว +14

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

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

      🤝🙏 спасибо!

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

      🤝🙏 спасибо!

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

    Да профайлинг интересен!

  • @ПопівчакБогдан
    @ПопівчакБогдан 2 ปีที่แล้ว +2

    Большое спасибо за качественньій материал!

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

    спасибо тебе огромное! вроде бы про всё слышал и пробывал, но не понимал нахрен оно надо, а ты за пол часа все обьяснил) гений)

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

      И тебе спасибо за поддержку!)

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

    Спасибо 1 (для активности)

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

    даю знать: нам надо ролики про оптимизацию и дев тулзы! спасибо контент супер!!

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

    Спасибо 3 (для активности)

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

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

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

    Спасибо, я смотрю все ролики ! Хотя не до всего дорос по уровню. Спасибо!

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

    Спасибо 2 (для активности)

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

    Огромное спасибо! Буду возвращаться к этому ролику по мере моего развития в профессии )

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

      Успехов в развитии)

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

    Большинство знал, но некоторая информация оказалась полезной. Спасибо.

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

    Дебаунс и троттлинг, они же задержки перед экшеном, которые нарушают юзабилити, запросто заменяются другой техникой, на примере живого поиска:
    - Ставишь выполнение экшена с 2, а лучше 3 символа, что бы не грузить лишнего
    - Результат записываешь в массив
    - Все последующие запросы читаешь из записанного массива
    - Очищаешь массив, когда количество символов < установленного
    - Делаешь доп проверки на вставку в поле и прочие
    Теоретически, такая техника неэффективна, если прилетает пару миллионов результатов, но если это происходит, что-то не так с бэкомъ...

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

    На восьмой минуте говорится про denounce, заместо хука можно использовать import _ from "lodash" и _.debounce

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

    Спасибо за такой контент!

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

    очень инетресно про профайлинг, ждем ждем ждем)

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

    Спасибо 5 (для активности)

  • @АлександрКорнетов-э3я
    @АлександрКорнетов-э3я 2 ปีที่แล้ว +3

    Очень полезное видео, спасибо! Комментарий в поддержку канала)

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

    Досмотрел до конца. Пишу комментарий поддержки). Написать себе конспект по видео и правда будет не лишним, очень много информации.

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

    Наверное лучшее пояснение с примерами по useMemo и useCallback!

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

    Спасибо. Ещё раз укрепил в голове мысль о том, что ресурсы нужно экономить.

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

    Большое спасибо, лайк и продвижения каналу!

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

    Спассибо. Интересно посмотреть видео про профайлинг

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

    Очень крутой ролик по оптимизации javascript react

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

    Спасибо тебе. Все видео отличные, нет воды, всё по делу

  • @moi-nick-zanyat
    @moi-nick-zanyat 3 ปีที่แล้ว +192

    Сделай видео с примером о структурности сложного многостраничного сайта!))

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

      feature slice архитектура

    • @moi-nick-zanyat
      @moi-nick-zanyat 3 ปีที่แล้ว +8

      @@lopsonbalzhinimaev642 хотелось бы увидеть на примере с комментариями

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

      @@moi-nick-zanyat у этой архитектуры неплохая документация, почитай, там есть примеры

    • @белка-у8б
      @белка-у8б 3 ปีที่แล้ว +3

      MPA?

    • @СергейВер-и9ю
      @СергейВер-и9ю 3 ปีที่แล้ว +1

      @@lopsonbalzhinimaev642 ох не знаю, 2 недельки поучил, поюзал, что-то вообще не зашло. Слишком сложная структура, которая отнимает кучу времени + ещё сыроватая.
      А главный минус, мало кто её использует.
      Лучше её не учить. Если в конторе на этом все пишут, то и новичка научат)

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

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

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

    На 24:30 оговорка про функциональные и классовые компоненты. Пишу в тетрадь сразу, поэтому заметил :) Спасибо за афигенный контент!

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

      за конспект отдельный респект! И за внимательность тоже))

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

    Батя как всегда сначала люкс, потом просмотр!

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

      Олды на месте))

  • @efimkapliy6370
    @efimkapliy6370 9 หลายเดือนก่อน +1

    Более 2-х лет прошло с момента записи видео, а оно ещё актуально! Спасибо за качественный материал!

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

    Прекрасный ролик помогаю продвижению

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

    Топовый, больше видео по вкладкам perfomance & profiler, лучший!

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

    Привет! Из обычного верстальщика по-тихому внедряюсь во фронтенд тусовку, твой канал - находка, насчет профайлинга: часто использую, но видос все равно хотелось бы!
    Спасибо за старания

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

      Успехов!

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

    Я в первый раз слышу о многих представленных в этом ролике понятиях, но всё понятно. Спасибо!

  • @АлександрКулик-м7я
    @АлександрКулик-м7я 3 ปีที่แล้ว +6

    Что сказать... Красавчеггг... Спасибо большое.

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

    Лучший канал в русскоязычном сегменте!! сделай видео: маленький пет проект с новыми хуками + распрастраненными кастомными и тсом или про микрофронтенды

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

    На одном дыхании…
    Не вылетает тема с webpack. В частности заинтересовала тема
    - с подгрузкой, лениво, npm модулей
    - разделение кода для десктопа и мобильных
    Очень надеюсь, что будет время записать более подробное видео

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

    Здравствуй Тимур, благодарю за новое видео. Интересно.
    *Л. а. й. к. о. с.* за видос

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

    Узнал много терминов, практики, спасибо большое

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

    Всё по полочкам. Жирный лайк!

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

    Как всегда сразу лайк. Посмотрю вечером))

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

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

  • @ЕвгенийЖ-н6м
    @ЕвгенийЖ-н6м 3 ปีที่แล้ว +3

    Молодец, полезный контент.

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

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

  • @Vinits-i
    @Vinits-i 3 หลายเดือนก่อน

    Это просто шикардос!! Наконец-то я разобралась, как чинить перерисовки, помимо прочего

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

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

    • @nikolaiUlianov
      @nikolaiUlianov 3 ปีที่แล้ว

      Если бы только для начинающих)

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

    Просто топовый контент! Про webpack хотелось бы поподробнее изучить:)

  • @МаринаБовкунович-л1щ
    @МаринаБовкунович-л1щ 3 ปีที่แล้ว +2

    Спасибо большое за такой крутой канал!

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

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

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

    Каждому видосу лайк нужно ставить автоматом. Никакой воды, только по делу. Спасибо за годный контент.

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

    Спасибо. Настло время писать тесты ))) будет ли такое видео?

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

    Лайк не глядя! Как всегда супер!)

  • @MAKS-FISHER
    @MAKS-FISHER ปีที่แล้ว

    Ещё раз убеждаюсь, что твой контент просто лучший !!! Обязательно буду разрабатывать приложения сразу с твоими рекомендациями !!!!!!!

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

    Комент в поддержку видео, оч крутое

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

    Даёшь профайлинг!!!!

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

    Отлично, все толково и без воды.

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

    Спасибо тебе, на 24:33 ты сказал для функциональных 2 раза)

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

      при монтаже бывают косяки :)

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

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

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

    Thx. You are the best.

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

    Потресающая работа Тимур)

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

      Спасибо, Гурген!

  • @ИванШевченко-й5р
    @ИванШевченко-й5р 3 ปีที่แล้ว +5

    У тебя все ролики ценные! Спасибо за шикарный контент!

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

    Ролик про профайлинг тоже нужен!

  • @Г.Ка
    @Г.Ка 3 ปีที่แล้ว +2

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

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

    Интересно полный разбор профайлинга

  • @ВладиславАлексеев-г7с
    @ВладиславАлексеев-г7с 3 ปีที่แล้ว +152

    Очень круто, спасибо! Было бы круто еще увидеть курс по безопасности. Многим было бы полезно т.к очень важная тема
    (XSS, CSRF, ...)

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

      поддерживаю !

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

      Спасибо за идею, есть что рассказать на эту тему) Главное время найти

    • @Fs-xj2gu
      @Fs-xj2gu 3 ปีที่แล้ว +1

      @@UlbiTV можешь еще рассказать про себя, про свой опыт итд, можешь скинуть свой инстаграм

    • @kvadro_id
      @kvadro_id 3 ปีที่แล้ว

      @@UlbiTV да-да! Расскажи кем и как работаешь. Как шёл к этому, какие ошибки совершил и что изменил бы...

    • @Fs-xj2gu
      @Fs-xj2gu 3 ปีที่แล้ว +6

      @@UlbiTV Сделай видео с ТОП ошибок как делают многие, но так делать нельзя, например неправильно используют useMemo или useCallback или кто то делает неправильные сборки, или для каких проектов что лучше подойдет по стеку где лучше использовать redux & thunk & mobx & redux saga & server side rendering & spa & в каких сервисах сайтах лучше использовать те или иные технологии итд Частые ошибки при создании компонентов, как правильно создавать компоненты. Топ архитектур, где когда использовать, feature sliced, атоморный дизайн, тупые умные компоненты, к примеру много раз встречал что неправильно использоовали архитектуру тупых и умных компонентов итд

  • @АлексейСтепанов-к9о
    @АлексейСтепанов-к9о 3 ปีที่แล้ว +5

    Контент как всегда - огонь!!! 🔥🔥🔥

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

    Спасибо, Тимур! Отлично, как всегда.

  • @АннаПотреба-я2щ
    @АннаПотреба-я2щ 3 ปีที่แล้ว +6

    Жду выпуск про девтулз для отслеживания загрузки и прочего)

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

    Тимур, спасибо и лайк!💥

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

      Спасибо!

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

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

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

      100% было бы полезно, особенно в дев тулзах хрома. Тема актуальна не только для новичков, на проекте и мидлы и синьоры дебажили только консоль.логами

  • @WalterWhite-ck5rz
    @WalterWhite-ck5rz 3 ปีที่แล้ว +4

    Огонь просто 👍
    Много полезного, что реально пригодится в работе.

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

    Комментарий в качестве поддержки

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

    Крутое видео! Про профайлинг было бы очень неплохо)

    • @СергейБрыков-х8и
      @СергейБрыков-х8и 3 ปีที่แล้ว

      Профайлинг гоу! Могу дать реальный проэкт чтоб ты посмотрел по профайлеру

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

    Плюс за разбор профайлинга

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

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

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

    Словил себя на мысли, что уже несколько месяцев на тему разработки смотрю только Ulbi TV )
    Что касается этого ролика - просто ОБЯЗАТЕЛЬНО к просмотру всем начинающим кодерам, да и продолжающим не помешает.
    У меня всегда подгорает, когда коллеги тащат в элементарный лендос кучу лишних библиотек, ленясь вместо этого написать 30-50 строк чистого js. А вы задумывались, сколько такого треш-кода движется в мировом интернете? Сколько тупого ненужного трафика? А это же всё, в конечном счёте, энергозатраты. Поэтому автору огромный респект за то, что затронул эту важную тему. Я считаю, что это нужно изучать сразу, перед html и css )

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

      Спасибо за такое доверие и поддержку! Ценю!

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

    Отличное видео. Пишите еще видео) Ясно Понятно

  • @Сергей-г8г6с
    @Сергей-г8г6с 3 ปีที่แล้ว +4

    Спасибо! Познавательно!

  • @Санскритдляпреданных
    @Санскритдляпреданных 3 ปีที่แล้ว +4

    Как всегда лайк не глядя! Спасибо за годный контент!

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

    Спасибо, что делишься такой ценной информацией. Сижу, жду ролик в 1080 xd

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

      Жду фидбек после просмотра в 1080)

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

      Лайк, подписка, колокольчик :D. А если серьезно - хорошо укомпонованный видос, все по порядку, темы интересные и главное - даешь краткую информацию, которую, при желании, можно догуглить. Я, отчасти благодаря тебе, на работу попал, и даже что-то знаю, с ростом знаний видосы твои стало смотреть интереснее.

  • @Infinity-zf8ms
    @Infinity-zf8ms 2 ปีที่แล้ว +2

    Спасибо за видео

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

    По названию - очень интригующе. Ждем 1080рублей

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

    Спасибо за ваш труд

  • @каквытам
    @каквытам ปีที่แล้ว

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

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

    Спасибо! Очень познавательно и интересно!

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

    просто агонь)

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

    Отличное видео! Все понятно и очень полезно. Спасибо!

  • @frednoby8531
    @frednoby8531 4 หลายเดือนก่อน

    Просто шикарно! Спасибо тебе за труд, Тимур.

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

    Просто ТОП bro!

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

    Превосходно, спасибо!

  • @anton-vr5xw
    @anton-vr5xw 3 ปีที่แล้ว +4

    уже 60к, поздравляююю 👏👏👏

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

      Спасибо!! 🙏

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

    Спасибо, очень доходчиво, про профайлинг хотелось бы ролик Ваш посмотреть, интересная тема!

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

    Спасибо за видео)

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

    Отличный ролик, как всегда всё доступно для простых смертных ))

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

      И как всегда благодарю за поддержку :)