No video

#7 Верстка сайта для начинающих | Настройка формы, загрузка на хостинг, подключение домена

  Рет қаралды 4,885

Фронтендер

Фронтендер

Күн бұрын

Верстаем макет сайта (лендинга) из Photoshop. В уроке загрузим сайт на хостинг, подключим домен и настроим почту.
/* Материалы урока */
Код: github.com/Dmi...
Макет: drive.google.c...
/* Ссылки урока */
Timeweb: timeweb.com/ru/...
FileZilla: filezilla-proj...
XMLHttpRequest: learn.javascri...
PHP mail: xandeadx.ru/blo...
Mail subject utf8: ncona.com/2011...
Меня зовут Дмитрий Бердников, и я веб-разработчик. На этом канале буду делиться знаниями по веб-разработке.
/* Добавляйся в друзья */
Мой ВК - berdnik...
♫Music By♫
●Kronicle - Another Chill Day
●Soundcloud - / the-chemist-10
#обучение #верстка

Пікірлер: 44
@user-up6es3nr6s
@user-up6es3nr6s 4 жыл бұрын
Таймкоды: 0:47 Хостинг 1:18 Регистрируем домен и прикрепляем его к сайту 2:57 Настраиваем ftp 4:35 Плагин для VS code sftp 6:15 Настраиваем форму 12:40 Настраиваем почту 26:45 Разбираем код для отправки почты
@user-zl3kp9fs9q
@user-zl3kp9fs9q 2 жыл бұрын
чувак, спасибо! ты лучший
@dkyshka2436
@dkyshka2436 4 жыл бұрын
Как же круто, что вышло в рекомендациях, спасибо тебе. Я пока нечего не понимаю из js, php. Но, наблюдать и слушать интересно.
@user-up6es3nr6s
@user-up6es3nr6s 4 жыл бұрын
Спасибо, за обратную связь
@Techno_AI_Digest
@Techno_AI_Digest 3 жыл бұрын
Просто лучший чел, я благодарю тебе напишу диплом
@topshazam2755
@topshazam2755 2 жыл бұрын
Написал диплом?
@mykhailobokalo6037
@mykhailobokalo6037 4 жыл бұрын
Очень круто. Спасибо большое!
@user-up6es3nr6s
@user-up6es3nr6s 4 жыл бұрын
Спасибо
@user-sd3yz8cj2b
@user-sd3yz8cj2b 2 жыл бұрын
Почему в фильтре данные не меняются(((
@DoctorSvarovski
@DoctorSvarovski Жыл бұрын
Не знаю прочитаешь ты это или нет. Но у меня почему то не отправляется сообщение на почту. Хотя код php точь в точь, как у тебя
@user-up6es3nr6s
@user-up6es3nr6s Жыл бұрын
Привет! Не знаю как помочь, так как нету четкого ответа почему это может быть, возможно, на стороне хостинга проблема или все таки в реализации отправки письма Советую найти разные уроки по отправки письма на почту и попробовать их. Если они не будут работать, возможно, проблема в настройках хостинга
@user-zl3kp9fs9q
@user-zl3kp9fs9q 2 жыл бұрын
а ты можешь написать такой же информативный видос, где ты еще и корзину используешь?
@user-by4sz6is2h
@user-by4sz6is2h 3 жыл бұрын
Привет, раньше все работало при отправке формы. Теперь же когда нажимаешь кнопку отправить в консоли выходит ошибка : запрос из постороннего источника заблокирован....... Причина : запрос CORS выполнен не по Http. Как исправить это?
@user-up6es3nr6s
@user-up6es3nr6s 3 жыл бұрын
Привет! А где выполняется отправка, на хостинге или локально? И на какой адрес отправляется, на тот же самый, где сайт находится или нет?
@user-by4sz6is2h
@user-by4sz6is2h 3 жыл бұрын
@@user-up6es3nr6s на хостинге, в mail. php в $admin_email писал почту моего хостинга (на хостинге перенаправил на свою почту и все было ок).
@user-up6es3nr6s
@user-up6es3nr6s 3 жыл бұрын
@@user-by4sz6is2h а сейчас перестало работать? Если все также делал, то должно работать. Можно на хостинге в тех поддержке задать вопрос. Если проблем с их стороны, то они должны решить. Если проблема в коде, то надо найти причину.
@h3ckphy246
@h3ckphy246 3 жыл бұрын
Почему для формы ты использовал e.currentTarget, а не просто e.target как раньше?
@user-up6es3nr6s
@user-up6es3nr6s 3 жыл бұрын
Привет! Возможно, нужно было получить элемент на котором завязано событие. Бывает, что нету разницы, поэтому можно использовать target или currentTarget coderoad.ru/5921413/%D0%A0%D0%B0%D0%B7%D0%BD%D0%B8%D1%86%D0%B0-%D0%BC%D0%B5%D0%B6%D0%B4%D1%83-e-target-%D0%B8-e-currentTarget#:~:text=currentTarget%20%2D%D1%8D%D1%82%D0%BE%20%D0%B2%D1%81%D0%B5%D0%B3%D0%B4%D0%B0%20%D1%8D%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%2C%20%D1%81,%D0%BC%D0%BE%D0%B6%D0%B5%D1%82%20%D0%B1%D1%8B%D1%82%D1%8C%20%D0%B4%D0%BE%D1%87%D0%B5%D1%80%D0%BD%D0%B8%D0%BC%20%D1%8D%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D0%BE%D0%BC%20e.
@h3ckphy246
@h3ckphy246 3 жыл бұрын
@@user-up6es3nr6s ладно. Спасибо)
@ELSHOXX
@ELSHOXX 4 жыл бұрын
Вопрос - я сделал все как на видео, при отправки форму заказа выходить ошибка(popup error). в ($admin_email) написал почту сервера
@user-up6es3nr6s
@user-up6es3nr6s 4 жыл бұрын
Сам код рабочий, я проверял github.com/DmitryBerdnikov/pizzatime/blob/master/lesson7/mail/mail.php Проблема со стороны хостинга, возможно, неправильно почта настроена
@ELSHOXX
@ELSHOXX 4 жыл бұрын
@@user-up6es3nr6s не подскажете как правильно настроит серверную почту?
@ELSHOXX
@ELSHOXX 4 жыл бұрын
@@user-up6es3nr6s все исправил, все работает )
@user-dg4hd4en2c
@user-dg4hd4en2c 4 жыл бұрын
Вопрос - если на том хостинге как у тебя купить "Апдейт" за - 999р SSL , я смогу сделать сайт с https подключение купим домен за 200 рублей?
@user-up6es3nr6s
@user-up6es3nr6s 4 жыл бұрын
Насчет акций у них не знаю, надо почитать их условия. Я часто встречал, что на хостингах есть бесплатные ssl, например, на этом хостиге в разделе "SSL-сертификаты" можно подключить бесплатный ssl и сайт будет работать на https
@user-by4sz6is2h
@user-by4sz6is2h 4 жыл бұрын
Этот урок намного сложнее чем предыдущие, к сожалению здесь нет подробных объяснений, кто с php не знаком, вообще не реально что то из урока сделать, нужно изучить сначала основы. Такой вопрос, отправкой формы занимается frontend или backend разработчик?
@user-up6es3nr6s
@user-up6es3nr6s 4 жыл бұрын
Привет! Здесь очень базовые вещи, фронтедеру полезно знать. Этим должен заниматься бекендер, но если ты фрилансер, но это желательно знать. Особенно, если работать на фрилансе
@Anahitacode
@Anahitacode 3 жыл бұрын
Доброго времени суток. Подскажите, пожалуйста, кто тестит. А на OSP этот вариант с оправкой писем может работать? Мне его еще рано переносить на хостинг. Сайт собран на gulp. После переноса dist в OSP все работало. Просто у меня сайт вообще завис после отправки формы, и в директорию OSP userdata/temp/email ничего не прилетело. И даже f12 не открывается. Если закомментировать весь этот урок - все возвращается. Но получается нельзя сделать отправку формы на OSP? или я где-то дико туплю))) Спасибо всем, кто откликнется.
@user-up6es3nr6s
@user-up6es3nr6s 3 жыл бұрын
Привет! Если проблемы с настройками отправки локально, то не вижу смысла на это время тратить. Можно эмулировать поведение. Отправить данные с фронтенда, получить их на бекенде, и обратно послать на фронт. Если все ок, то потом просто на бекенде уже на хостинге эти данные отправить на почту.
@Anahitacode
@Anahitacode 3 жыл бұрын
@@user-up6es3nr6s Спасибо!
@user-ih1ip4qm6e
@user-ih1ip4qm6e 3 жыл бұрын
можна просто при натиску оформлення замовлення, щоб просто висвічував попап дякуємо за замовлення? Без відправки почти. Бо купувати не хочеться((
@user-up6es3nr6s
@user-up6es3nr6s 3 жыл бұрын
Привет! Показывать попап спасибо без отправки формы? Если, да, то зачем?
@Aslankz1983
@Aslankz1983 4 жыл бұрын
а в чем может быть проблема? На этой странице используется нестандартное свойство «zoom». Попробуйте использовать calc() в соответствующих значениях свойств или использовать «transform» вместе с «transform-origin: 0 0».
@user-up6es3nr6s
@user-up6es3nr6s 4 жыл бұрын
Можно подробнее? На какой минуте?
@Aslankz1983
@Aslankz1983 4 жыл бұрын
@@user-up6es3nr6s в консоле пишет, или это косяк js? Что его браузер не понимает? В firefox есть ошибка в chrome нету. Я так и не понял
@user-up6es3nr6s
@user-up6es3nr6s 4 жыл бұрын
@@Aslankz1983 Я так и не понял, в чем проблема. Мне нужно минуту на видео, что было написано и что не работает. Потому что я уже не помню
@Aslankz1983
@Aslankz1983 4 жыл бұрын
@@user-up6es3nr6s еще один вопрос. Как можно организовать настройку почты если домена и хостинга пока нету? можно это делать через openServer. Или только на хостинге?
@user-up6es3nr6s
@user-up6es3nr6s 4 жыл бұрын
​@@Aslankz1983 Я всегда делал на хостинге. Можно сделать имитацию отправки, либо можно попробовать отправить через smtp.
@memasizm
@memasizm 3 жыл бұрын
Новые видео планируются?
@user-up6es3nr6s
@user-up6es3nr6s 3 жыл бұрын
Да, делаю новый макет. Прокрастинация + перфекционизм дают о себе знать
@memasizm
@memasizm 3 жыл бұрын
@@user-up6es3nr6s отлично) Реально самые годные уроки, что видел
@dkyshka2436
@dkyshka2436 4 жыл бұрын
Когда новые видео друг?)
@user-up6es3nr6s
@user-up6es3nr6s 4 жыл бұрын
На днях, пытаюсь домонтировать. Пока много времени уходит на это, так как много вырезаю
@dkyshka2436
@dkyshka2436 4 жыл бұрын
@@user-up6es3nr6s ну, хорошо, что в процессе). А то думал, что забросил🥺
Can This Bubble Save My Life? 😱
00:55
Topper Guild
Рет қаралды 86 МЛН
女孩妒忌小丑女? #小丑#shorts
00:34
好人小丑
Рет қаралды 85 МЛН
王子原来是假正经#艾莎
00:39
在逃的公主
Рет қаралды 14 МЛН
WILL IT BURST?
00:31
Natan por Aí
Рет қаралды 28 МЛН
ФОРМА ОБРАТНОЙ СВЯЗИ ДЛЯ САЙТА - ЛЕГКО! Используем html и php
12:22
SIGNATURE { IT } Академия компьютерных технологий
Рет қаралды 51 М.
Адаптивная верстка письма с нуля (email верстка)
1:08:04
MaxGraph - cайты как страсть
Рет қаралды 63 М.
#5 Gulp сборка проекта | assets, images, svg-sprite
30:35
Фронтендер
Рет қаралды 4,7 М.
Авторизация и регистрация на PHP
1:14:23
Can This Bubble Save My Life? 😱
00:55
Topper Guild
Рет қаралды 86 МЛН