Учим JavaScript 22. Кошка гоняется за мышкой

[@Rusakoz]

"Либо заказчик вам не оплатил" убило :)))

[@batradzbazzaev]

Пока что самое лучшее объяснение JavaScript для начинающего. В уроках рассмотрены такие важные моменты для начинающего, как срабатывание обработчика по клику на кнопке, или по событиям мыши. Отличное видео, очень понравились ваши курсы мне.

[@irynabelaya8191]

До чего вы прекрасный учитель!!!!

[@bunnybugs6623]

Все супер доступно спасибо вам за роботу!

[@freeSAM22]

либо когда заказчик вам не оплатил)

[@ichelsea]

Спасибо, Алекс!

[@BRafaelT]

Вот это прикол, спасибо! Очень интересные примеры у Вас!

[@itgid]

Спасибо!

[@Дмитрийвделе-р9ч]

Единственный канал на котором классно объясняют

[@jokerx2825]

Мне ваши видео уроки понравились! Хотя и иногда сложно понять и из за этого смотрю другие видео или в интернете чтобы объяснили пошагово подробнее! И ещё раз спасибо вам за видео уроки!

[@itgid]

Увы, тяжело соблюсти баланс между классной фичей и сложность.

[@mariadobrydnyk2726]

Спасибо!Очень помогли.

[@TheYodes]

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

[@itgid]

Вы можете применять трансформацию к картинке в зависимости от вектора движения.

[@addmokaskas]

cat.style.cssText = "transform: rotate3d(0,1,0,"+event.clientX+"deg);";

[@MaksimIsaaevich]

Александр, спасибо большое за Ваши труды! В сети много видео обучению "по классике". Тоже конечно полезно, так как в Ваших видео не охватываются все тонкости. Но в любом случае, как мне кажется, JS лучше начинать изучать по Вашим урокам, что бы понять как мы сможем использовать JS на практике при верстке. Своего рода обзор возможностей. Ну а после углубленно по "по классике". С Вами как-то можно связаться? На сколько я слышал вы в Бионике преподаете?

[@itgid]

В Бионике иногда, когда есть свободное время. А так - компьютерная академия ШАГ либо на почту [e-mail] А так вы правы - всегда считал что без практики, причем реальной а не расчета факториала 10 способами, изучать языки программирования очень тяжело, особенно для начинающих. Есть хорошие книги по JS, но они подходят только для тех, кто уже пишет и понимает код. Плюс JS может "сломать шаблон" человеку, который привык к строгой типизации, и кучи ограничений C, C++, C#. Поэтому и старался сделать уроки в первую очередь для "вхождения" в язык.

[@VIJana79]

@@itgid Скажите, пожалуйста, какие курсы вы преподаёте в Бионике? (Это кибер бионик систематикс? я правильно поняла?)

[@МихаилМаринченко-ы1з]

Спасибо!

[@SashaPleshevich]

Спасибо! Круто!

[@0410880]

Отличные уроки. Спасибо!

[@itgid]

Спасибо!

[@icevideos7655]

Отличные уроки. Но когда будут курсы по Python и PHP, которые вы обещали запустить?)

[@q1dsdsdsq2dssdsd95]

ладно php но зачем тебе питон? без джанго питон не особо нужен в вебе

[@qwerty-qr3ku]

Я тоже за PHP

[@user-mt1vz4tr2t]

Эшли Янг большинство созданные сайты на php лагает например вк фейсбук википедия. Лучше питон

[@misteranderson6058]

Зачем php, Лучше ноду взять

[@kapotonai]

Со знанием PHP быстрей работу найдешь)

[@_pheax]

Класс !!!

[@ИяИя-п2к]

Очень интересно! А дождь или снег делаются также?

[@itgid]

Принцип похож!

[@АртемАлексеенко-й2ъ]

Здравствуйте. Спасибо за урок. Объясните пожалуйста. Вот у нас функция 1 и вложенная в нее функция 2. Обе срабатывают на onmousemove. Почему первая функция отрабатывается только один раз, а вторая - постоянно? Мы же не получаем постоянно картинку и не записываем ее в переменную cat при каждом движении мыши. Это из-за того, что функция 2 по сути зациклена (бесконечна) и функция 1 не может пойти на "второй круг"?

[@yarik83men51]

Спасибо...

[@сергейпетров-р3ь6с]

Параметр же именуется произвольно? Как кому удобнее event/evt/ или просто e

[@pavelladan3887]

Отлично) Но подобное можно сделать через CSS выбрав на cursor картинку :)

[@itgid]

