Анімація цифрового лічильника при скроллі. Пишемо на HTML CSS JavaScript
Vložit
- čas přidán 16. 06. 2024
- У цьому відео покажу як легко зробити анімацію цифрового лічильника при скроллі сторінки на HTML CSS JavaScript
🟢 Понад 5 000 пропозицій роботи для програмістів з України на Just Join IT bit.ly/3zJiIEt
👉 Канал Just Join IT на Телеграмі - t.me/+6SEKsCc3I7pjNjU0
👉 Група Just Join IT на Facebook - bit.ly/3kuVg55
🤟 Матеріали уроку (патреон): / 67963532
❤️ Стати спонсором каналу: / @freelancerlifestyle
🔴 Платний курс по верстці: edu.fls.guru
🤟 БЕЗКОШТОВНИЙ курс по верстці сайтів (HTML, CSS, JavaScript): • БЕСПЛАТНЫЙ курс по вер...
🔴 Карта каналу: miro.com/app/board/o9J_lZB3YKI=/
🔴 Отримати доступ до екстра контенту + підтримати канал: / freelancerlifestyle
🔴 Платний курс по верстці: edu.fls.guru
🔴 Telegram канал: t.me/freelancer_lifestyle (teleg.run/freelancer_lifestyle)
🔴 Telegram чат по верстці: t.me/flschat (teleg.run/flschat)
🔴 Facebook: / freelancerlifestyle
🔴 Instagram: / freelancer.lifestyle
00:00 - У випуску
00:27 - Реклама
01:43 - Лічільник при завантаженні
08:40 - Лічильник при скроллі
14:53 - Заключення і матеріали
👉 @IT-ПРИСТРАСТІ, українськомовний канал присвячений інтерв'ю з цікавими IT-спеціалістами - / @itpassions
👉 @СЛУШАЙ! Канал с интересными историями из жизни.
👋 Мене звати Женя Андріканич, я IT - спеціаліст. Більше 10ти років займаюсь розробкою сайтів.
Перейняти досвід: / freelancerlifestyle
#навчання #верстка #фрілансерпожиттю
🤟 Живи, а працюй у вільний час! ©
Рубрика набирає оберти, далі більше!
🔴 Карта каналу: miro.com/app/board/o9J_lZB3YKI=/
🔴 Отримати доступ до екстра контенту + підтримати канал: www.patreon.com/freelancerlifestyle
🔴 Платний курс по верстці: edu.fls.guru
🔴 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
Ваші курси - ТОП! Респект та подяка за Солов'їну! Дай Бог Вам здоров'я, пане Євгене!
Дуже дякую дядьку Євгене.
Як завжди неперевершена подача матеріалу!
Оо,то что нужно, спасибо за контент,как всегда чудо!
Дуже добре, Жека! Велике та щире дякую тобі 😊
Женя, дуже дякую за контент. Я буквально минулого тижня обшукав весь інтернет в пошуках такого лічильника. Знайшов інші варіанти які теж працюють але твій однозначно їх перевершує!
Дякую за ці чудові відео!
Велике дякую - і за контент, і за українську мову!
наша зброя в цей момент - вподобайка і комент (с)
Женя, величезне дякую за чудові навчальні відео!👏🙏
Чудове відео! Слава Україні!
Женя, спасибо за работу. Особенно в это время.
Дякую Єваген за корисну та чудову подачу інформації)))
Дуже корисно, дякую =) Не можу дочекатися вересня вже на верстку =))))
Чудове відео, дуже корисно та цікаво )
Дякую! Буду використовувати)
Як завжди вчасно))) як раз таке треба буде на сайті зробити.
офигенный урок, спасибо!
Большое человеческое спасибо.
Дякую за відео, супер! Ви плануєте знімати відео про шаблонізатори та фреймворки JavaScript?
дякуємо за контент!👍👍👍👍👌
Дякую за урок. Дуже корисно
Як ж розцвів україномовний сегмент Ютубу в цей складний час. Не може не радувати слух прослуховування таких прекрасних уроків такою прекрасною мовою)
Дякую за контент
спасибо за контент, очень полезный и нужный прием по верстке!
Дуже дякую. Контент супер!
Супер, Женя уважение тебе. Сам Одессит привыкший к общению по русски, но украинский очень люблю.
Дякую Євгене за вашу працю. Дуже приємно дивитися ваш контент українською мовою.
Как будто раньше было хуже или лучше... Все смотрели и смотрят его за подачу и материал, а не за язык на котором он обучает.
@@user-ln5eb3dm2x Я просто висловив свою підтримку та солідарність. Що вас так зачепило, що ви аж вирішили написати цей коментарій?
@@ytuser9248 Потому что был канал на языке котором проще общаться его автору и просматривать зрителям. А по итогу ситуации это никак не поможет. Думаете от смены языка перестанут лететь снаряды или погибать люди?
Таке все у Євгена корисне! Дуже приємно! Дякую! Трохи допрацювал скрипт за допомогою чату (а як же ж без джі-пі-ті, якщо джаваскрипта слабенько так розумієш), тепер анімує при скролі донизу, та не анімує, коли повертаєшся догори. Потім знов анімує, коли гортаєш до низу. І так щоразу та без необхідності перезавантажувати сторінку. Мені так більш подобається :)
Крутий урок, щось подібне написав з викристанням setTimeout. Та твое рішення - це бомба ракета =)) Дякую за науку ))
😊
Дякую!
вже 4 роки пишу на реакті, майже забув ванілу. дякую, що нагадуєш!
Вітаю, дуже цікаво, дуже корисно..
Дякую за відос!
Дякую!!!
Дякую, кожне ваше відео, це дуже потрібний контент
Дзякуй за добры і цікавы ўрок :)
P.S. Прыгожа размаўляеш украінскаю
Дякую за відео! Коментар для підтримки каналу
Дякую за чудове відео, комент в підтримку каналу.
Дякуємо за контент
о! дякую! Новеньке відео!
Крута українська мова!!! Лайк!!!
тепер ми знаємо, як це робити) дякуємо!
Дякую! Цікаво) Плануєте найближчим часом курс по реакт?
Як завжди контент топ, підкину ідею для відео, на intersection observer можна зробити липкий блок, я думаю це був би корисний випуск.
Дякую за солов'їну, побачимось у вересні на курсі
вподобайка, дякую
Дякую Вам велике!!!❤️ 🇺🇦
Добрий день, Євгене! Чи буде відео на каналі про анімовані таби або JavaScript плагін для їх реалізації?
Дякую за відео
Привіт, друже
Виправ тамкод з «лічільник» на «лічильник»
Все супер, молодець🇺🇦
Зразу ставлю лайк🤗
Дуже круто! А ще крутіше, що українською!!!
круте відео)) я колись сам намагався таке зробити, але в мене цифри "домотувались" до потрібного значення нерівномірно - наприклад, якщо було 120, 300, 1000 то 120 і 300 перемотувались приблизно однаково і зупинялись, а 1000 змінювалась далі)) я так і не розібрався з цим))
🔥🔥🔥
Дякую тобі!
Дуже корисна тема, ще й на укр)
Дякую
Майже або навіть більша половина мого навчального процесу побудовано на твоїх відео.
Дякую за класний контент, скоро знайду роботу і обов'язково підпишусь на донати тобі.
тепер Жека вчить не лише верстці, а й украiнськой мові! Браво!
У нас уже палять не лише військкомати, а й обласні управління фсб. :)
Дякуємо) Окремий лайк за Українську)
Дзякую!!!!!!!!!!!!!!!!!!!!!!!
Єх, я чомусь подумав про "спінер" лічильник, коли ти щось відправляєшь і він крутится допоки не прийде відповідь від сервера, якось хотів застосувати, але щось не вийшло. Такий як на відео лічильник використовував, правда в версії попростіше, просто завантажив плагін лічильника. Лайк все одно за відео та vanilla js!
При запуску запиту крутиш спінер, а в обробнику пишеш стоп спінер функцію, коли запит повернеться запуститься твій обробник запиту і зупинить спінер, напевно тут можна неускладнювати завдання.
Спасибо
👌
Супер, знайшов те що хотів. Ти найкращий)
Кількість переглядів вражає добре, що почав робити контент для України!
Найкращий 🫡
Привіт "Фрілансер по життю" !
Велике дякую тобі, за те що й досі снімаєш заради нас !
Вибач, но можеш зробити відео про аудіо?
Вже є
Добры ўрок! Дзякуй! А каму не зразумела , то час задумацца чаму
Доброго ранку! Ми з України!
Це для мене магія. Хотілось би зайнятись версткою, але лячно, що нічого не вийде. Тому поки що відео піддивляюсь. Дякую
Дякую за контент! У вас чудова українська!!!
Уррра Жека повернувся! Щось давненько вже відео вже не було
1. Зрозуміло. 2. Цікаво. 3. Корисно. Ну все як завжди - на висоті, розкішний український контент!
Чи плануються курси по просунутому JS і по фреймворках?
Круто
Лайк, ще не дивлячись 👍🏼
Як красиво це все чути українською❤️🔥❤️🔥❤️🔥дякую Вам!
Спасиб Бро
Доброго дня! Якщо у Вас буде натхнення і можливість, чи не могли б Ви будь ласка показати як правильно робити пагінацію контенту на сторінці, на приклад товарів чи послуг в магазині. Не порахуйте за наглість) дякую вам за Вашу роботу! Якщо вже на каналі було пояснення, то натякніть будь ласка)
Дякую! Головне не зупиняйся!
цікаво,а яка тема використовується у vs code?
Дивись відео про вс код на каналі
привіт, я web backend developer з п'ятирічним досвідом, вже більше місяця дивлюсь твої уроки, вони чудові). Я хочу стати full stack, знаю більшість css селекторів але немаю практики. Чи цікавить тебе менторство?
Привіт, є можливість консультацій www.patreon.com/freelancerlifestyle
але все необхідне є на каналі
круто, підкажи будь ласка скільки часу пішло в тебе щоб написати цей функціонал, хочу орінтуватися скільки б я на це витратив
Теж цікаво)
шикарний ролик, так любо слухати українською
🇰🇬🇺🇦
+ підтримка
А ещё спасибо большое за доп. уроки украинского!) Учить параллельно язык - это прикольно)
🇰🇿🇺🇦
Спасибо за видео. Жалко я плохо понимаю по украинский 👍
Ты разве не видишь что это кино для избранных :)))))
Привіт) Хто користується шаблоном, не підскажете, чи є данний функціонал в ньому?
Буде!
Блин жаль конечно что не на русском(((( а так до этого постоянно смотрел, крутой канал реально! Спасибо за ранние видео!
Все, Путен отменил русский язык🤪. хотя Женю безусловно уважаю
А как по мне даже лучше, я хоть и не очень хорошо знаю его, но процесс создания я понял прекрасно. Спасибо за видео!)
@@Nermenger если бы хотя бы субтитры на русском были - было бы круто
Срусский тут нікому не треба 🖕🏻
Ну когда вы победите русский будет не треба нигде
У мене при виборі картинки вибір дублюється, чи пов'язано це з чертогами (у мене 3 версія)
Так, треба налаштувати плагін з аліасами. Дивись документацію шаблона
@@FreelancerLifeStyle Дякую👍
Не понимаю украинский, но звучит прикольно
личыльнык))))))))))))))))))))))))
сначала чет орнул)
цікаво було б глянути як зробити анімоване колесо прогресу
Спасибо за видеоурок. Не очень понимаю людей, которые пишут, что ничего не понимают на украинском. Я сейчас учу чешский, пока говорю лишь на элементарном уровне, но уже довольно хорошо, благодаря чешскому, стал понимать речь на украинском языке.
Слейся клоун😂
@@qp7543 что?
@@justaman2312 , так ведь канал был русскоязычным раньше, а украинский достаточно сильно похож на русский, и его можно понять, зная лишь русский. А аналогия с самолётом тут неуместна
@@sonqey російська схожа з українською лише на 62%, коли наприклад білоруська - на 82 а польська - на 70
Ребята как в чертогах выключить повтор анимации счетчика при скроле?
Там код отличается
Дивись документацію по спостерігачу
Эх, красивый украинский язык, жаль, что я его плохо понимаю :/ хотя, говорят, если долго слушать, то начинаешь привыкать)
І тут у Вас з'являється чудова причина вивчити його!
Он даже более понятный, чем белорусский.
@@olesyan6781 кстати, да! Белорусский вообще для меня труднопонимаем, даже читать его тяжело, увы, но он тоже красивый)
@@vikinglego4946 попробую, пожалуй :)
@@Kotychka_Nyashnaya , да ну. Яны вельмі падобныя, калі будзеце разумець украінскую мову, тады і беларускую ў той жа час і наадварот )
что обозначает на Js этот символ ( ^ ) помогите