0:00 - Демонстрация формы 0:40 - Базовая разметка и стили 1:16 - Контейнер компонента 2:26 - Внутренний блок 3:38 - Секции входа и регистрации 6:01 - Блок формы 7:20 - Сценарий JavaScript для анимации 9:09 - Реализация анимации на CSS 10:45 - Форма входа 13:49 - Форма регистрации 14:41 - Анимация появления форм 17:06 - Адаптив под мобильные устройства 19:15 - Подведение итогов
Спасибо Вам, добрый человек) Вчера случайно увидел Ваше видео) Сразу понравилось. Оно безусловно сразу выделяется среди остальных форм. Я конечно не фронтенд и не JavaScript изучаю а .Net Core и пишу проект свой. ОЧень понравилось. БЫли сразу непонятки, но кое как адаптировал. Кому не показывал все восхищены формой) Но я говорю, что идея не моя и код не мой. Я лишь повторил) ВЫше всех похвал)))) лайк и подписка
Дословно всё переписал. При анимации формы друг на друга залазят в любом случае. Ошибку не нашёл после детального просмотра. Из этого хочется сделать вывод, что код в редакторе отличается от кода того, что видно у вас в браузер
Если говорить про БЭМ, то на 4:22 блок section имеет класс block__item, но вложенный блок почему-то block-item__title, хотя по логике должен начинаться с "block__"..., а не с "block-".
У блока section два класса: block__item как элемента и block-item как блока. И как блок он имеет свои элементы block-item__title и block-item__btn. Никакой ошибки нет
@@felixsigizmyn9002 нет, вы ошибаетесь. У этого блока нет модификатора и он не обязательно должен указываться вторым. У этого блока есть класс элемента родительского блока и класс блока для дочерних элементов. Классический микс
Видеоролик бомба, но я тут не за этим, кто будет юзать форму в проектах, если у вас вдруг появился вопрос почему по умолчанию у вас выходит форма регистрации а не авторизации обязательно проверьте, не подставил ли фрэймворк к какому либо полю в форме регистарции autofocus
Спасибо! Принцип такой же, нужно только поиграться со свойствами для активного элемента. По описанию немного сложно понять, что конкретно вы хотите получить =)
@@ВалерияГут-т4е дома вечером посмотрю если код этот остался . Ну если нет то извените . Чистку делал на рабочем столе мог удалить . Есть ещё надежда что в опен сервере остался код
@@CodeQuestRu просто не видит или не знает такой команды, но с этой проблемой я решил, вопрос почему он не выделяет границу или не закрашивает в определённых цветах, я писал тот же самый код но эфекта ноль просто текст выводит и всё
@Дмитрий Самарин смотря какие плагины использовать. Обычно в Gulp пишется такая же разметка, где вручную все конечные файлы подключаются. Просто перед этим они проходят нужные преобразования
0:00 - Демонстрация формы
0:40 - Базовая разметка и стили
1:16 - Контейнер компонента
2:26 - Внутренний блок
3:38 - Секции входа и регистрации
6:01 - Блок формы
7:20 - Сценарий JavaScript для анимации
9:09 - Реализация анимации на CSS
10:45 - Форма входа
13:49 - Форма регистрации
14:41 - Анимация появления форм
17:06 - Адаптив под мобильные устройства
19:15 - Подведение итогов
Слушай, а мог бы показать ещё, как сделать эту же форму с Firebase и сделать ридерект на другую страницу?
Вауу это просто офигенно выглядит. Спасибо за контент!
Спасибо, очень доступно объясняете, и в материале разбираетесь хорошо .
Огромное спасибо, шикарная форма! Отличная подача)
Очень рад, что видео понравилось!
Жду вас среди подписчиков =)
Спасибо за контент!
Хорошая подача. С первого просмотра понял все фишки и хорошо запомнил их.
Супер! Рад, что понравилось =)
Спасибо Вам! Прекрасная форма выглядит просто классно.
Рад, что понравилось =)
Это самая красивая форма которую я когда либо видел спасибо тебе большое
Круто, пользуйтесь на здоровье =)
5+
Четко. Качественно. Стильно!
Спасибо Вам, добрый человек) Вчера случайно увидел Ваше видео) Сразу понравилось. Оно безусловно сразу выделяется среди остальных форм. Я конечно не фронтенд и не JavaScript изучаю а .Net Core и пишу проект свой. ОЧень понравилось. БЫли сразу непонятки, но кое как адаптировал. Кому не показывал все восхищены формой) Но я говорю, что идея не моя и код не мой. Я лишь повторил) ВЫше всех похвал)))) лайк и подписка
Спасибо)
Отличный контент, все понятно, качественно записано и объяснено. Спасибо! Подписка 👌🏻
Спасибо, очень круто
Дословно всё переписал. При анимации формы друг на друга залазят в любом случае. Ошибку не нашёл после детального просмотра. Из этого хочется сделать вывод, что код в редакторе отличается от кода того, что видно у вас в браузер
Так что лучше на это видео время не тратить. Автор обманул
даже переписать нормально не смог? у меня все работает
Если говорить про БЭМ, то на 4:22 блок section имеет класс block__item, но вложенный блок почему-то block-item__title, хотя по логике должен начинаться с "block__"..., а не с "block-".
У блока section два класса: block__item как элемента и block-item как блока. И как блок он имеет свои элементы block-item__title и block-item__btn. Никакой ошибки нет
@@CodeQuestRu У блока section два класса, верно, но второй служит модификатором, обычно первый класс используют для основы, а не модификатор
@@felixsigizmyn9002 нет, вы ошибаетесь. У этого блока нет модификатора и он не обязательно должен указываться вторым. У этого блока есть класс элемента родительского блока и класс блока для дочерних элементов. Классический микс
@@CodeQuestRu Всё перечитал и понял, что наследуется имя от второго класса, а не от первого, немного сбило с понимания)
Ух ты! Я не один подписан на Online Tutorials!
Зато с объяснениями и на русском, оригинал просто с музыкой
Адаптирую интересные моменты для русскоязычной аудитории. Плюс переделываю некоторые моменты так, как сделал бы я. Просто идеи там хорошие =)
Спасибо за такой ролик! Все получилось :)
Супер =)
Мне понравилось твое видео! Просто класс! Продолжай в том же духе !!!🔥🔥🔥
Спасибо большое =)
Четко🤌 Салам из Баку). Не спалось , посмотрел и кайфанул)
Салам, спасибо =)
Нет слов и просто спасибо
У меня анимация не работает, в консоли ошибок нету, на алерт отзывается. Как бы не старался найти что не так. Всё буква в букву просто сделал
Очень круто! А есть полный пример с работающей ссылкой забыли пароль?
Молодчик, спасибо большое
Видеоролик бомба, но я тут не за этим, кто будет юзать форму в проектах, если у вас вдруг появился вопрос почему по умолчанию у вас выходит форма регистрации а не авторизации обязательно проверьте, не подставил ли фрэймворк к какому либо полю в форме регистарции autofocus
Это просто офигеть
А можете показать как сделать, чтобы блоки при перелистывании вроде как ехали относительно подложки?
Спасибо!
Принцип такой же, нужно только поиграться со свойствами для активного элемента. По описанию немного сложно понять, что конкретно вы хотите получить =)
Спасибо за хорошую форму. Вопрос.
Как член, чтобы при открытии страницы показывался не "Вход", а "Регистрация"?
Слушай, а мог бы показать ещё, как сделать эту же форму с Firebase и сделать ридерект на другую страницу?
Пока сильно занят марафоном, закину в заметки, подумаю =)
привет. подскажи такая проблема . Error:parsing error the keyword 'const' is reserved в script.js в первой же строчке
Тоже самое(
Ты пофиксил это как-нибудь?я весь вечер убила,не придумала,что делать
@@ВалерияГут-т4е то что я решил эту проблему это точно , но сейчас уже не вспомню месяц прошел
@@sanek55ful жаль..я вот совсем без понятия,что делать(
@@ВалерияГут-т4е дома вечером посмотрю если код этот остался . Ну если нет то извените . Чистку делал на рабочем столе мог удалить . Есть ещё надежда что в опен сервере остался код
очень хорошо для практики
Согласен =)
у меня что-то не работает, можете помочь, как с вами связаться?
Здравствуйте!
Бро как активировать jav у?
Как то я всё повторил но как то кнопка не активируется пж погои или кто нибудь помогите
Отлично!
Сколько ты учился этому что бы понимать это?
Лучший ✊👍
Спасибо =)
Спасибо очень помог
Это программа Microsoft visual studio ?
Да, верно)
И я хотел спросить, как можно сделать так что бы при регистрации говорило неправильный эмаил, пароль там должно быть 8чисел и вот это такое?
Есть ли у вас такое видео?
Это делается простыми параметрами и правильными типами полей формы, либо на JavaScript. Но сейчас видео по валидации у меня нет =)
@@CodeQuestRu хорошо, спасибо, 🤗
Куда приходит заполненная форма ?
Куда вы сами укажете
Я делаю тоже самое только box-sizing: broder-box отображает как ошибку
Что пишет?
@@CodeQuestRu просто не видит или не знает такой команды, но с этой проблемой я решил, вопрос почему он не выделяет границу или не закрашивает в определённых цветах, я писал тот же самый код но эфекта ноль просто текст выводит и всё
А это окно регистрации полностью рабочее? И восстановление пароля тоже?
Тут только верстка
@@CodeQuestRuа есть видео как это все заставить работать?
@@xacquagamer4889phpmyadmin mysql подключение к базам данных. пиши это в ютуб и смотри видосики и сможешь сделать
@@sanek55ful спасибо
Здравствуйте, куда можно обратиться с вопросом? скриншоты скину
Напишите в сообщения в группе ВК
за атрибут 'defer' для js отдельный лайк можно поставить? :DD
Можно, но лучше сразу 3 лайка, чтобы не мелочиться))
@Дмитрий Самарин все норм, просто редко используют =)
@Дмитрий Самарин смотря какие плагины использовать. Обычно в Gulp пишется такая же разметка, где вручную все конечные файлы подключаются. Просто перед этим они проходят нужные преобразования
супер!
Очень информативное и полезное видео. Но почему так мало подписчиков на канале?
Многие смотрят и не подписываются, сам не знаю =)
Отлично
Спасибо =)
Переход совершенно не работает
9:25
можно код?
Да, все исходники на бусти
у меня цвет не меняется
Возможно где-то ошибка
@@CodeQuestRu у вас было в body
А я пишу это в footer
Вроде все поставил по местам
Все работает кроме изменение цвета
На столько тупой контент это пустая трата времени