🤟Полезно? 🔴 Получить доступ к плюшкам + поддержать канал: 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
@СергейДемин-г5в
4 жыл бұрын
Привет. Предлагаю тебе сделать видео о том, как использовать библиотеки правильно, то есть к примеру, вырезания функционала(чтобы она стала менее тяжеловесной). А то я заметил тенденцию твои подписчиков, что они считают что надо все писать с нуля. Надеюсь ты так не считаешь и сможешь объяснить им, что как самопис, так и библиотеки надо использовать разумно
@nitagas187
4 жыл бұрын
Фрилансер по жизни - IT и фриланс Подскажи пожалуйста как сделать чтобы фон оставался на месте и при скролле страницы тексты, каждый текст со своим фоном прокручивался на верх как тут 0:22
@СергейДемин-г5в
4 жыл бұрын
@@nitagas187, либо вешаешь на body картинку и делаешь её фиксированной или в любое место добавляешь картинку делаешь её fixed. И zindex минус один допустим.
@СергейДемин-г5в
4 жыл бұрын
Точнее не в любое место. А чтобы у этой картинки был лишь один родитель-body
@PupaLupaZ
4 жыл бұрын
Братишка, подскажи, что за расширение в VSCode со снипетами? Пахом с Епифаном спрашивают.
@boy_ron
4 жыл бұрын
Я:Только вчера задумался над такой анимацией на сайте. Жека: вот держи!
@FreelancerLifeStyle
4 жыл бұрын
Спасибо!
@blodorn7895
4 жыл бұрын
@@FreelancerLifeStyle это тебе спасибо, я пол инета перерыл в поисках решения)
@blodorn7895
4 жыл бұрын
@@FreelancerLifeStyle а самое главное, что обьясняешь не на древнеэльфийском, а на понятном языке) ты топчик!
@narekhayrapetyan5542
3 жыл бұрын
@@FreelancerLifeStyleвсем привет а почему анимация не работает на андроиде ?
@DenisZagvozdin
4 жыл бұрын
Спасибо тебе за бесплатные и невероятно качественные уроки! Ты - один из немногих, кто показывает всё с нуля и на чистом JS. Не всегда хочется пользоваться сторонними библиотеками и всякими jquery. Спасибо и за это! Продолжай делать контент и помни: живи, а делай годный контент в свободное время
@FreelancerLifeStyle
4 жыл бұрын
Хех, спасибо!
@egoryurchenko7343
4 жыл бұрын
Как раз то что нужно мне сейчас для заказа) Спасибо! лайк
@FreelancerLifeStyle
4 жыл бұрын
Пожалуйста!
@СергейСтепаненко-и7й
4 жыл бұрын
Спасибо за внятный и понятный урок. Жаль, так мало людей Вам поставили одобрительную оценку из тех, кто просмотрел видео (
@FreelancerLifeStyle
4 жыл бұрын
Пожалуйста!
@george_m641
4 жыл бұрын
Наконец-то!!! Всё время хотел понять как это работает, да всё руки не доходили.Спасибо большое!
@FreelancerLifeStyle
4 жыл бұрын
Пожалуйста!
@ПавелПискарь-й6ъ
4 жыл бұрын
Буквально каждое видео - невероятно годный контент. Не канал, а сокровище. Очень рад, что встретил его. Спасибо большое и удачи!
@FreelancerLifeStyle
4 жыл бұрын
Спасибо!
@bio.Minecraft
4 жыл бұрын
вообще не разбираюсь в Js, по рекомендации зашёл. Интересно стало, и тут пожалуйста, все очень понятно. Немного посидел, переписал, все сделанное, буду учить дальше). Спасибо большое за информацию!
@FreelancerLifeStyle
4 жыл бұрын
Я рад! Пожалуйста!
@zmeygorynych5684
3 жыл бұрын
Сложный js простыми словами от Жеки) Спасибо, огромный вклад в наше образование)
@ВиталийКабаков-ф5э
4 жыл бұрын
Ура! Злободневный вопрос! Сейчас буду смотреть! Лайк поставил сразу 😜
@FreelancerLifeStyle
4 жыл бұрын
Спасибо!
@moi-nick-zanyat
2 жыл бұрын
просто огромное количество информации в одном ролике, обязательно навешаю ко всему)
@jasonborn4373
Жыл бұрын
Сморю этого человека уже почти год! Нету слов просто, низкий поклон! спасибо!
@ye5275
4 жыл бұрын
Только увидела новое видео - сразу лайк, а потом уже смотреть.
@FreelancerLifeStyle
4 жыл бұрын
Спасибо!
@jusikXL
4 жыл бұрын
Очень нужная инфа, спасибо!
@FreelancerLifeStyle
4 жыл бұрын
Пожалуйста!
@АсяА-ч3я
2 жыл бұрын
Спасибо вам огромное, ваши видео кардинально меняют представление о, казалось бы, таких сложных моментах. Здорово, что вам пришла в голову снимать подобные ролики.
@aleksgbr3878
4 жыл бұрын
80к Жека, мои поздравления!))) Урок по скроллу супер полезный спасиб!!!
@FreelancerLifeStyle
4 жыл бұрын
Спасибо!
@eduardsakulin8700
3 жыл бұрын
Жека, человечище с большой буквы. Разложил все по полкам. Очень годно. Спасибо ОГРОМНОЕ!!
@anutasolnechnaya8297
3 жыл бұрын
Как мне нравится твой канал!!! Все понятно и очень нравится твой стиль преподавания!!!
@FreelancerLifeStyle
3 жыл бұрын
Я рад!
@abolnikov
4 жыл бұрын
Только наткнулся на это видео, видать колокольчик забыл. Но уже заинтриговало. Представляю как мои заготовки оживут после просмотра. Спасибо за такие вот видео. Очень полезно и помогает в развитии.
@koesh4696
3 жыл бұрын
Чем больше узнаю, тем больше понимаю что изучать и изучать ещё оооочень много! Спасибо Жека!
@johndoe4016qweasd
4 жыл бұрын
Большое спасибо тебе за твою работу! Канал просто бомба, для меня как новичка это просто кладязь полезной и интересной инфы. Отдельно благодарю за качество монтажа, это просто нечто)
@FreelancerLifeStyle
4 жыл бұрын
Спасибо!
@user-xr4rd3pm1v
3 жыл бұрын
Спасибо большое за такое подробное описание и коментирование кода! Всё работает))
@dmitrid.317
4 жыл бұрын
Ай да Жека! Всегда умеет порадовать годнотой! Лайкос однозначно)
@FreelancerLifeStyle
4 жыл бұрын
Спасибо!
@timkabaltabaev6085
3 жыл бұрын
Очень помог, действительно было интересно узнать о реализации такой анимации без сторонних библиотек Все доступно, а самое главное - в последствии можно легко настроить анимацию по своему усмотрению
@kulikboxx
3 жыл бұрын
Дай тобі Боже здоров'я, добрий чоловіче!!!
@FreelancerLifeStyle
3 жыл бұрын
Дякую!
@stp9ua
Жыл бұрын
видео наверное полезное для тех кто только начинает изучать фронт. Но даже в этом случае лучше бы сказать что так делать можно но не желательно. Потому что есть Intersection Observer API
@alexles5003
4 жыл бұрын
Спасибо. Очень доходчиво объяснили механизм добавления такой анимации Мне лично не особо нравится когда на сайте все летает и ездит. Но любое желание заказчика... А благодаря вам мы знаем как это желание в жизнь воплотить.
@elkhanhamet2561
3 жыл бұрын
Красавчик Женя!!! Я так долго искал урок по этой теме, и вы великолепно все разъяснили показали. Спасибо вам огромное.
@xxFursiKxx
4 жыл бұрын
то, что я искала! Спасибо! тысяча плюсиков в карму)))
@demendarkness5562
9 ай бұрын
Лучший! Спасибо! Только твои туторы адекватно работают с первого раза!
@dmitrys5369
4 жыл бұрын
Женя, живи вечно! Ты сила!
@FreelancerLifeStyle
4 жыл бұрын
Спасибо!
@shukonfadah5725
2 жыл бұрын
все ваши виде это лучшее что можно найти на русскоязычном сегменте! вы самый лучший! Я поддерживаю вас во всём! желаю мира и спокойствия вашей стране и семье!!!
@xarex785
Жыл бұрын
Один из самых крутых каналов, очень много полезного. Спасибо большое!
@Виктор-ж2р2и
4 жыл бұрын
Спасибо, пол дня убил чтобы найти как это сделать без библиотек. Обычно на ютубе ничего путного никогда не находил, но потеряв надежду что то найти решил написать, и нашел!
@thevalkk5301
4 жыл бұрын
Как всегда топ! Спасибо, Жека
@FreelancerLifeStyle
4 жыл бұрын
Пожалуйста!
@iventeye
4 жыл бұрын
Спасибо, Жека! Давно хотел узнать как это можно делать без библиотек на чистом js и теперь буду использовать.
@FreelancerLifeStyle
4 жыл бұрын
Супер!
@СергейДемин-г5в
4 жыл бұрын
Не рентабельно
@iventeye
4 жыл бұрын
@@СергейДемин-г5в а что рентабельно?
@СергейДемин-г5в
4 жыл бұрын
@@iventeye затраты, время. Хорошо когда вы работаете чисто на себя и один. В остальном есть множество библиотек для этого дела, а если там нет функционала его можно дописать. Вот смотрите у вас есть задача, построить многофункциональный сайт. Для этого обычно либо используют фреймворк или уже примерно заточенные модули на cms под вашу задачу. Вопрос: зачем строить свой велосипед, если уже есть машина, которая вас возит. (аналогия думаю понятна). Да бывают случаи когда нужно что то разработать почти с нуля, но такого на практике не много, получается нет смыла разрабатывать что то заново. Тот же бустрап, вы же не собираетесь его выкидывать, у него хорошая мультиплатформенная сетка. Да согласен может немного тяжеловесна, в этом случае берут за основу чисто расработанную сетку и убирают все остальное, т.к. В большинстве случаев стили будут применяться другие. Я все это к чему: если есть что то готовое, используйте по максимуму. Если вы будете разбираться как и где все это работает до мелочей, уйдёт куча времени, а если вы работаете в компании, это время могло пойти на другие полезные вещи
@СергейДемин-г5в
4 жыл бұрын
В тех же библиотеках можно просто вырезать некую функциональность, которая вам не понадобится. За счёт этого уменьшится вес, плюс вы в большей степени защищены от багов, чем при разработке своего скрипта. Рекомендую использовать туже самую AOS. Вырезать все что вам не нужно и использовать. Зато вы будете уверены что все будет работать как надо
@mikekuibyshev4848
4 жыл бұрын
Уже час сижу и не понимаю почему ошибка в консоле(
@yellowmind
4 жыл бұрын
Только посмотрел про параллакс, а тут и анимация появилась. Спасибо, Жека! очень пригодится 🤔
@FreelancerLifeStyle
4 жыл бұрын
Супер!
@ЕгорВоробьёв-ф7п
Жыл бұрын
Огромное спасибо за годную информацию! Ваши видео помогают мне во многом!
@Shadow9402
4 жыл бұрын
Отличный урок, Женя, спасибо большое! Обучаюсь только по твоим видео 👍
@FreelancerLifeStyle
4 жыл бұрын
Я рад!
@Fr4Q-h7l
Жыл бұрын
Рома дуже дякую тобі за урок, черпаю спокій та рівновагу, дуже цінні знання. Мирного неба
@SuperRAilya
Жыл бұрын
8:46 11:54 не анимировать когда скролишь вверх 13:30 анимация текста при скроле 15:39 17:33 анимация изображения + текст 19:32 поочередное появление (комментарий для себя)
@gio2156
4 жыл бұрын
а я думал это сложно, думал всякие плагины нужно подключать, которые понять сложнее и гораздо дольше, и подключал, лол, даже не пытался написать все руками, спасибо Жека! за почти что год я на ютубе лучше тебя никого не нашел, ни на англоязычном ни на ру
@FreelancerLifeStyle
4 жыл бұрын
Спасибо!
@DenysIvanov-z7c
Жыл бұрын
Дякую, гарний приклад )) Дякую за твої труди)
@TheMuxacb
4 жыл бұрын
Как же я ждал этого видео ))
@FreelancerLifeStyle
4 жыл бұрын
Хех, надеюсь полезное!)
@maksrygaev3900
3 жыл бұрын
Спасибо за скрипт Жека! Шикарный урок как всегда! Обнял
@TheFastmind
3 жыл бұрын
Спасибо. Искал везде материал и опять нашел то, что нужно у тебя)).
@yuriybondaruyk1145
4 жыл бұрын
Спасибо! Как всегда - то, что нужно!)
@FreelancerLifeStyle
4 жыл бұрын
Пожалуйста!
@xakxkux8381
4 жыл бұрын
невероятно полезное видео! благодарю за контент успехов
@FreelancerLifeStyle
4 жыл бұрын
Спасибо!
@СергейГурский-ъ8м
4 жыл бұрын
Максимально полезное видео!
@FreelancerLifeStyle
4 жыл бұрын
Я рад!
@anastasea9101
3 жыл бұрын
Женя, это огонь!! Спасибо!!
@spr1ng586
4 жыл бұрын
Только вчера искал как это сделать ничего не нашёл и сегодня ты делаешь такой подарок спс^
@FreelancerLifeStyle
4 жыл бұрын
Пожалуйста!
@наталиворон
4 жыл бұрын
Евгений огромное спасибо !!!!!
@FreelancerLifeStyle
4 жыл бұрын
Пожалуйста!
@Pavel-ge6lr
4 жыл бұрын
Возможно кому-то поможет. У меня не работала анимация, потому что не заметил в самой первой строчке у себя ошибку: перед '_anim-items' должна стоять точка, либо должно быть написано div._anim-items
@PeLmEn1236
4 жыл бұрын
ААААААА часа два сидел искал ошибку, код переделывал. А всё дело было в точке)) спасибо!
@anastasiyaiko444
3 жыл бұрын
Супер, спасибо! Столько тонкостей показал.
@diasoralbekov6465
3 жыл бұрын
видно как ты кайфуешь в конце от проделанной работы
@НикитаМальцев-н8в
3 жыл бұрын
Женя, спасибо за видео! Супер!
@artemkosherenkov8710
4 жыл бұрын
один з кращих для мене каналів по фронту !!! як завжди - ТОП
@FreelancerLifeStyle
4 жыл бұрын
Дякую!
@vladbash1
3 жыл бұрын
Один я заметил, что постоянно меняются имена классов и в принципе код? Как все пишут, что всё отлично Переписал код буква в букву - ничего не работает Возможно как раз из-за того, что каждый раз показывается разный код Не знаю специально это или нет
@АлексейАрестов-у8у
2 жыл бұрын
Фрилансер, благодарю! Все получилось!!!
@artikor8071
4 жыл бұрын
Полезная. Информация. Проверять я ее конечно же буду :D +идея для видео - блочный скроллинг (fullpage.js)
@glebkabayjanov5646
4 жыл бұрын
Ну что сказать просто ЛУЧШИЙ !!!!!!!!!!!!!!!!!!!!!
@Sobanim
4 жыл бұрын
Как всегда всё супер!) Большое спасибо) Только вот, хотел бы ещё увидеть видео от Вас, о том, как сделать анимированный счётчик (клиентов, заказов), где при скроле на элемент идёт отсчёт от 0 до заданного значения. В лендингах такое часто используется
@vladislavbondarenko5190
4 жыл бұрын
Жека спасибо за видос как всегда на высоте
@FreelancerLifeStyle
4 жыл бұрын
Пожалуйста!
@Дмитрий-л4с9х
2 жыл бұрын
Спасибо! Не всё, конечно, понятно, но есть над чем поломать голову. Отличный урок!
@elenarizhankova6316
2 жыл бұрын
Спасибо огромное!! всё по сути и понятно!
@Andrey_Mendel
3 жыл бұрын
Круто! Есть куда стремиться)) Видел такую анимацию у девушки веб-дизайнера на её сайте.
@Andrey_Mendel
Жыл бұрын
Повернувся до відео - це коли ти вже розумієш, що пишеться в js - супер!
@anvar_music
2 жыл бұрын
Очень классно выглядит, правда понял только суть. Завтра попробую за видео повторить. Урок очень качественный. Лайк подписка.
@amily-sky
3 жыл бұрын
Как Вы делаете анимацию на сайтах? Используете ли animate.css и wow.js или делаете на чистом js? Актуально ли в 2021 использовать animate.css?
@ДмитрийМельников-ъ3в
3 жыл бұрын
Великолепно! Спасибо большое!
@ТимурСагайдаков
4 жыл бұрын
Спасибо за ролик!
@FreelancerLifeStyle
4 жыл бұрын
Пожалуйста!
@ДарьяАрсеньева-х9и
3 жыл бұрын
Спасибо! Круто, как всегда 😉
@КаналДимона-ю1ъ
3 жыл бұрын
Спасибо за видосы, просто The Best!!
@EvgenOl
4 жыл бұрын
Теперь ноутбук при просмотре этого сайта греет немного лучше. Спасибо :)
@phat80
3 жыл бұрын
Слабенький у тебя ноутбук, если его это так напрягает )))
@TheVer0n
3 жыл бұрын
ты очень крут) спасибо за урок
@FreelancerLifeStyle
3 жыл бұрын
Пожалуйста!
@alexkreyn386
4 жыл бұрын
Как всегда на высоте, вот только в силу обыденности уже лень писать подобные комментарии, ведь и без них и дураку все понятно) теперь ждём js ♥️♥️♥️
@FreelancerLifeStyle
4 жыл бұрын
JS уже скоро!
@marinaermilova7912
4 жыл бұрын
Привет, еще как полезно и интересно. Спасибо большое.
@sonyachna_jul
2 жыл бұрын
Спасибо большое!)))
@FreelancerLifeStyle
2 жыл бұрын
Пожалуйста!
@walkingdolphin9513
2 жыл бұрын
очень нравятся видяшки, и все эти эффекты 😎😊🤩
@SirKotelok
4 жыл бұрын
Тем кто пишет в scss будет полезно.Если есть какие-то предложения или коррективы по миксину - пишите :) @mixin scroll-appearance($X, $Y) { transition: all 1s ease-in-out 0s; transform: translate($X, $Y); opacity: 0; &._active { transform: translate(0px, 0px); opacity: 1; } }
@__-qk1jr
4 жыл бұрын
Дарова, Жека, спасибо за урок
@FreelancerLifeStyle
4 жыл бұрын
Пожалуйста!
@gros_chat_noir
Жыл бұрын
Дякую! Очень полезный урок!
@nermers5029
4 жыл бұрын
Я уже обыскался, как сделать такую анимацию. Спасибо тебе огромное
@Cocojamboz
4 жыл бұрын
Как всегда все круто! Спасибо! вот вопрос, для вэб программирования нужно углубление в JS? или достаточно знать какую то базу? И будут ли уроки по JS?
@FreelancerLifeStyle
4 жыл бұрын
Для верстки базу, для программирования глубже. Уроки по JS будут!
@Cocojamboz
4 жыл бұрын
@@FreelancerLifeStyle благодарю, будем ждать!
@Atelier155
4 жыл бұрын
Спасибо большое
@FreelancerLifeStyle
4 жыл бұрын
Пожалуйста!
@АлександрЧернов-х2у1и
4 жыл бұрын
Ух, как актуально))
@FreelancerLifeStyle
4 жыл бұрын
Я рад!
@tatigif7451
3 жыл бұрын
красавчик ))) спасибо за видосы !!!!
@aripovshahriyor6876
2 жыл бұрын
А ты можешь в начале показать конечный результат, а потом показывать каким способом ты этого достиг? Так будет удобнее и интереснее на мой взгляд.
@matrix-u1n
3 жыл бұрын
У меня почему-то не работает анимация( У меня почему-то отказываются объекты принимать класс active, хотя если вручную их вписать, то все работает
@karlson2804
2 жыл бұрын
разобрались в чем проблема ?
@TipAnswer
4 жыл бұрын
Подсказка не большая, можете не проверять на > 0 а просто записать aniItems.length и все, JS движок проверит, длинна массива не falsy ли значения. А falsy значение это null,false,true, 0 как раз наш , 0.0, -0.0, пустая строка.
@FreelancerLifeStyle
4 жыл бұрын
Возможно ошибаюсь, но где-то это не сработало, по этому пишу наверняка)
@kotbarsik9613
4 жыл бұрын
Спасибо, полезное видео)
@deevue_sews
4 жыл бұрын
Спасибо. Мне урок понравился. Нет обычного твоего наигранного ютубного - эгэгей!!!, -...погнали!!!, -... замечательно!!!. Извини это обычно не круто) (Хотя в уроке про адаптивный текст, это было искренне, я почувствовал что ты был на самом деле очень рад, в остальных всех уроках - "не верю") Интересно было бы посмотреть как сделать подобную функцию для анимации более гибкой, например как magicscroll, хотя бы примерно))) В общем годный контент. Спасибо!
@FreelancerLifeStyle
4 жыл бұрын
Спасибо!
@andreyglavatskikh6403
2 жыл бұрын
Очень помогло, спасибо
@ТинаКовригина
3 жыл бұрын
Благодарю!! Круто!!
@BohdanVR666
4 жыл бұрын
Ура, новый выпуск "как это сделать" И ещё, на вашем сайте, в разделе transform есть спойлер matrix3d. Там 16 букв N в скобках. И они все не переходят на следующую строку. Поэтому в моб. версии сайта эти N, N... Не помещаются на всей ширине телефона. Тоесть просто нужно сделать так, чтобы они переходили на след. строку.
@BohdanVR666
4 жыл бұрын
Ну или просто написать три точки
@SK-in5bj
2 жыл бұрын
Огромное спасибо за доступный и бесплатный формат подачи, и то, что осталось на русском языке из материалов. Очень надеюсь и жду, когда все хорошо закончится для Украины и украинцев. Жаль, что русскоязычный сегмент потерял такого талантливого блогера. Мира и процветания тебе, твоей семье и твоей родине.
@sheri5548
3 жыл бұрын
Вопрос: если посмотрела и ничего не поняла, о чем идёт речь; какие видео перед этим надо будет посмотреть? Что выучить? Спасибо
@sheri5548
3 жыл бұрын
Имею в виду js, основы посмотрела, а тут уж очень пфффф )))))
@serhiipeksymov3739
4 жыл бұрын
Круто!💪
@FreelancerLifeStyle
4 жыл бұрын
СпасибО!
@maxim7603
4 жыл бұрын
Спасибо, классное видео
@ilicoartiom1228
4 жыл бұрын
Женя, видео класс👍💪. Очень полезное. У меня есть к тебе такой вопрос: мне 15 лет и я изучаю вёрстку и знаю html, css, препроцессор scss, немного gulp и другие технологии по типу git, npm и так далее. Но я хочу стать фронтендом и для этого мне нужен js и я его изучаю но я его трудно осваиваю. Мне все же продолжать изучать js в 15 лет? Или есть другие решения по типу изучение лучше вёрстки и потом когда буду старше начну js изучать. Интересен твои совет ;)
Пікірлер: 404