Скачать
Приложение 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
Доступные форматы для скачивания:
Похожие видео
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. Добавление контакта клиента.
Россия обстреляла Boeing / Массовая эвакуация из столицы
Собеседование Middle Frontend: JS + React + TS + GraphQL + RTK
Венедиктов – страх, Симоньян, компромиссы / вДудь
Взлом bybit: детали произошедшего, что было на самом деле
С-400 и "Панцирь": Как Россия вооружила Иран против Запада? | Скотт Риттер
💥12 МИНУТ НАЗАД! Ракеты накрыли автобусы с солдатами рф! НАКИ: десятки погибших лежат прямо на...
Китай представил самых безумных дронов на выставке UAV SHENZHEN EXPO 2025!
Искусство молчания для лучшего контроля: Макиавелли
Почему нельзя думать, что вы не можете