Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
dTub
Скачать

Приложение Clients на чистом JS. Стилизуем и анимируем модальное окно

Автор: Skill Blog: Веб-разработка

Загружено: 2021-11-28

Просмотров: 2149

Описание:

Телеграм канал: https://t.me/vftuijgd

Исходники: https://clck.ru/Z5Yc2
Макет: https://www.figma.com/file/jD6g40oXKb...
Плейлист для практики JS: https://clck.ru/VwLid
Плейлист для практики верстки: https://clck.ru/UzwEy

00:00 Интро
01:00 Пишем общие стили
04:50 Создаем файл CSS
05:10 Анимация появления модального окна
07:25 Логика удаления модального окна
09:00 Крестик закрытия модального окна
12:16 Стилизуем заголовок
13:46 Стилизуем форму
14:13 Анимация инпутов формы
21:20 Стилизуем инпуты
23:55 Стилизуем все кнопки
39:55 Аутро

#js #марафонjs #jsпрактика #jsdom #javascript #jsmodal #модальноеокноjs

Приложение Clients на чистом JS. Стилизуем и анимируем модальное окно

Поделиться в:

Доступные форматы для скачивания:

Скачать видео mp4

  • Информация по загрузке:

Скачать аудио mp3

Похожие видео

array(10) { [0]=> object(stdClass)#6384 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "lRK3CCOPlDY" ["related_video_title"]=> string(104) "Приложение Clients на чистом JS. Добавление контакта клиента." ["posted_time"]=> string(21) "3 года назад" ["channelName"]=> string(39) "Skill Blog: Веб-разработка" } [1]=> object(stdClass)#6357 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "jM14cBDqQXA" ["related_video_title"]=> string(98) "Россия обстреляла Boeing / Массовая эвакуация из столицы" ["posted_time"]=> string(21) "3 часа назад" ["channelName"]=> string(10) "NEXTA Live" } [2]=> object(stdClass)#6382 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "9V0APJvQtL4" ["related_video_title"]=> string(75) "Собеседование Middle Frontend: JS + React + TS + GraphQL + RTK" ["posted_time"]=> string(25) "2 месяца назад" ["channelName"]=> string(39) "Skill Blog: Веб-разработка" } [3]=> object(stdClass)#6389 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "RnHC1XiNWS8" ["related_video_title"]=> string(94) "Венедиктов – страх, Симоньян, компромиссы / вДудь" ["posted_time"]=> string(21) "5 дней назад" ["channelName"]=> string(10) "вДудь" } [4]=> object(stdClass)#6368 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "dENrfuaz-0A" ["related_video_title"]=> string(99) "Взлом bybit: детали произошедшего, что было на самом деле" ["posted_time"]=> string(19) "4 дня назад" ["channelName"]=> string(7) "DeFrens" } [5]=> object(stdClass)#6386 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "MS4i9gBfQ7g" ["related_video_title"]=> string(128) "С-400 и "Панцирь": Как Россия вооружила Иран против Запада? | Скотт Риттер" ["posted_time"]=> string(24) "13 часов назад" ["channelName"]=> string(31) "Невидимая Правда" } [6]=> object(stdClass)#6381 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "gZn2zINaFkk" ["related_video_title"]=> string(174) "💥12 МИНУТ НАЗАД! Ракеты накрыли автобусы с солдатами рф! НАКИ: десятки погибших лежат прямо на..." ["posted_time"]=> string(21) "4 часа назад" ["channelName"]=> string(31) "Телеканал Прямий" } [7]=> object(stdClass)#6391 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "8UPDF-Is9o0" ["related_video_title"]=> string(118) "Китай представил самых безумных дронов на выставке UAV SHENZHEN EXPO 2025!" ["posted_time"]=> string(19) "4 дня назад" ["channelName"]=> string(12) "Alex Robolab" } [8]=> object(stdClass)#6367 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "PuQPYJmAq94" ["related_video_title"]=> string(96) "Искусство молчания для лучшего контроля: Макиавелли" ["posted_time"]=> string(24) "16 часов назад" ["channelName"]=> string(16) "Советник" } [9]=> object(stdClass)#6385 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "18MBp8ugDe0" ["related_video_title"]=> string(69) "Почему нельзя думать, что вы не можете" ["posted_time"]=> string(25) "3 месяца назад" ["channelName"]=> string(7) "cogitos" } }
Приложение Clients на чистом JS. Добавление контакта клиента.

Приложение Clients на чистом JS. Добавление контакта клиента.

Россия обстреляла Boeing / Массовая эвакуация из столицы

Россия обстреляла Boeing / Массовая эвакуация из столицы

Собеседование Middle Frontend: JS + React + TS + GraphQL + RTK

Собеседование Middle Frontend: JS + React + TS + GraphQL + RTK

Венедиктов – страх, Симоньян, компромиссы / вДудь

Венедиктов – страх, Симоньян, компромиссы / вДудь

Взлом bybit: детали произошедшего, что было на самом деле

Взлом bybit: детали произошедшего, что было на самом деле

С-400 и

С-400 и "Панцирь": Как Россия вооружила Иран против Запада? | Скотт Риттер

💥12 МИНУТ НАЗАД! Ракеты накрыли автобусы с солдатами рф! НАКИ: десятки погибших лежат прямо на...

💥12 МИНУТ НАЗАД! Ракеты накрыли автобусы с солдатами рф! НАКИ: десятки погибших лежат прямо на...

Китай представил самых безумных дронов на выставке UAV SHENZHEN EXPO 2025!

Китай представил самых безумных дронов на выставке UAV SHENZHEN EXPO 2025!

Искусство молчания для лучшего контроля: Макиавелли

Искусство молчания для лучшего контроля: Макиавелли

Почему нельзя думать, что вы не можете

Почему нельзя думать, что вы не можете

© 2025 dtub. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: [email protected]