Практика. Часть 14. Анимация, маска и админка | Курс Веб разработчик | Академия верстки

Автор German Usachev
Практика. Часть 14. Анимация, маска и админка | Курс Веб разработчик | Академия верстки

Привет.

На связи. Артем Исламов это. Академия верстки вы сейчас находитесь в плейлисте который называется web-разработчик 10 поток — это записи нашего закрытого курса мы их бесплатно в YouTube, но мы не выложили домашнее задание и дипломный проект от этого курса для того чтобы получить полный доступ ко всем домашним дипломом и так далее.

Вам необходимо перейти по ссылке в описании или вот там справа в углу будет значок информации.

Вы можете кинуть туда и перейти по ссылке, а затем вы оплачиваете полный доступ ко всем домашку дипломным проектом указывайте свою почту после этого получаете доступ полностью к записям курсы веб разработчик 1000 со всеми модулями со всеми заданиями дополнительными заданиями со всеми видео уроками которые здесь есть как мы обычно прикрепляем к каждому нашему уроку и дополнительные документы дополнительные материалы макеты дополнительные ссылки. Поэтому если вы хотите получить полный доступ ко всем записям и не ждать пока они выйдут на ютуби. Вы можете перейти по ссылке в описании и оплатить. Приятного просмотра этого урока. До скорой встречи. Всем привет на связи. Артём Исламов мы продолжаем серию практических занятий мы до. Версаль с вами макет до конца то есть адаптировали его более-менее естественно здесь есть некоторые огрехи я пропустил новый я уверен сами сможете подправить. Если у вас где-то на каком-то экране что-то подъехала. Вы знаете, что такое. Медиа запросы и как при помощи сетки bootstrap можно — это всё подправить или при помощи метизов. Я думаю у вас с этим проблем не будет у вас в любом случае сложилось окончательное понимание как — это всё работает. Давайте введем некоторые косметические ещё штуки для этого макета можно считать работу над ним законченный я не буду в этом курсе делать калькулятор который есть здесь во всплывающих окнах я принял такое решение потому, что всё-таки для того чтобы написать калькулятор расчёта стоимости нужно хорошо знать jtagice3 так просто вот этих вот уроков фактических его особо — это и не дашь. Потому — это тема отдельного курса и у вас как у студентов курсовая разработчик есть возможность пройти курс. Григория там со скидкой чуть ли не 50% для того чтобы — это сделать. Напишите в общий чат он хотел бы пройти курс по jquery я в этом вам промокод который дает вам привилегию пройти его практически по за полцены там 20 уроков и после этого курса вы сможете точно сделать калькуляторы. То есть те которые эти к этому сайту. А мы давайте сделаем некоторые косметические изменения например. Давайте применим анимацию так как мы никак не применяли анимацию на практических примерах мы примем здесь анимацию сделаем валидацию формы формы теперь нас будут проходить в минимальную валидацию то есть проверку перед тем как отправить заявку как собственно — это всё прекратить форме обратной связи и так. А давайте для начала с начнём с анимацией как. Мы помним для — это за — это отвечает файл который называется animate.css контрл Shift S код страницы не сохранил его как анемии тесто на рабочий стол папку Project Source CSS и сохраню сюда поднимаетесь. Отлично Теперь. Нам нужен будет. Джесс И вот уже можно легко найти волос можно найти его на сайте на этом на гитаре и достаточно просто скачать отсюда из папки dist.org.ua и скачай его и сохраню его в папку джаз и так мы сохранили сюда наши файлы откроем проект в нашем редакторе кода подключим аниме ссы подключен вниз LG G2. Вернемся сюда и подключим лгсс Creed Script Source пишем скрипт New или как-то так я сейчас не вспомню. Давайте посмотрим чтобы не ошибиться инициализация скрипта происходит при помощи фразы из него функций скобки танцевал инициализация. Отлично Теперь у нас должен работать должна работать анимация. Теперь мы сделаем анимацию например для заголовка штукатурка Main title давайте сделаем так, что у этого дела будет класс. Волк и например поединок. Давайте посмотрим. Отлично вот появляется наш заголовок то есть мы перезагружаем страницу и появляется наш заголовок. Ну так как он появляется снизу — это не очень смотрится хорошо давайте поэтому всё-таки и вот у нас появится здесь этот элемент вот таким вот образом на главном экране не обязательно что-то они поэтому давайте — это как бы. Смотрится не очень потому, что загружается в этот момент всё и сделаем фэтбайк для формы и получается, что у нас форма с одной стороны заголовок с другой смотрится. Это очень хорошо вот эти преимущества которые у нас есть здесь в слайдере можно сделать следующим образом features блок нас будет в WoW допустим поединок то есть будет приниматься сверху и до того Delay дата. Водолей ну скажем 0,1 дальше я скопирую мы тут часто когда-то волк детей и у нас есть и через блок ставлю вот эта вот часть, но поменяю у них часть где дата волдырей например. Здесь будет уже 0,2 здесь 0,3 0,4 секунды. Желательно чтобы они не так недолго и больше секунды задержку не надо ставить потому, что иначе пользователь может не дождаться на мобильных устройствах вообще может не дождаться загрузки ваших элементов. Ну и не работает слайдер в нос анимация. Ну вот на штукатурке например могу показать. Я просто хочу показать как работает принцип когда вы будете расставлять — это самостоятельно вот у нас есть прайс блок — это сделаем ему вот здесь прайс блок добавим такой же прайс блок добавим точно такой же и вот у нас их три да и 1 у нас будет с задержкой 0,1 секунды другой 100,9. Дайте 0,3 секунды никак не хочет появляться да не выходят. Они наверное где-то допускаю ошибку допустил ошибку меня здесь написано в федино неправильно и собственно. Сейчас мне нужно найти в сети фибрина исправить ошибку.

0 комментариев
0

Читайте также