#7 «Теория ограничений» - Vue.js

Поділитися
Вставка
  • Опубліковано 26 лис 2024

КОМЕНТАРІ • 112

  • @TimurShemsedinov
    @TimurShemsedinov 3 роки тому +82

    Могу тут добавить еще закон Эшби из кибернетики ("закон необходимого разнообразия"): управляющая система должна быть сложнее или такая же по сложности, как и управляемая, иначе она не сможет полностью управлять, т.е. перевести управляемую систему в любые состояния, в которых та может находиться.

    • @TimurShemsedinov
      @TimurShemsedinov 3 роки тому +13

      Этот закон конечно можно применять к html, css и js, но только с некоторой оговоркой. У нас html, css и js это не выверенная математическая модель и в них полно оверинжениринга, а значит, то, что они делают можно сделать и проще и мы можем надстроить над ними свою систему, которая будет проще для пользователя, благодаря тому, что мы нашли и ликвидировали необходимость этого оверинжениринга в прикладном коде, но внутри эта надстройка будет сложнее, т.к. она будет содержать и модель нижнего слоя (html, css, js) и модель верхнего слоя (пользовательского кода) и преобразователь, со знанием того, как мапить модели и избежать оверинжениринга.

    • @CHERNOMORGAMES
      @CHERNOMORGAMES 3 роки тому +1

      @@TimurShemsedinov Только, этот закон неприменим к ООП наследованию, на котором реально построен Vue. Там, как раз, всё наоборот, потомки содержат в себе все возможности предков, кроме "приватных". Т.е. потомки могут быть "сложнее", но ими управляют предки, которые могут быть "проще". Т.е. можно сказать, что Эшби справедлив в отношениях между Vue и html. Но не в остальном.

    • @alexandermykulych4165
      @alexandermykulych4165 3 роки тому +1

      @@CHERNOMORGAMES Разве в vue используется не композиция? Где там наследование?

    • @CHERNOMORGAMES
      @CHERNOMORGAMES 3 роки тому +1

      @@alexandermykulych4165 Композиция это один из вариантов наследования. При работе с vue, можно сказать, что композиция - один из основных способов. Можно использовать другие варианты. Но, это всё на поверхности. А, я говорю про то, что у vue под капотом.

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

      @@CHERNOMORGAMES можно какой то пример, что композиция это вариант наследования, в моей картине мира это параллельные понятия?

  • @Vladislav3329RUS
    @Vladislav3329RUS Рік тому +3

    Господи, это лучшее, что я смотрел из обучающих видео! Подача, примеры, объяснение - все на высоте! Огромное спасибо !

  • @pannihto7588
    @pannihto7588 3 роки тому +157

    Я испытал странный дискомфорт, когда Илья написал Vue синим цветом, React красным, а Angular зелёным)

    • @AndriiKuftachov
      @AndriiKuftachov 3 роки тому +3

      🤣🤣🤣🤣🤣🤣
      Я не заметил, но прикольно.

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

      👍👍👍👍👍👍👍

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

      Ты что обосрался ?

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

      Да, тоже заметил этот момент, улыбнуло)

    • @maiev_shadow
      @maiev_shadow 2 роки тому +1

      Vue написан фиолетовым, не цвет реакта. Но да :D
      Как в игре для тренировки мозга, когда слово зелёный написано чёрным цветом, слово синий - красным и так далее :)

  • @jacklondon5840
    @jacklondon5840 3 роки тому +20

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

  • @andreygokhan6893
    @andreygokhan6893 3 роки тому +23

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

    • @Epenckorn
      @Epenckorn 3 роки тому +9

      Как говорил у нас в универе каждый второй препод: "Если непонятно, что именно непонятно, значит непонятно всё. Что ж, ещё одна лекция в холостую."

    • @Torbjorn-ph7rt
      @Torbjorn-ph7rt 3 роки тому +1

      Главным недостатком курса будет недостаток курса. Курса надо больше!

  • @ansarozden5767
    @ansarozden5767 3 роки тому +32

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

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

      это 1 из пунктов для сеньоров. Но оказывается и джунов этим "убивают"

  • @skygliderus
    @skygliderus 3 роки тому +1

    Являясь неофитом😁 именно Ильи, считаю, что это, пожалуй, лучший курс по программированию в целом и по Vue в частности! Ещё раз огромная благодарность за такой подробный и всеобъемлющий подход!

  • @user-ug1fk8ob3q
    @user-ug1fk8ob3q 3 роки тому +5

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

  • @smith-dev
    @smith-dev 3 роки тому +9

    Спасибо за видео, как всегда топ контент

  • @machinelearningpodcast9502
    @machinelearningpodcast9502 2 роки тому +1

    Проект Феникс еще для тех, кто любит бизнес-романы. Тоже про IT в контексте теории ограничений.

  • @drewnaumenko2469
    @drewnaumenko2469 3 роки тому +3

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

  • @КонстантинКоренев-й9к

    Спасибо за Вашу заботу! Ваши обучающие видео именно то, что искал, и удобно смотреть на смартфоне :) Цель1, Цель2 , читал ещё в 2008, в разгар финансового кризиса, Голдрат силён!

  • @jasonborn4373
    @jasonborn4373 Рік тому

    Не ну этот курс это что то новое! Спасибо!

  • @НанаСерова
    @НанаСерова 3 роки тому

    Илья, благодарю за видео.

  • @МаксимМакаров-к8б
    @МаксимМакаров-к8б 3 роки тому +2

    Илья четко сказал. Теория ограничений Голдратта не про то, о чем видео. Судя по всему, решил немного попиарить полезную тему. А тема, хочу вам сказать, весьма полезна, но не в контексте js. Это и про мыслительные процессы и про планирование. В общем программистам которые менеджерят (хотя бы себя).

  • @Vladimir-bz9tg
    @Vladimir-bz9tg 5 місяців тому

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

  • @ВладимирНетот
    @ВладимирНетот Рік тому

    Цель читал. Критическую цепь скачал, спасибо за совет 👍

  • @ТатьянаКольцова-ц7е

    Очередное сокровище! 👍

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

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

  • @monolizm
    @monolizm 3 роки тому +6

    хотелось бы побольше таких видео

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

    Спасибо за видео! Илья, вы замечательный преподаватель!!!

  • @АлексейЗаболотный-ч6о

    Илья: "Я не буду говорить о минусах vue"
    UA-cam: "Вот у меня в рилейтед есть для тебя видео Ильи о минусах vue"

  • @TheVirtyoz777
    @TheVirtyoz777 3 роки тому +1

    Спасибо за курс !!!

  • @ivanfedorov7934
    @ivanfedorov7934 3 роки тому +1

    Спасибо за труды, контент топ

  • @TheBorninmotion
    @TheBorninmotion 3 роки тому +1

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

  • @sinkplay6552
    @sinkplay6552 3 роки тому +1

    Отличное видео, крайне полезно

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

    Премного благодарен!

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

    Большое спасибо за урок!

  • @DimaNaks
    @DimaNaks 3 роки тому +1

    Хотелось бы задать такой вопрос - как обстоят дела с дебаггингом кода в .vue файлах? Я имею ввиду тот самый момент когда необходимо задебагать какую-то функцию, но при попытке сделать это тебе приходится пройти через сотни вызовов внутренних функций Vue. Есть ли какое то решение? Я видел подходы где JS код выносит в отдельные файлы, а затем импортируют в теге script .vue файла, но мне не нравится это так как компонент теряет свою целостность.

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

    Великолепно!

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

    Второй раз пересмотрел первые 8 видео уроков, второй раз уже на скорости 1.75.
    Жду новых занятий на следующей недели и надеюсь, что после окончания курса смогу четко ответить на вопрос: Какие основные недостатки фреймворка Vue.

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

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

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

    Просто браво

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

    Круто как обычно )

  • @Ренат-м4у
    @Ренат-м4у 3 роки тому

    Исключением является девушка по имени Н?) Очень классное начало курса! Не уверен, что уровень позволит пройти, но подача шикарная

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

    видос огонь=)) спасибо

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

    Просто топ топ топ!!!

  • @AlexDaCT
    @AlexDaCT 3 роки тому +6

    И всё-таки , как поставить два лайка ?

  • @clear-eyed-epiphany
    @clear-eyed-epiphany 3 роки тому +3

    Что можно считать недостатком?
    Часто сталкиваясь со сложной ситуацией после её решения я прихожу к выводу, что это не недостаток инструмента, а недостаточно глубокие знания его особенностей.
    Можно ли считать недостатком то, что не походит конкретно мне на конкретном проекте? Могу ли я считать scoped недостатком, если я его не применяю так как он мне не подходит?
    Мне на собеседование тоже задали такой вопрос, точнее спросили что мне не нравится во vue и я честно говоря затрудняюсь ответить так как зная особенности фреймворка вы не будете попадать в ситуации когда эти особенности будут недостатками. Также может быть я плохо знаю недостатки так как использую правильные подходы и принципы чтобы с ними не сталкиваться.
    Я имею ввиду что может быть нет никаких недостатков? А есть неправильное использование или использование не по назначению.

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

      не может такого быть, чтобы недостатков не было)
      Самый банальный - плохая поддержка TypeScript

    • @clear-eyed-epiphany
      @clear-eyed-epiphany 3 роки тому +1

      @@sovaz1997 Так в том то и вопрос - можно ли это считать недостатком самого фреймворка? Ведь недостатком это будет только если на проекте используется TypeScript. И то насколько я понимаю этот недостаток проявляется только если использовать однофайловые компоненты. Если например пользоваться рендер функциями и стили писать отдельно, то проблем с TypeScript по идее не будет. То есть, можно ли считать фичи которые нам не подходят недостатками?
      Я как бы понимаю что недостатки должны быть. Ведь мы живем в реальном мире и без недостатков ничего не может быть, но что бы я назвал недостатком во vue затрудняюсь ответить. Да во vue есть множество особенностей которые нужно учитывать, но у меня язык не поворачивается назвать их недостатками. И в моем случае проблема скорей не в том что я их не знаю, а в том что я не считаю их недостатками :)

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

    Спасибо!!

  • @zp00v0518
    @zp00v0518 3 роки тому +1

    scoped может "протекать", когда, случайным образом совпадут значения в data-атрибуте?

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

      Нет

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

      @@JavaScriptNinja ну, тогда это только криворукость. Когда селекторам дают одни и те же имена и стилят до такой степени, что перебивают вес scoped-селектора

    • @JavaScriptNinja
      @JavaScriptNinja  3 роки тому +9

      @@zp00v0518 нет, мы предполагаем что в проекте вообще нет не-scoped css - всё в компонентах.
      И давайте избегать заявлений вида "только криворукость" - мне кажется всё видео посвящено тому, чтобы не далть таких заявлений

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

      из-за нарушения принципа изолированности компонентов (в частности изолированности стилей - v-deep, v-global)

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

    Илья, а будет ли курс по реакту?

    • @JavaScriptNinja
      @JavaScriptNinja  3 роки тому +3

      Ближайшее время нет, смотрите IT-KAMASUTRA

  • @alexanderkluchnikov2473
    @alexanderkluchnikov2473 2 роки тому +1

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

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

      нету там проблем, если понимать как работает реактивность :)

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

      @@JavaScriptNinja возможно и так. Но это на чистом js подтормаживает. Обновляется несколько десятков элементов в секунду.

  • @AlexandrSpirit
    @AlexandrSpirit 3 роки тому +1

    Я совсем новичёк... Но пока так и не понял, чем vuex хуже написания кучи пропсов для передачи данных из одного компонента в другое через кучу промежуточных.

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

      А кто сказал что речь идёт о передаче кучи пропсов насквозь?

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

      @@JavaScriptNinja может подскажете когда точно не стоит использовать vuex?
      Я сейчас глобальный state везде использую т.к. сложновато для меня прокидывать через эмит и пропсы

    • @JavaScriptNinja
      @JavaScriptNinja  3 роки тому +3

      @@AlexandrSpirit кратко не подскажу, про это надо отдельно рассказывать

  • @imgod113
    @imgod113 3 роки тому +3

    Даже представить не могу какие "такие" задачи годятся только для вью и не годятся для другого фреймворка? Везде есть все, что нужно для разработки. Если применять принцип Паретто, то фреймворки на 80% имеют общие возможности.

    • @user-ug1fk8ob3q
      @user-ug1fk8ob3q 3 роки тому +1

      Ну из прошлого видео, как говорил Илья, вью позволяет меньше думать в процессе шаблонизации, и это его плюс перед реактом.

    • @JavaScriptNinja
      @JavaScriptNinja  3 роки тому +13

      А ведь я в видео говорил совсем не об этом. Я говорил что есть задачи, в которых вью слаб. А не "есть задачи, в которых только вью хорош". Ощущаете разницу?

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

      @@JavaScriptNinja Да, и правда, просто у меня наложилась ваша дискуссия в чате.

  • @AndriiKuftachov
    @AndriiKuftachov 3 роки тому +1

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

  • @Ivanov-7th
    @Ivanov-7th 3 роки тому

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

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

    ЧТо за такая технология Х, о которой вы упоминаете?

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

    Использую только CSS Modules с кастомными плагинами для оптимизации стилей. Scoped мне сразу не понравился.

    • @JavaScriptNinja
      @JavaScriptNinja  3 роки тому +3

      Осталось определиться с границами применимости :)

    • @DmitryOlyenyov
      @DmitryOlyenyov 3 роки тому +1

      Очень неудобно рефакторить :) то ли дело css-in-js. Но оно тормозит, иногда глючит из-за того, что создаёт стили в рантайм (если не в рантайм, то очень урезанное).. Где ж моя серебряная пуля?...... :)

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

    Какой еще такой "Зоркий глаз"?! )))

  • @SansHAP
    @SansHAP 3 роки тому +1

    Добрый день, Илья. Снова в видео упоминание о собеседовании и снова странности - сеньор обязан знать недостатки, мидл - должен, но джун???? Блин, он на то и джун, чтобы познавать это. А его сразу за двери

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

      Границы применимости технологии - абсолютно точно должен знать. Он может не знать ограничения подхода к решению КОНКРЕТНОЙ задачи в рамках фреймворка, но отсутствие понимания ограничений - признак совсем начинающего

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

      @@JavaScriptNinja "Границы применимости технологии" - это имеется ввиду границы где кончаются возможности, к примеру Vue, и начинается работа других технологий или чистого JS?

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

      @@SansHAP я вроде в видео раскрыл этот вопрос - задачи для которых плохо подходит Вью

    • @SansHAP
      @SansHAP 3 роки тому +1

      @@JavaScriptNinja дословно "я не буду этого делать". А дальше Вы все-таки приводите один пример - style scoped с его багом (который обозвали не баг). Привет ребятам, которые решили что изолированность можно немного продырявить. Так к чему был этот пример приведен как одна из причин "почему вью плох"?
      И все-таки, думаю, многие хотят услышать, когда-же наступает ограничение использования Vue (как впрочем и других фронт-енд технологий). Подумайте над выпуском такого видео

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

      @@SansHAP это не решили продырявить. Это было выбрано такое решение чтобы большинству было удобнее. Поэтому это не баг

  • @barrettM8
    @barrettM8 3 роки тому +2

    Чтобы понять минусы реакта, достаточно зайти в их телеграм чат и задать хотя бы 1 вопрос 🤣

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

      О, CR, уважаю ;)

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

      слышал такое и про vue чат

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

    Спасибі! "Цілі" вже всі прочитав.

  • @МаксФеськов-ю9ц
    @МаксФеськов-ю9ц 3 роки тому

    Потерялся пост про pug. Либо ютуб не сохранил, либо автор посчитал спойлером. Напишите, пожалуйста, если второй вариант. Я уважаю людей, которые делают хороший обучающий контент и в дальнейшем не буду писать подобные вещи.

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

    Ищу фронтенд разработчика для коллаборации, подробности в лс

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

    "Пока что существуют и другие движки..." =( жаль, что они вымирают

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

    Расскажу кому, что я изучаю теорию фронтенда - не поверят

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

    А тут не попахивает законом дырявых абстракций? "Когда что-то идет не так - то приходится спускаться на уровень ниже", или когда мощности высокоуровнего инструмента не хватает и ты прибегаешь к более низкоуровневым вещам

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

    Краткое содержание видео: для того, чтобы понять, что не все технологии универсально применимы, нужно учится в аспирантуре 👍👍👍 не благодарите

  • @ragnnna2416
    @ragnnna2416 3 роки тому +15

    Уже 7 видео курса и ни одного туду листа, что за непотребство!

    • @user-ug1fk8ob3q
      @user-ug1fk8ob3q 3 роки тому +1

      А вот это не правда, туду лист есть аж в самом первом ролике)

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

      @@user-ug1fk8ob3q о нет...

    • @AndriiKuftachov
      @AndriiKuftachov 3 роки тому +1

      Та вообще не понятно, зачем мы это тогда все смотрим!

    • @user-ug1fk8ob3q
      @user-ug1fk8ob3q 3 роки тому +1

      ​@@AndriiKuftachov Заложение фундамента?

  • @СвятославКачмар_хмм
    @СвятославКачмар_хмм 3 місяці тому

    скопед, крвмть