#11 Криптономикон-2 - Vue.js: практика 

Внимание дисклеймер - большинство кода, который вы будете писать в продакшэне будет не достаточно хорош для продакшэна)

Круто про toPrecision узнал)

Илья, просьба есть: Размещать план задания, что будет сделано в видео, чтобы перед тем как тебя услышать можно было подумать и попытаться придумать свое решение Возможно не всегда это нужно, но вот мне почему-то кажется, что в этом может быть смысл

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

Работа с массивами вышла на новый уровень 😀

Если кому то интересно как сделана нормализация высота графика у Ильи. Вот ссылка на формулу: en.wikipedia.org/wiki/Feature_scaling#Rescaling_(min-max_normalization)

Относительно того, почему полоски графика не появляются за первые несколько кругов интервала: тут проблема в том, что на первых нескольких кругах maxValue и minValue равны, соответственно, в формуле (price - minValue) * 100 / (maxValue - minValue) - в знаменателе оказывается ноль, что в свою очередь приводит общий результат вычисления к NaN. Поэтому пока не появится разница у max и min - полоски не генерятся.

я новичок, делаю конспекты по каждому видео, читаю разделы документации, которые прилагаются в домашке, даже прохожу learning to learn по совету Ильи, что-то учу сам. Не знаю как дальше, но на этом видео мой мозг отказывается понимать, в голове как-будто вырванные из контекста куски информации. Видимо мне нужно сильнее разобраться в js и vue, чтобы приступить к этому курсу.

Большое спасибо за урок! Мой мозг по мере накопления материала, слабого знания JS отказывается понимать некоторые вещи :(

Агонь пример, ржал несколько раз)))) Илья просто приколист!

Не используйте переменные вроде "t" и "sell". Даже если кажется что участок кода небольшой, скоро он станет больше и вы будете тратить больше времени на запоминание предназначения переменных. И будете регулярно ошибаться. И будут ошибки. "ticket" не сильно длиннее, но значительно красноречивее.

Не слишком ли вы резко пошли вперёд? Мне кажется, что можно было более детально рассмотреть,как vue работает с API. Да и нужен ли он в самом начале курса, когда даже база ещё не рассмотрена?

Бесконечно благодарен

Для выделения одинаковых частей кода в файле можете использовать комбинацию клавиш "Ctrl + D" и выбрать по очереди все, что нужно заменить, что бы вручную не кликать по каждому фрагменту. Или воспользоватьсялокальным поиском по файлу с автозаменой "Ctrl + H"

мне одному кажется, что график на первых минутах весьма символичен?

спасибо за видос полезная инфа

Отличный урок! Благодарю тебя за работу!

там же утечка памяти - мы постоянно генерируем счетчики.... поэтому запросы летят как из пушки

Обратил внимание на простановку точки-запятой в конце выражений. Вроде как стиль VUE диктует работу без них. Это привычка или позиция?

6:20 Это было не событие клика на другой блок, а штука повеселее. Вы удалили "DEMO2" из массива но в "sel" DEMO2 все еще жив и график связан с "sel".

Спасибо за курс. Самое главное что я узнал, это о существовании '?.' this.sel?.name. Откуда такой оператор? Я даже сейчас не могу найти про него информацию))

Ты большой молодец! Полезно и так приятно тебя слушать

Не сочтите за нахальство, но слушать немножко тяжело. Заметно, что этот урок - что-то вроде стрима, а не заготовленный и смонтированный ролик. Порой вы изъясняетесь туманно: "как же нам это сделать?", "нажал кнопку "удалить, а выбралось"... Пришлось пересматривать несколько раз, просто чтобы уследить за мыслью. Материал безусловно один из лучших на ютубе, но подача конкретно в этом ролике - в не самых лучших традициях вузовских лекций. И еще: я еще не смотрел следующих видео, но именования типа "sel" и "t" уже заставляют страдать. :) Может быть так и задумано. В любом случае, спасибо вам большое за благотворительность.

Илья, подскажите вашу цветовую схему в Visual Studio Code. Это что-то стороннее? Перебрал все доступные в настройках, но так и не нашел совпадения с вашей.

Если вдуматься, то при обновлении котировки монеты (newTicker.price = data.USD), реально обновляется локальная переменная функции add, а именно объект newTicker (ок, даже одно св-во просто в нем обновляется). А реактивны у нас данные в секции data и поэтому, обновляя локальную переменную, реактивность не случается, вроде бы все логично. А вот файндом уже же мы по тому самому реактивному массиву tickers (объявлен в секции data как раз) пробегаемся и меняем значение, реактивность тут как тут )