Покажите как, буду благодарен. CSS3 дает богатые возможности манипулирования, не спорю, но проще сделать через JS (хотя это очень субъективное замечание).

[@pavelladan3887]

cursor: url('путь к курсору') ну оно вместо курсора поставить картинку :) немного иначе будет выглядеть...

[@ИяИя-п2к]

В комментариях на вопрос:'А как сделать чтобы этот скрипт начал работать не сразу?',вы ответили:''В принципе легко. Завтра будет видео!"-как называется это видео?Не могу найти!Очень интересно!

[@itgid]

напишите в телеграмм канал - скину

[@ИяИя-п2к]

телеграмма нет)))

[@wickedtorpedo75]

Стоило сначала подробнее рассказать про объект event

[@rinatkin7703]

здраствуте почему картинка не отображаеться через JS если ее путь указан в компьютере, a если вставить ее в html то отображаеться

[@yuraabharian7772]

Поначалу не работало событие onmousemove , работало будто применял onmousedown, кот появлялся там, где щелкал мышью, код полностью совпадал с кодом урока. В итоге достал из папки, перенес все на рабочий стол и все заработало. defer в script прописывал. Кто подскажет, в чем проблема была?

[@vvv7220]

Можно ли написать код, чтобы отменить выполнение функции, даблкликом например? В рамках знаний начинащего. Или для этого нужны более глубокие знания JS. Гуглил "Отмена выполнения функций" и натыкался на то, что это сложная проблема...

[@itgid]

конечно можно. Если вы вешали событие на element.onclick то просто напишите в коде element.onclick = null и после этого событие не будет выполняться. Есть и более сложные и красивые способы отмены событий.

[@vvv7220]

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

[@alexx_2023]

@@vvv7220 снять обработчик событий с объекта и все будет ок!

[@ericraudy]

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

[@itgid]

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

[@itgid]

В принципе легко. Завтра будет видео!

[@игорьмамоненко]

Ну вы только добавлением обработчиков по этим событиям нагрузите проц и сеть

[@pavlo5944]

підкажіть будь ласка як називається плагін який підсвічує слово - кольором

[@itgid]

только emmet стоит. Вроде больше ничего не ставил.

[@pavlo5944]

telegra.ph/123-04-18-8

[@singlebw4065]

Я всю голову сломал как двигать объект который выравнен с помощью flex-box и находиться в родителе определённого размера. Объект при таком раскладе имеет 0 позицию если использовать position relative. При добавлении ему координат естественно фигня, при использовании флага который изменяется по пиксельно и присваивается позиции left тоже не очень, движение объекта не сходиться с движением мыши. Я видимо тупой уже 4й день никакого результата.

[@НиколайНиколай-ц9у6т]

а зачем нужен 'px' здесь event.clientX+20+'px'

[@dessan7167]

А как сделать так, чтоб иконка пропадала если мышку не двигать?

[@itgid]

Запускаем таймер на 5 секунд, если событие move не происходит - скрываем иконку. Если происходит - обнуляем таймер

[@dessan7167]

а как это в коде будет "если событие move не происходит"? Присвоит переменную для var move = document.onmousemove = function (){ ..... и потом if move = not move then cat.style.display='none'; Как-то так?

[@itgid]

Вешаем на move функцию. Внутри функции делаем clearTimeout(timer) и запускаем заново таймер

[@dessan7167]

не очень помогло пояснение)А можно как-то отслеживать изменился ли параметр или нет?

[@itgid]

Какой параметр вы хотите отслеживать?

[@ВиталийСлободянюк-х8м]

event здесь просто как параметр? ...

[@ДенисЛавров-т4з]

да

[@npc6110]

как внедрить javascript код на чужой сайт ?

[@itgid]

Получить доступ по ftp и записать свой код в файл.

[@mustang...]

По видео складывается ощущение, что автор знает другие языки, однако с js знакомится вместе с этими видео, потому что слишком очевидные ошибки не видит =)

[@itgid]

Бывает так, что возникает идея и сразу записывается. И бывают ошибки.

[@Independent19c]

А, мне даже так больше интересно, когда запись не такая "вылизанная", и ошибки возникающие, в процессе написания более приближают к жестоким реалиям Js.10 из 10 разгневанных не добросовестных заказчиков))).Спасибо за такой классный материал, прям подряд лайки леплю).

[@Bogelma]

Не понимаю, зачем вообще создавать документ css если всё что можно сделать в css можно сделать и в Джаве и + больше возможностей. Я прав или ошибаюсь?

[@terrapsevdo5489]

пороха создания сайта видать еще не нюхал ты)))

[@ФорменШульц]

не работает