Здраствуй Женя. Прости что с такой просьбой, но.... А как бы попросить пожалуйста у тебя файлик с select.js?? Я понимаю, что выше, на патрионе, но есть обстоятельства почему я прошу. Можно как ни будь это устроить в телеграме @rodionni/ Если что, за ранее Огромное Спасибо!!!! У меня в планах патрион и все к нему действия, но чутка по техническим причинам позже........
Спасибо за видео!) Сделала по уроку форму, но столкнулась с такими проблемами: 1. В Js коде в функции валидации в конце нужно написать return error. Без этого браузер выдавал ошибку на незаполненное поле. 2. На видео путь require в файле php - phpmailer/src/PHPMailer.php, а скачанная папка имеет имя PHPMailer-6.2.0. Из-за этого тоже была ошибка. Может, кому-то будет полезно. В остальном урок огонь, все понятно и доступно, спасибо)
Настя здраствуй. А как бы попросить пожалуйста у тебя файлик с select.js?? Я понимаю, что выше, на патрионе, но есть обстоятельства почему я прошу. Можно как ни будь это устроить в телеграме @rodionni/ Если что, за ранее Огромное Спасибо!!!!
@@FreelancerLifeStyle с Ваших уроков, Я начинал осваивать и продолжаю изучать сферу программирования. Делаю заказ, осталась обратная связь и страница с комментариями (дискус) и прочие не хочу ставить. Так как нужно выполнять работу качественно!
хочу поблагодарить тебя за твои уроки, они как глоток воды в пустыне, мало кто может объяснить и показать так как это делаешь ты, еще раз огромное тебе спасибо и мы будем ждать от тебя новых видео )
Спасибо, Женя. Ты единственный на ютубе, кто все понятно и просто обьясняет по фронтенду. Когда отчаиваешься и бросаешь верстку изза непонимания, твои видео всегда выручают меня и вдобавок дают сильную мотивацию
@@vana__f7570 рабочий вариант function emailTest(email) { const re = /^(([^()\[\]\\.,;:\s@"]+(\.[^()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; return re.test(String(email).toLowerCase()); }
Это уже не просто техническая работа...Это реальное искусство, Евгений, вы мастерски так рисовали весь сайт и писали код, что просто глаза оторвать на протяжение 50 минут было невозможно...Респект!
С бутофорными кнопками - гениально! Жека, мне определенно нравится твой тип мышления и способы решения задач в верстке (кстати именно по этой причине и подписался на твой канал, когда первый раз на него наткнулся).
Cпасибо Вам огромное за ваш очень детальный и познавательный контент очень много нового узнал благодаря вашему каналу. По больше бы таких как вы людей. Всего хорошего вам и вашим близким, а каналу процветания!!!
Изучал HTML CSS JS сам в интернете, делал свои сайты и было столько забот, кода больше и много лишнего. Но когда сейчас посмотрел буквально 1 твой ролик, то все проблемы как будто рукой сняло, я открыл столько нового для упрощения своего кода и эффективного верстания страницы, спасибо большое!
Спасибо, Жека! Очень интересно, даже что-то поняла :). Но не думала, что для отправки такой на вид маленькой формы нужно столько разного кода. А форма очень симпатичная получилась!
Євген, дуже тобі дякую за корисний урок. Учора пів дня сидів розбирався з цим кодом. І все дуже добре вийшло. Трохи переробив під себе, протестував і все гарно працює. :)
Стоит еще немного модернизировать эту форму, где проверка на пустые строки. Чтобы не приходило сообщение, где поле какое-то пустое. А то получается, что можно понаставить пробелов в имя, и валидация проходит успешно. if (input.value.trim() === '') { //something here }
Просто обалденный видос. Я в восторге. Тока добавил одну отсебятину. А именно, когда я добавил тень к инпутам в фокусе, чтобы обозначить эффект присутствия, то в транзишине указал не all, а именно box-shadow. Дело в том, что если в transition указываешь all, то тень начинает плавно и красиво появляться, а изменение размера текстового поля для сообщения путем перетаскивания, неприятно тормозить.
Очень крутой урок. Фишка с FileReader для показа изображения зашла. Хорошо показана работа с формой. Стилизация чекбоксов и радио тоже стандартный подход. Посмотрел даже на React решениях никто обычно не собирает данные формы в ручную. Работают с FormData. Так что, показанные здесь техники это база.
Братан, не могу сдержать радость. Я сейчас пишу сайт для школьной работы и ни как не мог реализовать форму и ещё некоторые вещи, но ты прям спас меня. Огромное спасибо!!
Помню, я задолбался крутить какой-то конфиг, и кинул эту затею 2 года назад А так хороший пример, учит сразу многим составляющим веб приложения. А так на питоне свой бложик вместо php написал :)
Для тех кто пишет, что не работает. Просто будьте внимательны. Повторил все один в один. Закинул на хостинг. Предварительно на хостинге создал почтовый ящик. Не заработало. Пару часов убил на поиск ошибки. На следующий день на свежую голову опять сел, внимательно изучил ошибку (ф12 в браузере) и вуаля, не поставил один раз ; в php файле. Так что урок 100% годный, а код 100% рабочий ✌🏼 Жека, спасибо 🙏🏼
каким хостингом пользуешься? почему то хостинг при отправки выдает алерт с ОШИБКОЙ JS проверил там расставил алерты с разными ошибками и не они выскакивают
Жека, спасибо большое за такой чудесный урок! Ты лучший на ютубе блогер, мне очень повезло что я попал на твой канал! Успехов тебе в дальнейшем развитии. Буду поддерживать всегда комментариями и лайками ! =)
Мне очень понравилось видео, все доступно и понятно, и результат хороший. Смутило только то, что нет возможности по итогу полностью скопировать весь код. И применить для себя на практике, чтобы увидеть хоть какой-то результат. Рекомендую тебе добавлять код под видео, чтобы человек мог просто взять твой код, скопировать, и применить для себя. Если бы ты хотя-бы для меня, хотя-бы на этом видео бы это сделал - я бы тебе сотку на телефон без обмана скинул.
Привет Женя, спасибо за очередной полезный урок. Ты мог бы снять отдельное видео про упомянутый здесь кастомный выпадающий список ? Он давольно часто встречается на сайтах и это будет хорошая практика по JS для всех!
Отличное видео! Спасибо! В функции formValidate() можно было использовать цикл for-of для перебора всех элементов массива formReq, и сразу в цикле использовать input, не объявляя его как константу: for (let input of formReq) { ... }
Стилизация и разметка работают, но почему-то когда подключаю JS, ничего не происходит. Подскажите что делать, а то уже третий день не могу разобраться.
Жека! Как всегда, видос в нужное время , отдельный респект за эмоции в конце, когда ждал письмо на почту, аж проникся вместе с тобой. Но и минус есть небольшой , поскольку я, пока, не имею возможности отщипнуть от семейного бюджета даже тот мизер , чтобы оплатить доступ на патреон придется скачать этот видос, чтобы покадрово можно было бы переписать скрипт изменения стилей select . Ты супер Мега +10000009000000
Хай! Отличный урок, спасибо большое! P.S. Кнопка загрузки файла(input) у тебя на всю ширину .wrapper, а бутафорская кнопка гораздо меньше. Единственный нюанс) Чтобы поправить, нужно для .file__input поставить ширину вместо width: 100% -> width: 89px;(ширину .file__button вместе с padding'ами, она может немного отличаться от 89px в зависимости от шрифта).
Объяснил конечно все очень хорошо но пока запомнил эти коды с php js и т.д я чуть не помер! Я просто начинающий и знаю только css и htmlа js и php не знаю так что было сложно но спасибо.
🤟Полезно?
🔴 Получить доступ к плюшкам + поддержать канал: www.patreon.com/freelancerlifestyle
🔴 Telegram канал: t.me/freelancer_lifestyle (teleg.run/freelancer_lifestyle)
🔴 Telegram чат по верстке: t.me/flschat (teleg.run/flschat)
🔴 Facebook: facebook.com/freelancerlifestyle
🔴 Instagram: instagram.com/freelancer.lifestyle
Евгений, посмотри, пожалуйста, я сделал pull request для "Динамического адаптива"
Здраствуй Женя. Прости что с такой просьбой, но.... А как бы попросить пожалуйста у тебя файлик с select.js?? Я понимаю, что выше, на патрионе, но есть обстоятельства почему я прошу. Можно как ни будь это устроить в телеграме @rodionni/
Если что, за ранее Огромное Спасибо!!!!
У меня в планах патрион и все к нему действия, но чутка по техническим причинам позже........
Привет 🙃 *фрилансер по жизни* а каа сделать чтобы формы были отправлены на страницу или сайт
Это просто пушечно, невероятно, спасибо за такие подробные и качественные, а главное полезные для практических целей уроки.
Пожалуйста!
Спасибо за видео!) Сделала по уроку форму, но столкнулась с такими проблемами:
1. В Js коде в функции валидации в конце нужно написать return error. Без этого браузер выдавал ошибку на незаполненное поле.
2. На видео путь require в файле php - phpmailer/src/PHPMailer.php, а скачанная папка имеет имя PHPMailer-6.2.0. Из-за этого тоже была ошибка.
Может, кому-то будет полезно.
В остальном урок огонь, все понятно и доступно, спасибо)
Привет, а по второму пункту какую ошибку выдавало, не помнишь?
Настя здраствуй. А как бы попросить пожалуйста у тебя файлик с select.js?? Я понимаю, что выше, на патрионе, но есть обстоятельства почему я прошу. Можно как ни будь это устроить в телеграме @rodionni/
Если что, за ранее Огромное Спасибо!!!!
Благодарность! Как же вы интересно с эмоциями рассказываете, приятно слушать и учиться !
Я рад!
@@FreelancerLifeStyle с Ваших уроков, Я начинал осваивать и продолжаю изучать сферу программирования. Делаю заказ, осталась обратная связь и страница с комментариями (дискус) и прочие не хочу ставить. Так как нужно выполнять работу качественно!
Жееееень, прошу тебя сделай такой же ролик, только с регистрацией и не много работы с БД:) Ты лучший!)
Согласен, как раз такого точно чего-то не хватает!
все ваши виде это лучшее что можно найти на русскоязычном сегменте! Я поддерживаю вас во всём! желаю мира и спокойствия вашей стране и семье!!!
уже -нет )
хочу поблагодарить тебя за твои уроки, они как глоток воды в пустыне, мало кто может объяснить и показать так как это делаешь ты, еще раз огромное тебе спасибо и мы будем ждать от тебя новых видео )
Пожалуйста!
Спасибо, Женя. Ты единственный на ютубе, кто все понятно и просто обьясняет по фронтенду. Когда отчаиваешься и бросаешь верстку изза непонимания, твои видео всегда выручают меня и вдобавок дают сильную мотивацию
Фрилансер по жизни - IT и фриланс - а ти прям знаєш, який відос запилити) . Якраз верстаю статику, і треба таку форму. Прям в точку.
Женя ты лучший, уже неделю вожусь со своим сайтом, никак не мог сделать форму. А ты прям как знал))
Я рад что помог!
@@vana__f7570 рабочий вариант function emailTest(email) {
const re = /^(([^()\[\]\\.,;:\s@"]+(\.[^()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
return re.test(String(email).toLowerCase());
}
Добрый дядя Женя узнал что я вчера гуглил целый день и решил помочь. Ну чудо какое-то!!) Спасибо за видео, очень интересно
Пожалуйста!
У тебя работает форма?
Это уже не просто техническая работа...Это реальное искусство, Евгений, вы мастерски так рисовали весь сайт и писали код, что просто глаза оторвать на протяжение 50 минут было невозможно...Респект!
С бутофорными кнопками - гениально! Жека, мне определенно нравится твой тип мышления и способы решения задач в верстке (кстати именно по этой причине и подписался на твой канал, когда первый раз на него наткнулся).
Наконец то я дождался ! Спасибо огромное ! Форма и всё что с ней связано - это можно сказать Важнейший элемент для современного сайта.
Пожалуйста!
Я тоже давно ждал это выпуск и наконец выпускал, очень рад от вас, супер и полезно 👍
Я рад что полезно!
Только сегодня утром мне сказали, чтоб шёл разбираться, как отправлять форму на почту. И тут приходит уведомление с твоим видео)
Cпасибо Вам огромное за ваш очень детальный и познавательный контент очень много нового узнал благодаря вашему каналу. По больше бы таких как вы людей. Всего хорошего вам и вашим близким, а каналу процветания!!!
Изучал HTML CSS JS сам в интернете, делал свои сайты и было столько забот, кода больше и много лишнего. Но когда сейчас посмотрел буквально 1 твой ролик, то все проблемы как будто рукой сняло, я открыл столько нового для упрощения своего кода и эффективного верстания страницы, спасибо большое!
Спасибо, Жека! Очень интересно, даже что-то поняла :). Но не думала, что для отправки такой на вид маленькой формы нужно столько разного кода. А форма очень симпатичная получилась!
Спасибо большое!
Вот это я искал пару месяцев назад) Спасибо! Штука реально нужная. И валидация и почта и стилизация не стилизуемого)👏👏👏
Я рад что полезно!
Я обожаю ваши уроки, очень вдохновляет!
Я рад!
Євген, дуже тобі дякую за корисний урок. Учора пів дня сидів розбирався з цим кодом. І все дуже добре вийшло. Трохи переробив під себе, протестував і все гарно працює. :)
Как вы решили проблему помогите пжж
Женя, спасибо за отличное видео. Самое лучшее в твоих видео то, что после них желание продолжать только усиливается.
Дуже круто, як завжди на висоті. Дякую! за такі якісні уроки. Ще б розказав про іконочні шрифти, якщо буде час
Розкажу
Шикарное видео. Это настоящий клад знаний и опыта. Благодарю, Евгений
Стоит еще немного модернизировать эту форму, где проверка на пустые строки. Чтобы не приходило сообщение, где поле какое-то пустое. А то получается, что можно понаставить пробелов в имя, и валидация проходит успешно.
if (input.value.trim() === '') {
//something here
}
Супер-позитивный Человечище! Я так за сборную на Олимпиаде не волновался, как за супер-письмо )))))
Просто обалденный видос. Я в восторге. Тока добавил одну отсебятину. А именно, когда я добавил тень к инпутам в фокусе, чтобы обозначить эффект присутствия, то в транзишине указал не all, а именно box-shadow. Дело в том, что если в transition указываешь all, то тень начинает плавно и красиво появляться, а изменение размера текстового поля для сообщения путем перетаскивания, неприятно тормозить.
Только собирался делать форму обратной связи и тут выходит видео. Спасибо!!!
Пожалуйста!
В июне сдавал тестовое, где нужна была валидация, в итоге день разбирался, но всё-таки сдал)
Ну, вот еще варивант, надеюсь будет полезно!
Фрилансер по жизни - IT и фриланс я уже сохранил видео)
Мой мозг расплавился от Javascript и php, надеюсь буду понимать в будущем.
Очень крутой урок. Фишка с FileReader для показа изображения зашла. Хорошо показана работа с формой. Стилизация чекбоксов и радио тоже стандартный подход. Посмотрел даже на React решениях никто обычно не собирает данные формы в ручную. Работают с FormData. Так что, показанные здесь техники это база.
ох, за одно это видео получила больше позитива, чем за всю жизнь))
Наконец то без костылей научился)))) Жека ты лучший!!!!! Спасибо!!!
Женя, какое же огромное тебе спасибо за все твои уроки! Начну зарабатывать, обязательно поддержу твой канал!
Уже слово в слова списываю , один фиг не работает
Женя, спасибо за урок! Мира на земле, ждем новые выпуски!
Братан, не могу сдержать радость. Я сейчас пишу сайт для школьной работы и ни как не мог реализовать форму и ещё некоторые вещи, но ты прям спас меня. Огромное спасибо!!
Супер!! Так мало хорошего контента на эту тему, и вот наконец-то! Спасибо!
Пожалуйста!
ЭТО ЯДЕРНАЯ БОМБА!!!!)))) Как же я давно ждал этот выпуск от тебя!))))) Спасибо)))))))))))))))))
Пожалуйста!
Ух, соскучился по таким выпускам! ОГОНЬ!!!!)))
Спасибо!
Да, обожаю такие выпуски 👌
Спасибо тебе, человечище. Благодаря тебе, я себе сайт доделываю потихоньку)))
Самое огроменное Вам спасибо, дядя Женя!
Пожалуйста!
Спасибо тебе большое ! Ты очень крутой, очень часто выручаешь начинающих программистов и не только.
привет, у тебя код точь в точь заработал? у меня не проходит phpmailer. вот думаю с хостингом проблема или как. выдаёт 403
Привет, нет. Я немного переделал код и mailer по другому написан, но все работает
@@user-ge2kf2nl5l отправить код ?
@@sakosargsyan7516 да, отправь пожалуйста
@@meirlanerezhepov92 телегу напиши
Разбери пожалуйста этот JS скрипт в отдельном уроке) Спасибо за видео, вот бы ты сделал полный курс по JS уроков на 200, эх
Супер! Давно ждал чего то в этом роде!
Я рад!
Помню, я задолбался крутить какой-то конфиг, и кинул эту затею 2 года назад
А так хороший пример, учит сразу многим составляющим веб приложения.
А так на питоне свой бложик вместо php написал :)
И уже с такими демками накапливаются заготовки, а потом быстрее делаешь, что ты знаешь
Для тех кто пишет, что не работает. Просто будьте внимательны. Повторил все один в один. Закинул на хостинг. Предварительно на хостинге создал почтовый ящик. Не заработало. Пару часов убил на поиск ошибки. На следующий день на свежую голову опять сел, внимательно изучил ошибку (ф12 в браузере) и вуаля, не поставил один раз ; в php файле. Так что урок 100% годный, а код 100% рабочий ✌🏼 Жека, спасибо 🙏🏼
каким хостингом пользуешься?
почему то хостинг при отправки выдает алерт с ОШИБКОЙ
JS проверил там расставил алерты с разными ошибками и не они выскакивают
Кайфую от того, как ты кайфуешь от своего дела 😃
Спасибо за урок по отправке без применения жуквери))
Зарядился позитивом на весь день!! Спасибо!!! ты крут!!!
Спасибо!
Женя, у вас столько позитива, сижу продолжаю улыбаться))))))Спасибо за уроки!
Жека, спасибо большое за такой чудесный урок! Ты лучший на ютубе блогер, мне очень повезло что я попал на твой канал! Успехов тебе в дальнейшем развитии. Буду поддерживать всегда комментариями и лайками ! =)
Мне очень понравилось видео, все доступно и понятно, и результат хороший.
Смутило только то, что нет возможности по итогу полностью скопировать весь код. И применить для себя на практике, чтобы увидеть хоть какой-то результат.
Рекомендую тебе добавлять код под видео, чтобы человек мог просто взять твой код, скопировать, и применить для себя.
Если бы ты хотя-бы для меня, хотя-бы на этом видео бы это сделал - я бы тебе сотку на телефон без обмана скинул.
под видео ссылка на патреон, где ты можешь за денюжку код скопировать
Спасибо за классный урок ! Очень информативно.
Пожалуйста!
Спасибо тебе большое. Я начинающий разработчик. Использовал твой код, с нужными мне доработками в реальном проекте, всё работает!!!
Я рад!
не работает
Видео просто бомба, всё максимально подробно и понятно! Ты лучший!
открыл видяху эту и у меня прям какая то ностальгия по временам прошедшим(((
Жень переписал всё как у тебя даже перепроверил два раза, но всё равно не работает валидация
Это то, что мне именно сейчас нужно было! Спасибо большое, помог!!!
Лайк авансом. Позже гляну)
Я проверю )))
@@FreelancerLifeStyle домовились, земляче ;)
... довольно заморочено, но ОЧЕНЬ круто! BRAVO!!!
Добра тебе, брат, ты лучший)
Спасибо!
Крайне полезный урок!
Я рад!
Привет Женя, спасибо за очередной полезный урок. Ты мог бы снять отдельное видео про упомянутый здесь кастомный выпадающий список ? Он давольно часто встречается на сайтах и это будет хорошая практика по JS для всех!
Жека, як би ми без тебе жили?) Дякую!
Впав зі стула від жарту про завантаження 😆
Дружище, как же ты вовремя!
Евгений, большое спасибо за ваши уроки.
П.С. надеюсь вы капаете увлажняющие капли в глаза при такой нагрузке на зрительный аппарат)
Да, стараюсь)
А что за капли? Поделитесь))) Я стараюсь делать зарядку для глаз - книга Нарбекова "Опыт дурака или ключ к прозрению". :)
@@Andrey_Mendel да обычные увлажняющие капли в аптеке, искусственная слеза и т.д.
Евгений! Спасибо за урок!
Пожалуйста!
все что ты делаешь реально очень круто! спасибо тебе огромное!!!
Ну наконец-то 😌 Давно ждал такой видос 🔥
Супер!
Это мега урок, БЛАГОДАРЮ!!!
Спасибо! Очень полезный видос по всем фронтам!
Пожалуйста!
За загрузку 2 лайка ставлю, гениально))
Корзина для сайта оччень нужна!!! С наполнением и отправкой заказанного.
Огромное спасибо! Урок потрясающий!
Лучший урок по формам, спасибо!
Отличное видео! Спасибо!
В функции formValidate() можно было использовать цикл for-of для перебора всех элементов массива formReq, и сразу в цикле использовать input, не объявляя его как константу:
for (let input of formReq) { ... }
Стилизация и разметка работают, но почему-то когда подключаю JS, ничего не происходит.
Подскажите что делать, а то уже третий день не могу разобраться.
Урок огонь! Спасибо большое!
Никто, совсем никто.....Жека: "Смотрите прикольчик" :)
Ох, Женя! Магистр! Спасибо за очередную порцию знаний! )
Оооо великий Евгений да прибудет с тобой сила . Это то что нужно . Может еще про Api токены и тд. Выпустишь видео
Wow! Очень полезное видео, лайк однозначно
Спасибо!
Огромное спасибо за видео! Только хотел научиться делать форму
Пожалуйста!
Жека! Как всегда, видос в нужное время , отдельный респект за эмоции в конце, когда ждал письмо на почту, аж проникся вместе с тобой. Но и минус есть небольшой , поскольку я, пока, не имею возможности отщипнуть от семейного бюджета даже тот мизер , чтобы оплатить доступ на патреон придется скачать этот видос, чтобы покадрово можно было бы переписать скрипт изменения стилей select . Ты супер Мега +10000009000000
Поздравляю ,появляются спонсора)
Да, желающих много, а вот так что б нормальные были нужно ждать)
@@FreelancerLifeStyle аа даже так) ну тогда респект х2 если выбираешь правильных и нужных а не всякий бред
И получаем пакую вот штуку, красавчик просто, от души!)
Хай! Отличный урок, спасибо большое!
P.S. Кнопка загрузки файла(input) у тебя на всю ширину .wrapper, а бутафорская кнопка гораздо меньше. Единственный нюанс)
Чтобы поправить, нужно для .file__input поставить ширину вместо width: 100% -> width: 89px;(ширину .file__button вместе с padding'ами, она может немного отличаться от 89px в зависимости от шрифта).
тогда уж max-width:
если width, то не в px
@@V1adimir__Krutikov почему не в px? И почему тут лучше max-width?
Не просто замечательно, а хорошо-замечательно!
Спасибо!
Это было прекрасно!!!! Благодарю!
Пожалуйста!
Очень полезное видео!!! Женя, спасибо большое!!!
Жека-Жека! Как же люблю твои уроки!)))
Всё понять и по делу. Спасибо!
Просто МЕГА!!
Спасибо!
Супер 100500 раз лучший Жека прогер!!!
Спасибо))
Жека, все супер, но расскажи про защиту формы!
Спасибо ты просто супер,и пожалуйста делай BackEnd уроки для начинающих
Объяснил конечно все очень хорошо но пока запомнил эти коды с php js и т.д я чуть не помер! Я просто начинающий и знаю только css и htmlа js и php не знаю так что было сложно но спасибо.
Просто супер! Большое спасибо!