Якщо у вас помилка при надсиланні запиту, спробуйте стерти api_key і його значення (тобто без ключа)

!круто))

да жесть), особенно эти все эти логические выражения всякие

спасибо. я уже набила пару шишек попыткой скомбинировать v-if and v-for. приняла на веру, что так не нужно делать, но объяснение увидела здесь.

Все работает прекрасно, НО... Если добавить 2 валюты, потом выбрать одного, график работает отлично и запрос отправляется каждые 3 сек. Но если удалить эту валюту, приложение не прекратить отправлять запрос на эту валюту и в консоли выводится ошибка, что data.USD не может быть записан в price отсутствующего объекта. И эту попытку записать, приложение наверно не прекратит никогда. Как с этим быть?

Кто может объяснить про кавычки - `` . Почему не обычные? И зачем используем ${} ?

Будет объяснение, как надо реализовать это же приложение, но правильно? Или мы будем знакомиться с концепциями я нюансами и мы сами поймем, какие плохие практики есть в написанном коде?

У меня почему то style height с процентами к полоскам применяется не сразу, а может пройти 3-10 полосок графика, а только потом применяется стиль, может у кого то эта проблема вылазила?

.stop не сработало, что может быть?

вёрстка, я правильно понял - Tailwind CSS ?

Не очень понятно. Если код плохой. То "во vue можно делать так" это тоже плохо? Что в уроке правильная практика? Или все не правильная? Конечно, есть очевидные вещи. Но что касается конкретно vue не такие.

Фууух, было сложно!)

Я может туплю, но я не въехала в смысл работы графика. Я думала, что там будет отображаться значение выбранной валюты, меняющееся с течением времени. Если взять к примеру биткоин, то оно совсем незначительно менялось со временем, а высота так скакала от 100% до 16%. Хотя там изменения были менее 5% по сути... МОжет график несет какой-то другой смысл

Помню в реакте при навешиванием событий на дивы в Firefox они не отрабатывали

Как сделать автоматическое открытие дебагера при нажатии на ошибку в консоле хрома как у Вас?(

А как в стрелочную функцию this передался?

Вот это скорость роста!.. в видео у Ильи биткоинт по 47к дол., а у меея через полтора месяца уже по 59. За полтора месяца больше 10 к прироста!

Для получения этих данных нет необходимости указывать ключ

Реактивность при редактировании внутри массива и объекта не работает. Нужно использовать Vue.set метод.

Мне не понятно другое. Почему данные продолжают обновляться во всех тикерах, если мы новые тикеры добавляем? Правильно ли я понял, что вызывая add(), мы как-бы новый объект класса создаем? Ведь, во-первых, для ранее созданных тикеров add() продолжает выполняться (запросы мы для каждого тикера свои отправляем, и данные соответственно получаем тоже разные). Во-вторых, if (this.sel?.name === currentTicker.name) здесь currentTicker тоже существует как отдельный объект.

Одна из немногих вещей, которая меня раздражает во Vue это необходимость каждый раз не забывать ставить запятую после нового метода или computed свойства

на 3:20 все равно цвет добавляется ко всем,все перепроверил уже,что делать?

таумкрафт рулит)

Попутно тестирую теже примеры в ангуляре, в примере с реактивностью там никаких проблем нет =)

Анатидаефобия в действии?)

Ще є один момент: при видаленні валюти треба також робити clearInterval операції оновлення цього елемента.

Проблема в Fetch была из-за неотризолвенного домена (ошибка DNS)

Биток по 47к... было же дело

Кроха сын к отцу пришёл, и спросила кроха: - что такое хорошо, а что такое плохо?...

можна замість ' ', ставити null, працює також

криптокомпейр отдаёт курсы без ключа хД ))

"наш злобный z шник". В 2022 по другому заиграло :)

Ну иакоеее. Илья не подготовился и потому занял у нас всех так много времент.

Прошлое видео было хорошее, всё разжёвано, тут какая-то халтура.

Короче одни громкие слова были что это типо бесплатный и крутой курс..

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

Курс владилена куда более понятен и структурирован.а тут какая-то каша.

Ну хоть что-то делай не как у Минина, там в одном видео все тоже что тут в двух..хз смысл копипастом заниматься

ошибка в консоли каждые 3 секунды cccagg_or_exchange market does not exist for this coin pair С чем связано? Сделал все верно.

а почему не работает this.tickets.find((t) => newTicket == t).price? вроде тот же объект, но ничего не находит. Когда фильтровали работало

там же утечка памяти - мы постоянно генерируем счетчики.... поэтому запросы летят как из пушки