No video

Модальное окно на ЧИСТОМ JS + CSS. Урок 1

  Рет қаралды 240,323

Владилен Минин

Владилен Минин

Күн бұрын

Исходники тут: t.me/js_by_vla...
Получить профессию Frontend разработчика -
bit.ly/3nnuLAb
Подробнее узнать об обучении в Result School -
bit.ly/39Yqd06
Бесплатный курс HTML & CSS - bit.ly/3u6Fd2v
Сделать 5 проектов на JavaScript - bit.ly/3ucagKp
Я в соц сетях:
Telegram: t.me/js_by_vla...
VK: vladile...
Instagram: / vladilen.minin
Мои паблики по JavaScript:
Telegram: t.me/result_sc...
VK: result....
Instagram: / result.scho. .
JavaScript cообщества:
Discord: / discord
Telegram: t.me/js_by_vla...
Roadmap по каналу:
vladilen.notio...
Урок 1. Практика JavaScript. Модальное окно
Предлагаю вам попрактиковаться на реальных задачах в JavaScript со мной
#js #javascript

Пікірлер: 509
@VladilenMinin
@VladilenMinin 2 жыл бұрын
Исходники тут: t.me/js_by_vladilen/138 Получить профессию Frontend разработчика - bit.ly/3nnuLAb
@VladilenMinin
@VladilenMinin 4 жыл бұрын
Как вам идея нового плейлиста?
@barmaxon
@barmaxon 4 жыл бұрын
Заебись :)
@replicant9611
@replicant9611 4 жыл бұрын
весьма
@yakut54
@yakut54 4 жыл бұрын
Ништяк
@nekotoriy
@nekotoriy 4 жыл бұрын
супер!
@Virisound
@Virisound 4 жыл бұрын
Отличная, нужная, необходимая.
@user-gt9kz9bf8m
@user-gt9kz9bf8m Жыл бұрын
Владилен, большое спасибо Вам за Ваши уроки! И теоретическая и практическая части очень подробные и понятные.
@Hacking-NASSA-with-HTML
@Hacking-NASSA-with-HTML Жыл бұрын
ага. И половина из всего - и нафик не нужна 😂 Чистейшая муть
@osmon-11
@osmon-11 4 жыл бұрын
О наконец практические работы, класс.
@user-yr6lv4vc7v
@user-yr6lv4vc7v 2 ай бұрын
Владилен очень крут. Он очень быстро умеет писать код. Он все знает и во всем разбирается. Быстро и непонятно говорит. Он очень умный. Кто бы меня научил всему этому? Кто бы смог это все объяснить просто и понятно? Пойду поищу. Такие люди есть я знаю точно.
@spyinfooo
@spyinfooo 4 жыл бұрын
Отличная советская атмосфера для продуктивной работы)
@VladilenMinin
@VladilenMinin 4 жыл бұрын
Для советских и не только людей)
@taalayedtech
@taalayedtech 4 жыл бұрын
??? 🤔советская?
@user-gu9jg6ei4h
@user-gu9jg6ei4h 4 жыл бұрын
@@taalayedtech советы от души и для всех бесплатно)
@StetskoV
@StetskoV 3 жыл бұрын
Владилен, огромное Вам спасибо за данный ролик, прохожу данный плейлист (Вы очень круто и БЕЗ ВОДЫ все рассказываете). Прохожу его после "Сложный JavaScript простым языком" (овер полезный!!! - всем рекомендую). Данный плейлист прохожу и он как раз показывает (на современный лад) как работают, всеми используемые элементы из библиотек типа Бутстрап, как все работает под капотом - дорогого стоит! ОГРОМНОЕ Вам спасибо!
@sportpro25
@sportpro25 3 жыл бұрын
Спасибо, Владилен, за материал по Javascript. Все подробно, наглядно и без воды.
@velessn
@velessn 4 жыл бұрын
Спасибо Владилен за практические уроки по JS.Реализация в виде плагинов это то что нужно.
@user-tg9wd2hm1g
@user-tg9wd2hm1g 4 жыл бұрын
Спасибо Вам большое Владилен! Мне очень помогли Ваши уроки по JavaScript, а теперь ещё больше практики, это очень важно, поддерживаю Вашу идею и жду следующие видео)
@stadybear4607
@stadybear4607 4 жыл бұрын
Привет. Крутая идея, спасибо. Только небольшое пожелание - перед началом реализации было бы круто если бы четко формулировал что именно собираешься сделать на данном этапе, по типу ТЗ или вообще превью того, что уже позже выйдет, ибо я вот хотел сам попытаться сделать и потом сравнить с твоей реализацией, но как-то толком постановки задачи не услышал конкретно и сразу пошел код твой. Еще раз спасибо, очень качественно выделяешься в сторону "no bs" обучения на ютьюб, даже странно немного :)
@mrybsdev1006
@mrybsdev1006 3 жыл бұрын
Чел, я даже не досмотрел и понял, как это сделать. До этого я вообще не понимал как это работает, т.к. не силен в вебе. Спасибо большое
@gamedevua5295
@gamedevua5295 4 жыл бұрын
Да, тема с практикой классная и нужна. Понятно, что можно подключить готовые решения, но значительно полезнее для развития написать свой кусочек кода.
@user-qj4vy7ut3s
@user-qj4vy7ut3s 4 жыл бұрын
Все инфа без воды и пафоса. Спасибо тебе. Ты, реально, топовый
@user-bm5ge3mr9u
@user-bm5ge3mr9u Жыл бұрын
Интересно? -> Очень Полезно? -> Очень Огромное спасибо за твой труд. Лайк само собой !!!! Очень полезный формат. Формат самый что надо! Побольше практики на основе JS
@Hacking-NASSA-with-HTML
@Hacking-NASSA-with-HTML Жыл бұрын
ты хоть пробовал это повторить ?
@user-rb5gj7ls4n
@user-rb5gj7ls4n 4 жыл бұрын
Не знаю, как у многих тут, но я почему то получаю кайф именно когда пишу на чистом JS, при этом стараюсь использовать как можно меньше функций высшего порядка. Реально удовольствие доставляет это) А Владилену, как обычно, лайк не глядя.
@BHy4OK
@BHy4OK 4 жыл бұрын
Вейсал Таштанов во ты извращуга
@user-rb5gj7ls4n
@user-rb5gj7ls4n 4 жыл бұрын
​@@BHy4OK Есть такое)
@mykhailobokalo6037
@mykhailobokalo6037 4 жыл бұрын
Очень нужно такой формат! Спасибо за труд.
@user-zd1rr5en5t
@user-zd1rr5en5t 3 жыл бұрын
Супер ! Отлично! А самое главное что понятно и повторимо!
@DmitryiTrushin
@DmitryiTrushin 4 жыл бұрын
всё просто - о первых Ваших словах этого поста- креатив для программиста - половина успеха. Начал изучать фреймворки js с декабря - сейчас три проекта по Вашим, в том числе, урокам - блог на vue-inkline, приют для домашних животных сайт будет, инет магазин bootstrap - с загрузкой и выгрузкой партнерских xml - файлов, маленькая интерактивная crm для небольшой адвокатской конторы. Всё бесплатно отдам людям, себе оставлю опыт )
@userbilas
@userbilas 4 жыл бұрын
Задумка самого листа очень хороша, жду продолжения. Данный материал был подан просто на уровне, так что продолжаем ждать следующих примеров с разбором и практической частью самостоятельной работы.
@igorshved2224
@igorshved2224 2 жыл бұрын
Отличные уроки. Наконец для себя нашел того учителя, материал которого заходит на ура
@khamzatseynaroev6310
@khamzatseynaroev6310 4 жыл бұрын
видос от Владилена - сначала лайк, потом просмотр ))))) спасибо за отличный контент
@user-bc5he2ng3i
@user-bc5he2ng3i 4 жыл бұрын
Владилен, спасибо огромное за эту возможность делать практику! Ее очень мало с разбором что? к чему и почему? На одном дыхании! Все очень понятно! пожалуйста, продолжайте! :)
@Hacking-NASSA-with-HTML
@Hacking-NASSA-with-HTML Жыл бұрын
ты хоть пробовал повторить это?
@morginal1849
@morginal1849 11 ай бұрын
@@Hacking-NASSA-with-HTML 🤣
@user-so7gg6co3z
@user-so7gg6co3z 4 жыл бұрын
Владилен привет))) Спасибо большое за новые видяхи)) Пожалуйста подумай про видео с подключением платёжных систем на сайт))) Очень важная вещь. хочется узнать)
@user-oy7rm2kz4z
@user-oy7rm2kz4z 4 жыл бұрын
Спасибо за уроки. Очень крутая подача материала. Хотелось бы ролик про ооп, а именно про то когда и какие классы создавать, какие классы будут наследоваться и т.д. ВААЖНО именно на реальных примерах, а не условный глобальный класс животные с методом бег и от него наследует класс кролики со своими методами. Лично мне очень не хватает понимания этих моментов. Допустим на примере интернет магазина - классы «корзина», «форма» и т.д какие классы должны будут наследоваться от них и т.д
@user-bs3jn4eq8n
@user-bs3jn4eq8n 4 жыл бұрын
Очень крутое видео👍 надеюсь в плейлисте будет много уроков) Спасибо за контент, смотрю с удовольствием)
@user-ck9qy6tf3c
@user-ck9qy6tf3c 4 жыл бұрын
Однозначно полезно. Однозначно буду участвовать, по возможности. Продолжайте плейлист пожалуйста, Владилен
@foryoutubefor4248
@foryoutubefor4248 3 жыл бұрын
а Vi очевидно потомучто Владилен. Прелесть!!!
@skyprime3641
@skyprime3641 2 жыл бұрын
v- Владилен, это база
@abathojalyk1625
@abathojalyk1625 4 жыл бұрын
Vladilen, vse otlichno..i uroki i podacha i tvoe otnoshenie k delu. Respect!
@DIEZ919191
@DIEZ919191 4 жыл бұрын
Присоединяюсь ко всем остальным, отличная идея для плейлиста !
@seventeen8777
@seventeen8777 2 жыл бұрын
смотрю на тебя, а ты оказывается не только программист но и еще чемпион юфс в легком весе!)
@koekto1816
@koekto1816 4 жыл бұрын
Спасибо за данного рода контент! В контрасте всего РУ ютуба это как глоток свежего воздуха. Жду продолжение...
@iliasadkovoi7793
@iliasadkovoi7793 2 жыл бұрын
Вот кто бы что не говорил ,фон просто офигенный . Показывает обычную жизнь Русского человека
@WanKy182
@WanKy182 4 жыл бұрын
Очень интересно и информативно. Ждём следующих
@zhakelee6432
@zhakelee6432 4 жыл бұрын
Думаю надо все скрипты писать в одну документ, а то запутался. Для новичков так понятно, думаю.
@user-ni5yt8mg6n
@user-ni5yt8mg6n 4 жыл бұрын
ахуенно!!! нарекаю этот плейлист отныне быть моим любимым!! штампуй хоть каждый день видосы, буду по несколько раз пересматривать))
@nickkorolev8869
@nickkorolev8869 4 жыл бұрын
Владилен, идея с задачами ТОП! Новый уровень! Это как взаимодействие с аудиторией)))Как насчёт того, что лучшие работы например потом выставлять на показ?) и может какую-то плюшку (какие-то закрытые видео) учащемуся подгонять ?) стимул будет ! -) и в очередной раз огромное спасибо за труд ! Твоя подача материала в СНГ нет равных!!!
@VladilenMinin
@VladilenMinin 4 жыл бұрын
Можно подумать в эту сторону)
@user-ey5ke7ll8s
@user-ey5ke7ll8s 2 жыл бұрын
Добрый день, очень интересно, смотрю и учусь по вашим роликам, удачи вам)))
@user-zq2zo5un2z
@user-zq2zo5un2z 3 жыл бұрын
Офигенное видео. Надеюсь не забросишь этот плейлист
@bohdanrazor5684
@bohdanrazor5684 4 жыл бұрын
Да, полезен, продолжай. Спасибо! Лайк в карму!!!
@yuryitikhonoff9631
@yuryitikhonoff9631 4 жыл бұрын
Очень круто. Респект за best practices для неопытных маслят.
@dmitriyegorov4764
@dmitriyegorov4764 4 жыл бұрын
Спасибо, Владилен! Очень полезный плейлист!
@disconnect355
@disconnect355 4 жыл бұрын
Идея отличная. Ждем продолжения. Спасибо)
@antonkudrin7060
@antonkudrin7060 4 жыл бұрын
Владилен практика просто топчик ) И практикуйся и свои знания укрепляю) Хотелось бы больше практики. Спасибо за ваш труд )
@boburnazirov5495
@boburnazirov5495 3 жыл бұрын
Спасибо огромное за топовые видосы)
@user-vg3em9fs5u
@user-vg3em9fs5u 4 жыл бұрын
Я для практики делал карусель. Написал функцию-констурктор, которая принимает один аргумент - объект. Первое свойство обязательное - ссылка на DOM-элемент с дочерними, все остальные - по желанию (навигация кнопками, точками, классы, автозапуск и т.д.)
@alexlmaxl4966
@alexlmaxl4966 4 жыл бұрын
Спасибо за контент, ждём продолжения!
@MegaTesei
@MegaTesei 2 жыл бұрын
Тайкой формат видео интересен и полезен. Достаточно интересное Домашнее задание, правда не понял про хуки (слэнг новый, не понимаю о чём речь). Сложность интересная, вначале трудновато,но после 10 минут разбора кода всё становится понятно.
@user-su4sj5um3d
@user-su4sj5um3d 4 жыл бұрын
Мне 45, а я как молодой пацан увлекся программированием. Я не хочу устраиваться на работу программистом, хочу просто получать удовольствие от процесса. И ваши видео для меня как вкусный десерт на завтрак. ))
@DmitryiTrushin
@DmitryiTrushin 4 жыл бұрын
да мне даже и побольше ) но я правда программистом и работаю, но там скука и не то немного - а за веб взялся только вот недавно. И тоже - просто ради удовольствия пока..
@kvizzyt7548
@kvizzyt7548 4 жыл бұрын
годнота, идея просто офигенная. Хочу стать веб разработчиком, делай больше того, что встречается чаще всего и делает сайт качественным. Сделай потом навбар какой нибудь, анимации, красотищу ;3
@user-cb8dj5tp3j
@user-cb8dj5tp3j 2 жыл бұрын
Спасибо большое за Ваш контент !!! супер классно заходит!!!
@user-po9kn4ch6g
@user-po9kn4ch6g 3 жыл бұрын
Буду пересматривать. Буду пробовать решать задачи. Нужная и правильная тема.
@imvasia13
@imvasia13 4 жыл бұрын
Огромное спасибо! Тема супер, продолжай!!)
@lavrinov_is2591
@lavrinov_is2591 4 жыл бұрын
Идея огонь! Подход к подаче материала огонь, не то чем напичкан ютуб, а что-то новое!) Пожеланием будет не проподать на недели), а выпускать видео по затронутой теме (в данном случае про модальное окно) с интервалов в 1-2 дня и не важно какой длины эти ролики! Также в данной подаче интересно было бы посмотреть на создание slider'а aka carousel, наверное чаще чем тему модального окна и слайдера не ищут больше ничего)) Ну и спасибо за материал!
@zenfen9442
@zenfen9442 5 ай бұрын
Спасибо за отличные уроки. Все-таки это правильно для обучения обозначать отдельным именованиями с префиксами-подсказками элементы, функции и прочее, чтобы было понятно начинающим что используется в настоящий момент. А то и тут modal и там modal но уже в качестве функции, а так modal, funcModal - отлично понятно. ДА и по ходу легче понимать и не надо вспоминать, что это элемент, класс, функция или что-то еще. То есть снизить порог вхождения для понимания.
@promax866
@promax866 4 жыл бұрын
Супер! Спасибо большое!
@Antonio-fm1sq
@Antonio-fm1sq 4 жыл бұрын
Мужик, как же ты крут! Спасибо!
@ResultSchool
@ResultSchool 2 жыл бұрын
Для тех, кто хочет освоить профессию Frontend разработчика за 7 месяцев - bit.ly/3yrjXqU Освоить основы веб-разработки бесплатно. Курс по HTML & CSS - bit.ly/3yp7CUe
@lightxlampax
@lightxlampax 2 жыл бұрын
Ооооочень круто! Спасибо Практика заинтриговала Готовлюсь к Senior курсу =)
@progtime2000
@progtime2000 4 жыл бұрын
Создание плагинов очень интересная тема. Спасибо за урок!!! Хотелось бы видео о том как создавать отдельные плагины для Vue.js с возможность их подключения через тег .
@user-in8gl4rq4n
@user-in8gl4rq4n Жыл бұрын
Спасибо за контент! давно подобное ищу. давай больше роликов))
@4wesome_maks30
@4wesome_maks30 4 жыл бұрын
Темы для следующих видео : работа со скроллом (например,проверка когда элемент находиться в видимой области что-то с ним делать,можно тротлинг показать заодно) , слайдер на js , корзина товаров , работа с канвас
@alishermereke2953
@alishermereke2953 3 жыл бұрын
Вот только побольше бы роликов в этом плейлисте
@grechino2412
@grechino2412 4 жыл бұрын
Отличный формат, очень полезно!
@Civilizer1976
@Civilizer1976 3 жыл бұрын
Ура!!! наконец-то дошёл до практики :) Правда пропустил видео про JS-паттерны. Надеюсь здесь они не понадобятся. Просто нет терпежа уже никакого изучать и конспектировать чисто теорию.
@MsPervouralsk
@MsPervouralsk 3 жыл бұрын
Супер! Обязательно продолжай.
@user-uj1vg6gq2e
@user-uj1vg6gq2e 4 жыл бұрын
Отличный контент. Буду участвовать в движухе)
@exploringtheworld8780
@exploringtheworld8780 2 жыл бұрын
Огромное спасибо!СуперСуперСупер класс.)))!!!
@aleksdobriy6941
@aleksdobriy6941 4 жыл бұрын
Vladilen front-end framework 👍
@apsolution4722
@apsolution4722 4 жыл бұрын
Качественный контент, спасибо за полезную информацию!
@MaxYanov
@MaxYanov 4 жыл бұрын
полезен ли, да это мега круто Владилен как всегда легко, доступно и понятно лайкос
@trueblackat5566
@trueblackat5566 4 жыл бұрын
Вместо оперирования с z-index для анимации лучше использовать visibility (на это свойство вешается transition). За видео спасибо!
@user-yv4tn5ll9z
@user-yv4tn5ll9z 3 жыл бұрын
Очень круто. Спасибо!
@dmitriif.6270
@dmitriif.6270 3 жыл бұрын
очень классное видео!!! спасибо!
@hwd1978
@hwd1978 3 жыл бұрын
Отличное видео! Было очень интересно и полезно! Спасибо!
@user-tb5tp2tv6x
@user-tb5tp2tv6x 2 ай бұрын
Здравствуйте, Владилен !
@nexgenua
@nexgenua 4 жыл бұрын
Обои топ 😂👍🌚
@user-hd8vw3oj2z
@user-hd8vw3oj2z 4 жыл бұрын
Уважаемый Владилен, большое Вам спасибо!
@a-sher
@a-sher 4 жыл бұрын
отличный плейлист. жду продолжения))
@ivankomar4227
@ivankomar4227 4 жыл бұрын
буду участвовать в движухе, идея для плейлиста интересная. Чувствую, что задачи вызовут у меня трудности)
@VladilenMinin
@VladilenMinin 4 жыл бұрын
Задачи должны быть чуть выше наших умений, тогда и идёт прокачка)
@slapiinf518
@slapiinf518 4 жыл бұрын
О, крутой плейлист. Очень мало подобного.
@user-xg3er7dw8y
@user-xg3er7dw8y 4 жыл бұрын
Как! Ну вот как ты это делаешь - ну просто то что доктор прописал, как раз второй день с модалками ковыряюсь... кстати, в роли джуна, кстати, на своей первой работе, кстати, которую нашёл после прохождения твоего курса по ангуляр на удеми - спасибо тебе ;). Как и говорил ранее - покупка курса на удеми, была моим лучшим вложением десяти баксов.
@VladilenMinin
@VladilenMinin 4 жыл бұрын
Крайне рад слышать, мои поздравления)
@user-xg3er7dw8y
@user-xg3er7dw8y 4 жыл бұрын
@@VladilenMinin спасибо)
@user-bi2vi6gi7y
@user-bi2vi6gi7y 3 жыл бұрын
Супер! Благодарочка за качественный контент. Уже не новичек, но еще не средний по JS. Посмотрел твое видео, и вдохновился сам это сделать модальное окно! Домашнее задание буду проходить.
@DIEZ919191
@DIEZ919191 4 жыл бұрын
я человек простой, вижу новое видео - ставлю лайк!
@Virisound
@Virisound 4 жыл бұрын
Спасибо, Владилен. Коммент для поддержки.
@evg_ep
@evg_ep 4 жыл бұрын
Двумя руками За, отличный материал! Спасибо.
@Ziraman13
@Ziraman13 4 жыл бұрын
реально нужный плейлист жду продолжения
@arturbilyi1010
@arturbilyi1010 4 жыл бұрын
Проходить будем, ждем еще уроков
@TheBorninmotion
@TheBorninmotion 4 жыл бұрын
Круто ! Отличная идея ! Только практика !!
@user-kw3ke3pt8x
@user-kw3ke3pt8x 3 жыл бұрын
Д д , предлагаю , как вариант , изменить концепцию подачи информации , с по частям в целсостный , последовательный формат( разбитый на уроки ) , (тз - решение) **х , на мой взгляд сами части и их целесообразность лучше понимаются в целом , как например практический курс Петриченко созданный из 3-ёх тз . И как тим лид Вы так же должны быть в курсе какие задачи ставятся перед сотрудниками , думаю если бы Вы продублировали в качестве урока (ов) Вашу задачу в формате задача - решение (под ключ) это тоже было бы интересно . С Уважением ... .
@pavelalex420
@pavelalex420 2 жыл бұрын
Добрый день. Спасибо огромное! Я с удовольствием смотрю, изучаю и по многу раз повторяю все написанное. Очень надеюсь, что будет намного больше, решений задач, примеров, и этот курс будет продолжаться!! P.S. запиши, пожалуйста, видео, где объясни принцип взаимодействия js, html, css, git. (логику). (Для новичка, чтоб понимать, как это все вообще работает😆.) Благодарю!
@Hacking-NASSA-with-HTML
@Hacking-NASSA-with-HTML Жыл бұрын
покажи мне свой гитхаб с рабочей версией этого замечательного урока!
@AlexGymbee
@AlexGymbee 4 жыл бұрын
супер) в своем проекте как раз буду делать на днях модальное окно) тема очень кстати
@user-zr4mz8jb4b
@user-zr4mz8jb4b 2 жыл бұрын
Очень и очень круто! Спасибо огромное! очень помогло в обучении
@user-wk1qn4fb1x
@user-wk1qn4fb1x 3 жыл бұрын
Красавчик!!! респ!!!!!
@mator7359
@mator7359 2 жыл бұрын
Здравствуйте Хорошо обясняете
@rustamtishkov2479
@rustamtishkov2479 4 жыл бұрын
Здравствуйте, Владилен, хотел у вас спросить. Можно же было реализовать данный плагин в виде класса? Если да, то почему вы не сделали через класс? Какие недостатки есть у способа через классы?
@enjoymtx
@enjoymtx 4 жыл бұрын
Не хочу показаться занудой, но Владилен на уроке сказал, что покажет только один из способ из множества других.
@KsingHuo
@KsingHuo 3 жыл бұрын
благодаря этому видео я "полностью преисполнился их использованием".
@paulparker3664
@paulparker3664 4 жыл бұрын
очень круто)) и оригинально, спасибо товарищ!))
@hertz3001
@hertz3001 3 жыл бұрын
супер и спасибо, мне похоже пока рано такое понимать)
Пройди игру и получи 5 чупа-чупсов (2024)
00:49
Екатерина Ковалева
Рет қаралды 4,3 МЛН
Underwater Challenge 😱
00:37
Topper Guild
Рет қаралды 41 МЛН
拉了好大一坨#斗罗大陆#唐三小舞#小丑
00:11
超凡蜘蛛
Рет қаралды 14 МЛН
هذه الحلوى قد تقتلني 😱🍬
00:22
Cool Tool SHORTS Arabic
Рет қаралды 56 МЛН
Создай КРУТОЙ проект в портфолио на JavaScript
55:44
Владилен Минин
Рет қаралды 90 М.
Майндсет программиста
19:16
Владилен Минин
Рет қаралды 13 М.
Пройди игру и получи 5 чупа-чупсов (2024)
00:49
Екатерина Ковалева
Рет қаралды 4,3 МЛН