Крутяк. Лайк. Супер. С каждым новым уроком становится интереснее и в то же время сложнее становятся комбинации приёмов JS. Столько впереди всего, начинает кружится голова и появляется нервозность.
Не работает ничего. Пробую разные способы. DOM загружается и должна прокрутиться страница вниз, но бездействие. Быстрый скролл не работает вовсе. Дёргается вниз и обратно сразу же. Smooth, наконец, заработал.
Я в онемении! Фантастика! Так четко и понятно! Громаднейшая подготовительная работа! К этому видео я буду возвращаться как к конспекту снова и снова! Женя, так излагать - это дар! Спасибо-спасибо-спасибо!!!
Вот насколько с душой Женя делает свои уроки, которые доступны в открытом доступе! Сделаны кнопки, обозначены блоки, все понятно и практично! Мне сложно представить сколько времени и сил в это вложено. Это огромный вклад в образование. Требую памятник как минимум в центре Ужгорода!
Одновременно и качественный и обучающий контент, видно что для людей делается. Хотелось бы чтобы автор сделал видео с ответами на самые часто задаваемые вопросы
Вот я и закончила твой бесплатный курс) Спасибище огромное, если бы ты так доходчиво не обьяснял - я бы давно сдалась. Очень хочется урок про интерфейсные события - с нетерпением жду новые видео о JS, а пока позанимаюсь по плейлисту "Как это сделать''.
Спасибо тебе большое,за все что ты делаешь на этом канале,в особенности спасибо за подробное разжевывание вёрстки и за этот плейлист джиэс.Надеюсь ты не забросишь уроки по джиэс, в русскоязычном ютюбе ничего лучше,чем твои уроки я не встречал.
1) Ширина полосы прокрутки по Y: const width = document.documentElement; const mainWidth = width.clientWidth; const windowWidth = window.innerWidth; console.log(windowWidth - mainWidth); 2) Прокрутка на 100px с задержкой в 1с: function scrollPage() { window.scrollTo({ top: 100, left: 0, behavior: "smooth" }) }; setTimeout(scrollPage, 1000); Но тут нюанс, что не сказано от верха элемента или от всей страницы, поэтому можно использовать и srcollBy() 3) Получение и вывод в консоль координат трёх элементов: const elem1 = document.querySelector('.lesson'); const elem2 = document.querySelector('.lesson__item1'); const elem3 = document.querySelector('.lesson__item2'); const getElem1 = elem1.getBoundingClientRect(); const getElem2 = elem2.getBoundingClientRect(); const getElem3 = elem3.getBoundingClientRect(); console.log(getElem1, getElem2, getElem3);
Б***ха мучався со 2 задачей! У Жеки на відео крапка з комою стоїть не за фігурними скобками, а за простими! І не як в мене не виходило прокрутити.... Так і думав, щось з сінтексом в мене не те)) Cool Day - дякую!!
Благодарю вас за ваши уроки! Вы отлично объясняете и структурированно подаете материал. Круто! Лучшие видео уроки в русском сегменте! А ещё есть такой момент. Вы можете свои ролики как часть портфолио на фрилансе выставлять) (шутка) Хотя и в ней есть часть правды. Лишь тот, кто в совершенстве знает свою предметную область, может так качественно объяснять... Евгений Батькович - Благодарю!) Привет из Минска!
Огромное спасибо за то что вы так сильно посторались и зделали для нас такой такой полезный урок. А мы можем вас поблогадарить только лайкам подпиской и репостом.
Комментарий ради комментария). Только вот на днях сам разберемся в этой теме, знал бы, не торопился😃. Предполагаю что следующий выпуск про "Event" и "EventListener()?
Огромное спасибо что вы делаете такие динамичные видео, решил заниматься программирование на летних каникулах и вообще хорошее лекарство из скуки, возможно перерастает во что нибудь большое, очень хорошая подача информации в отличии от других каналов и приложени, нету воды, почти все время-это чистая инфа. Кстати будете продолжать этот плейлист?Может расскажите нам об друзьях Js?))
Евгений, просмотрела Ваши видео по css/html, сейчас смотрю js. Ваша подача материала самая структурированная, функциональная и практически ориентированная из всех что я встречала. Вопрос не по теме видео: « Вы работаете с Wordpress? Что думаете о нем?»
24:23 Я не понял как можно при нажатии на кнопку вызвать функцию, когда ты не написал саму функцию, но не вызываешь еёё никаким образом? Это где-то ещё спрятано? Просто код я вижу таким образом: const block = document.querySelector('.lesson__block'); const button = document.querySelector('button'); function setElementScrollBy () { block.scrollBy({ top: 20, left: 0, behavior: "smooth" }) } button.addEventListener('click', setElementScrollBy);
Ответ на вторую задачу: function setScrollTo () { window.scrollTo (0,100); const windowScrollTop = window.pageYOffset; console.log(windowScrollTop); } setTimeout (setScrollTo,1000);
При этом коде у меня прокручивается только на 76px (если страница развернута на весь экран). Если выйти из полноэкранного режима, то Chrome прокручивается правильно на 100px (и на 200px). Подскажите, что исправить! Спасибо!
@@asadj7085 Спасибо за предположение, но высота 1236px. Обнаружила, что код работает неправильно только в полноэкранном режиме. Как исправить не знаю. У вас одинаково прокручивается на 100px в полноэкранном режиме и нет?
Спасибо, ваш курс многих познакoмил с JavaScript. Хорошая подача и интересное дз делает обучение только интереснее. Вы еще не думали когда приблизительно выйдет новое видео по курсу?
Как вам?
💪 Курс по верстке: edu.fls.guru
🔴 Карта канала: miro.com/app/board/o9J_lZB3YKI=/
🔴 Получить доступ к плюшкам + поддержать канал: www.patreon.com/freelancerlifestyle
🔴 Telegram канал: t.me/freelancer_lifestyle (teleg.run/freelancer_lifestyle)
🔴 Telegram чат по верстке: t.me/flschat (teleg.run/flschat)
🔴 Facebook: facebook.com/freelancerlifestyle
🔴 Instagram: instagram.com/freelancer.lifestyle
Крутяк. Лайк. Супер. С каждым новым уроком становится интереснее и в то же время сложнее становятся комбинации приёмов JS. Столько впереди всего, начинает кружится голова и появляется нервозность.
@@MegaTesei хех, ничего, разберемся)
Не работает ничего. Пробую разные способы. DOM загружается и должна прокрутиться страница вниз, но бездействие.
Быстрый скролл не работает вовсе. Дёргается вниз и обратно сразу же. Smooth, наконец, заработал.
Я в онемении! Фантастика! Так четко и понятно! Громаднейшая подготовительная работа! К этому видео я буду возвращаться как к конспекту снова и снова! Женя, так излагать - это дар! Спасибо-спасибо-спасибо!!!
Пожалуйста
Перед просмотром всегда жмите лайк, только потом приступайте к просмотру! :)
Женя спасибо за труды и качественную подачу материала, лучший!
Спасибо!
Правильный алгоритм действий 👍действую по такому же
Вот насколько с душой Женя делает свои уроки, которые доступны в открытом доступе! Сделаны кнопки, обозначены блоки, все понятно и практично! Мне сложно представить сколько времени и сил в это вложено. Это огромный вклад в образование. Требую памятник как минимум в центре Ужгорода!
Это один из важнейших уроков, на мой взгляд
Есть такое
Круто як завжди)) а стабільність ознака майстерності☝️
Дякую!
Ти випускаєш відео дуже наближенні по темі які я прохожу на курсах, дякую
Будь ласка!
Четко, без воды, с результатом, не перестаю удивляться, как такое можно находить в бесплатном доступе, спасибо вам:)
Пожалуйста!
Одновременно и качественный и обучающий контент, видно что для людей делается. Хотелось бы чтобы автор сделал видео с ответами на самые часто задаваемые вопросы
Спасибо, сделаю!
@@FreelancerLifeStyle ну от нехай і зробить той хто поради роздає)) У вас і так є чим зайнятись, добрі уроки робите)
Коменнтарий ради поднятия видео👍
Спасибо!
Наконец-то комплексно изучу эту тему! Спасибо!!!
Пожалуйста!
Вот я и закончила твой бесплатный курс) Спасибище огромное, если бы ты так доходчиво не обьяснял - я бы давно сдалась.
Очень хочется урок про интерфейсные события - с нетерпением жду новые видео о JS, а пока позанимаюсь по плейлисту "Как это сделать''.
Курс всегда будет дополняться!
@@FreelancerLifeStyle А дальше все на Украинском будет?
@@Ibralog_ да
@@Ibralog_ придётся потерпеть с js. И выучить украинский 😅😅😅
Огромное спасибо! Доступно, четко, разжевано! Низкий поклон за Ваш труд!
Пожалуйста!
все ваши виде это лучшее что можно найти на русскоязычном сегменте! Я поддерживаю вас во всём! желаю мира и спокойствия вашей стране и семье
Ураааа! Новое видео! Ещё не дошёл до этого урока (я вообще на flex) но ради просмотра, лайка и коммента смотрю сейчас, пока кофе пью
Спасибо!
Однозначно, к просмотру и пересмотру-очень выручают видеоуроки! Да и человек не может все запомнить! Спасибо за проделанную работу!
Пожалуйста!
Дякую за корисний матеріал) тільки твої уроки так легко заходять
Спасибо тебе большое,за все что ты делаешь на этом канале,в особенности спасибо за подробное разжевывание вёрстки и за этот плейлист джиэс.Надеюсь ты не забросишь уроки по джиэс, в русскоязычном ютюбе ничего лучше,чем твои уроки я не встречал.
Объемный урок, нужно повторить не раз и не два) Спасибо за твой труд!
Этот урок заслуживает отдельного лайка )))
У Вас самые понятные и практические материалы. Большое спасибо за Ваш труд. Очень полезно.
Превосходно, ВЕЛИКОлепно, ПОТРЯСАЮЩЕ!
Спасибо!
Як завжди, константно підтримуємо найкращій канал!
Спасибо за видео!
Пожалуйста!
Такой топ контент на канале, просто не могу понять почему так мало просмотров и лайков.
Видео в топ⬆️⬆️⬆️
Спасибо!
Видео радует до последней секунды))) всем смотреть до конца
Хех, спасибо!
Женя, спасибо за крутое видео!!! Ждём дальнейших уроков по JS!!!! Ты просто мега-талантливый преподаватель!!!!
Пожалуйста!
наконец-то и покушать можно под видосик)
Приятного
Как всегда на высоте
Спасибо!
Годнота подъехала. Приступаю к изучению 👍
Супер!
У меня тотемное животное - Сова xD
Новости крутые и интересные, как и подача !
Уважение таким людям как Жека Фрилансер По Жизни !
Крутой урок, как всегда! Всё последовательно, доступно, со множеством примеров. Спасибо огромное!
Супер интересно и важно! Благодарю!
Пожалуйста!
Невероятный урок, огромное спасибо, очень жду уроки про события
Спасибо!!! Это то что я давно искал!
Пожалуйста!
Надзвичайно корисний урок!
Дякую!
1) Ширина полосы прокрутки по Y:
const width = document.documentElement;
const mainWidth = width.clientWidth;
const windowWidth = window.innerWidth;
console.log(windowWidth - mainWidth);
2) Прокрутка на 100px с задержкой в 1с:
function scrollPage() {
window.scrollTo({
top: 100,
left: 0,
behavior: "smooth"
})
};
setTimeout(scrollPage, 1000);
Но тут нюанс, что не сказано от верха элемента или от всей страницы, поэтому можно использовать и srcollBy()
3) Получение и вывод в консоль координат трёх элементов:
const elem1 = document.querySelector('.lesson');
const elem2 = document.querySelector('.lesson__item1');
const elem3 = document.querySelector('.lesson__item2');
const getElem1 = elem1.getBoundingClientRect();
const getElem2 = elem2.getBoundingClientRect();
const getElem3 = elem3.getBoundingClientRect();
console.log(getElem1, getElem2, getElem3);
Б***ха мучався со 2 задачей! У Жеки на відео крапка з комою стоїть не за фігурними скобками, а за простими! І не як в мене не виходило прокрутити.... Так і думав, щось з сінтексом в мене не те))
Cool Day - дякую!!
Навіть, якщо і там, і там поставити крапку з комою, то сработає код!!
setTimeout(window.scrollBy,1000,0,100); вот и все на 2 задачу
Благодарю вас за ваши уроки!
Вы отлично объясняете и структурированно подаете материал.
Круто! Лучшие видео уроки в русском сегменте!
А ещё есть такой момент. Вы можете свои ролики как часть портфолио на фрилансе выставлять) (шутка)
Хотя и в ней есть часть правды. Лишь тот, кто в совершенстве знает свою предметную область, может так качественно объяснять...
Евгений Батькович - Благодарю!) Привет из Минска!
Хех) Спасибо!
Женя ты лучший👌 лайк и коммент для продвижения
Спасибо!
Спасибо за потраченное время и такой крутой контент!
С нетерпением ждём разбора событий в js ; )
Замечательный урок всегда круто,
всегда супер и интересно
Спасибо!
Спасибо, очень полезная информация.
Пожалуйста!
Як завжди корисно і зрозуміло. Дякую!!
Будь ласка!
Спасибо, Жека!
Огромное спасибо за то что вы так сильно посторались и зделали для нас такой такой полезный урок. А мы можем вас поблогадарить только лайкам подпиской и репостом.
Женя огромное Вам спасибо, очень четко, понятно, Мегареспект)
Пожалуйста!
Спасибо вам огромное.
Считаю несправедливым количество лайков. Ну слишком их мало. Спасибо за урок. Медленно, но верно двигаюсь дальше)
Ждал эту тему!!! Спасибо 🙏
Пожалуйста!
Очень круто!
Было бы круто если бы показал как изменять позицию объектов в зависимости, например, от скрола страницы.
Ок
Лайк. Ждём продолжения курса. Спасибо за работу!!!
Пожалуйста!
Очень доступно и четко! Надеюсь на продолжение столь полезных уроков
Крутое видео!
как же ты хорошо объясняешь!
Вот бы ты объяснил фетч и промисы 😍😍
Женя, спасибо если можно делай побольше уроков по JS я жду каждыц твой урок с нетерпением
Да, стараюсь)
Женя, спасибо!!!
Супер! Долго ждал продолжение урока по JS! Спасибо!
Пожалуйста!
Дякую за відео Женя
Супер круто!!! Спасибо!!!
Пожалуйста!
спасибо за обучалки.бамбический видос.
Как всегда красава, завтра обновлю свой конспект на твою версию
Спасибо!
Оч полезные свойства, было бы круто след видос про Intersection Observer, и соответственно ,что с ним можно придумать интересного)
Это я и анонсировал в этом видосе)
@@FreelancerLifeStyle сорян досмотрел только до конца занятия))
Дякую, Жека! Твої координати - на вершині ))) 🔝
дивлюсь теорію і сплю, але на домашні аж адреналін піднімається😀
Огромное спасибо!!
Пожалуйста)
Просто красавчик, других слов сложно найти!
Спасибо, Жека за твой труд! 🔥👍💣
Комментарий ради комментария). Только вот на днях сам разберемся в этой теме, знал бы, не торопился😃. Предполагаю что следующий выпуск про "Event" и "EventListener()?
Думаю да
Топ видео, спасибо 👍👍👍лайк поставил😁
Спасибо!
Жека, спасибо за уроки
Большое спасибо за твой труд!
Пожалуйста!
Женя спасибо за труды🤗😊!!!
Как всегда, огромное спасибо и хорошего настроения!
А что за локальный сервер используется? дополнение liveserver?
Огромное спасибо что вы делаете такие динамичные видео, решил заниматься программирование на летних каникулах и вообще хорошее лекарство из скуки, возможно перерастает во что нибудь большое, очень хорошая подача информации в отличии от других каналов и приложени, нету воды, почти все время-это чистая инфа. Кстати будете продолжать этот плейлист?Может расскажите нам об друзьях Js?))
Спасибо 👍
Пожалуйста!
Походу идеальнейший курс закончен, пойду смотреть "Как это сделать". Спасибо огромнейшее за курс)
Понятно объясняет уроки эхх жду от вас сердечко ? 👋👋
Спасибо!
@@FreelancerLifeStyle 😍😍😍☝️
@@FreelancerLifeStyle если что я из Ингушетии Салам 👋
Евгений, просмотрела Ваши видео по css/html, сейчас смотрю js. Ваша подача материала самая структурированная, функциональная и практически ориентированная из всех что я встречала. Вопрос не по теме видео: « Вы работаете с Wordpress? Что думаете о нем?»
Спасибо, курс по WP в планах!
@@FreelancerLifeStyle здорово, ждём))))
Отличный контент, Спасибо!
Часто, как раз не хватает понимания - взаимодействовия js с элементами браузера.
Как всегда спасибо! Информация плотно подана, в общем все круто!
Жека, урок классный. Было бы ещё лучше, если бы ты показывал html документ почаще и написание кнопки в js
Если речь о событиях то это следующий урок
Супер!
Спасибо! 👍✨
Наконец-то 🤗
))
24:23 Я не понял как можно при нажатии на кнопку вызвать функцию, когда ты не написал саму функцию, но не вызываешь еёё никаким образом? Это где-то ещё спрятано?
Просто код я вижу таким образом:
const block = document.querySelector('.lesson__block');
const button = document.querySelector('button');
function setElementScrollBy () {
block.scrollBy({
top: 20,
left: 0,
behavior: "smooth"
})
}
button.addEventListener('click', setElementScrollBy);
А что за настройка, когда выделяешь элемент в консоли, и элемент автоматически подсвечивается в окне просмотра? 32:26
Жека, большое тебе спасибо! Жду и изучаю каждый твой выпуск.
Очень желаем увидеть видео про асинхронность, вызовы функции и промисы. Спасибо.
Последние секунды топ) Спасибо за урок, ждем продолжение! Было бы офигенно и по этим урокам шпаргалки)
Как всегда первый📍
Круть!
🔥👍👍
Спасибо!
Ответ на вторую задачу:
function setScrollTo () {
window.scrollTo (0,100);
const windowScrollTop = window.pageYOffset;
console.log(windowScrollTop);
}
setTimeout (setScrollTo,1000);
Спасибо за последнюю строку setTimeout (setScrollTo,1000); , а то я пытался через onload.
setTimeout(function setScrollTo(){
window.scrollTo(0,100);
},1000) Вариант короче)
При этом коде у меня прокручивается только на 76px (если страница развернута на весь экран). Если выйти из полноэкранного режима, то Chrome прокручивается правильно на 100px (и на 200px). Подскажите, что исправить! Спасибо!
@@Алла-н5г сам обучаюсь), первое предположение: попробуйте увеличить высоту страницы, то есть добавить контента
@@asadj7085 Спасибо за предположение, но высота 1236px. Обнаружила, что код работает неправильно только в полноэкранном режиме. Как исправить не знаю. У вас одинаково прокручивается на 100px в полноэкранном режиме и нет?
Спасибо, ваш курс многих познакoмил с JavaScript. Хорошая подача и интересное дз делает обучение только интереснее. Вы еще не думали когда приблизительно выйдет новое видео по курсу?
Спасибо большое, объясняешь очень классно! Будут ещё уроки?
женя спасибр за твои уроки!
Все как всегда очень круто, спасибо!
Зачем я это посмотрел? Я же бэкенд девелопер 😄
Спасибо за видос! 👍🏻
Пожалуйста!
@Фрилансер по жизни - IT и фриланс Как определять координаты flexbox items при скроллировании в разных направлениях?