EduCatter — Канал о Веб-Программировании
EduCatter — Канал о Веб-Программировании
  • Видео 102
  • Просмотров 1 439 493
#6 ВЁРСТКА САЙТА ПО ШАБЛОНУ | Ресторан | Customers
Привет!
Это новая тематика на канале - Верстаем вместе, где ты точно так же можешь повторять за мной шаг за шагом каждое действие, чтобы набраться опыта и в будущем верстать все более сложные сайты!
В этом видео я показывай шаг за шагом процесс создания сайта, на этот раз это сайт ресторана. Это только одно из множества видео, дальше будет окончательная верстка, адаптация под мобильные устройства и загрузка на хостинг. То есть мы пройдем вместе весь путь создания сайта. А чтобы не пропустить новые части подпишись!
Все ссылки:
Ссылка на шаблон: www.figma.com/design/59c1dD5cR8gL9yh4EDm9w0/%D0%A0%D0%B5%D1%81%D1%82%D0%BE%D1%80%D0%B0%D0%BD?t=rCxzfRS32LJtRN25-1
Ссылка на проект для всех серий: drive...
Просмотров: 1 178

Видео

#5 ВЁРСТКА САЙТА ПО ШАБЛОНУ | Ресторан | Chefs
Просмотров 8532 месяца назад
Привет! Это новая тематика на канале - Верстаем вместе, где ты точно так же можешь повторять за мной шаг за шагом каждое действие, чтобы набраться опыта и в будущем верстать все более сложные сайты! В этом видео я показывай шаг за шагом процесс создания сайта, на этот раз это сайт ресторана. Это только одно из множества видео, дальше будет окончательная верстка, адаптация под мобильные устройст...
#4 ВЁРСТКА САЙТА ПО ШАБЛОНУ | Ресторан | Reserve
Просмотров 9472 месяца назад
Привет! Это новая тематика на канале - Верстаем вместе, где ты точно так же можешь повторять за мной шаг за шагом каждое действие, чтобы набраться опыта и в будущем верстать все более сложные сайты! В этом видео я показывай шаг за шагом процесс создания сайта, на этот раз это сайт ресторана. Это только одно из множества видео, дальше будет окончательная верстка, адаптация под мобильные устройст...
#3 ВЁРСТКА САЙТА ПО ШАБЛОНУ | Ресторан | Menu
Просмотров 1,5 тыс.2 месяца назад
Привет! Это новая тематика на канале - Верстаем вместе, где ты точно так же можешь повторять за мной шаг за шагом каждое действие, чтобы набраться опыта и в будущем верстать все более сложные сайты! В этом видео я показывай шаг за шагом процесс создания сайта, на этот раз это сайт ресторана. Это только одно из множества видео, дальше будет окончательная верстка, адаптация под мобильные устройст...
#2 ВЁРСТКА САЙТА ПО ШАБЛОНУ | Ресторан | Welcome
Просмотров 1,2 тыс.3 месяца назад
Привет! Это новая тематика на канале - Верстаем вместе, где ты точно так же можешь повторять за мной шаг за шагом каждое действие, чтобы набраться опыта и в будущем верстать все более сложные сайты! В этом видео я показывай шаг за шагом процесс создания сайта, на этот раз это сайт ресторана. Это только одно из множества видео, дальше будет окончательная верстка, адаптация под мобильные устройст...
#1 ВЁРСТКА САЙТА ПО ШАБЛОНУ | Ресторан | Header & Main
Просмотров 4,3 тыс.3 месяца назад
Привет! Это новая тематика на канале - Верстаем вместе, где ты точно так же можешь повторять за мной шаг за шагом каждое действие, чтобы набраться опыта и в будущем верстать все более сложные сайты! В этом видео я показывай шаг за шагом процесс создания сайта, на этот раз это сайт ресторана. Это только одно из множества видео, дальше будет окончательная верстка, адаптация под мобильные устройст...
Отправка заявок с формы в бота ТГ | Как сделать отправку заявки с сайта в тг?
Просмотров 1,4 тыс.4 месяца назад
Всем привет! В этом видео за 16 минут мы разберем с вами подключение бота тг к форме по отправке заявок с сайта. И получим свою первую заявку и сделаем своего первого бота! URL_API: `api.telegram.org/bot${TOKEN}/sendMessage` Ссылка на order.js: drive.google.com/file/d/1_plBkwj8nxDS0t-xSHcqx-rdNfu_YJVC/view?usp=sharing Подробнее про Axios и подключение: axios-http.com/ru/docs/intro Социальные се...
Как оживить свой сайт и добавить анимацию при скролле?
Просмотров 8865 месяцев назад
Как оживить свой сайт и добавить анимацию при скролле?
Админ панель на сайт за 5 минут! Для HTML-Сайтов
Просмотров 3,2 тыс.5 месяцев назад
Админ панель на сайт за 5 минут! Для HTML-Сайтов
#9 Верстка сайта с нуля по шаблону | Блог
Просмотров 9325 месяцев назад
#9 Верстка сайта с нуля по шаблону | Блог
#8 Верстка сайта с нуля по шаблону | Новый формат сеансов
Просмотров 1,4 тыс.5 месяцев назад
#8 Верстка сайта с нуля по шаблону | Новый формат сеансов
#7 Верстка сайта с нуля по шаблону | Новости
Просмотров 9596 месяцев назад
#7 Верстка сайта с нуля по шаблону | Новости
#1 ИНТЕРНЕТ МАГАЗИН С НУЛЯ НА OPENCART - Установка
Просмотров 1,3 тыс.6 месяцев назад
#1 ИНТЕРНЕТ МАГАЗИН С НУЛЯ НА OPENCART - Установка
#6 Верстка сайта с нуля по шаблону | Footer
Просмотров 9456 месяцев назад
#6 Верстка сайта с нуля по шаблону | Footer
#5 Верстка сайта с нуля по шаблону | Price
Просмотров 9076 месяцев назад
#5 Верстка сайта с нуля по шаблону | Price
#4 Верстка сайта с нуля по шаблону | About
Просмотров 1 тыс.6 месяцев назад
#4 Верстка сайта с нуля по шаблону | About
#3 Верстка сайта с нуля по шаблону | Comments
Просмотров 1,7 тыс.8 месяцев назад
#3 Верстка сайта с нуля по шаблону | Comments
#2 Верстка сайта с нуля по шаблону | Seans
Просмотров 2,2 тыс.8 месяцев назад
#2 Верстка сайта с нуля по шаблону | Seans
#1 Верстка сайта с нуля по шаблону | Header & Main
Просмотров 6 тыс.8 месяцев назад
#1 Верстка сайта с нуля по шаблону | Header & Main
SEO Оптимизация вашего сайта
Просмотров 7849 месяцев назад
SEO Оптимизация вашего сайта
#5 Верстка сайта с нуля по шаблону | Question & Seo
Просмотров 1,9 тыс.11 месяцев назад
#5 Верстка сайта с нуля по шаблону | Question & Seo
#4 Верстка сайта с нуля по шаблону | Блок Special
Просмотров 1,1 тыс.Год назад
#4 Верстка сайта с нуля по шаблону | Блок Special
#3 Верстка сайта с нуля по шаблону | Блоки: Why, HowTo
Просмотров 1,2 тыс.Год назад
#3 Верстка сайта с нуля по шаблону | Блоки: Why, HowTo
#2 Верстка сайта с нуля по шаблону | Блок Help
Просмотров 1,9 тыс.Год назад
#2 Верстка сайта с нуля по шаблону | Блок Help
Как сделать слайдер на JavaScript?
Просмотров 11 тыс.Год назад
Как сделать слайдер на JavaScript?
#1 Верстка сайта с нуля по шаблону | Шапка Сайта
Просмотров 11 тыс.Год назад
#1 Верстка сайта с нуля по шаблону | Шапка Сайта
Как сделать навигацию на сайте?
Просмотров 2,2 тыс.Год назад
Как сделать навигацию на сайте?
#8 Верстка сайта с нуля по шаблону | Делаем дизайн + Вёрстка Footer
Просмотров 1,8 тыс.Год назад
#8 Верстка сайта с нуля по шаблону | Делаем дизайн Вёрстка Footer
#7 Верстка сайта с нуля по шаблону | Сайт полиграфии - Блок преимуществ
Просмотров 1,1 тыс.Год назад
#7 Верстка сайта с нуля по шаблону | Сайт полиграфии - Блок преимуществ
#6 Верстка сайта с нуля по шаблону | Сайт полиграфии - Самый сложный блок
Просмотров 1,6 тыс.Год назад
#6 Верстка сайта с нуля по шаблону | Сайт полиграфии - Самый сложный блок

Комментарии

  • @Смешной_Атлет
    @Смешной_Атлет 21 час назад

    Просмотрел шестой урок.Примерно все понял.Но понятия не приложу,как эта наука применяется в сайте.С какого урока,начинается применение этого всего к HTML и CSS?)))

  • @Смешной_Атлет
    @Смешной_Атлет 2 дня назад

    Спаисбо.С меня лайкос+комент под каждым видео.

  • @jyui_jyui
    @jyui_jyui 2 дня назад

    Привет, а почему прошлый сайт не доделал адаптив и т.д? Доводи пожалуйста до конца сайт.

  • @punksnotdead6372
    @punksnotdead6372 2 дня назад

    Супер видосы )Илья спасибо тебе)

  • @MarynaPakulova
    @MarynaPakulova 4 дня назад

    Спасибо Вам огромное за ваши видео. Благодаря Вам я поверила в себя, что смогу в этом разобраться! Ваши уроки БЕСЦЕННЫ!

    • @MarynaPakulova
      @MarynaPakulova 4 дня назад

      Выровняйте, пожалуйста, эту картинку в Фигма, она там криво стоит и обрезан нижний рисунок. А не могу его двигать почему-то (

  • @MarynaPakulova
    @MarynaPakulova 4 дня назад

    Спасибо Вам огромное за ваши видео. Жаль конечно, что мало просмотров и вам это обидно и не выгодно вкладывать ваше время. Но для тех кто нашел Ваши видео, они просто бесценны!!! Благодаря Вам я перестала бояться и появилась уверенность в себе, что я смогу в этом разобраться. Ещё раз СПАСИБО!!!

  • @user-kq8iu6uc5t
    @user-kq8iu6uc5t 5 дней назад

    Спасибо огромное за видео гайд. Я хотел бы задать вопрос что лучше использовать header или стилизовать все через div. Не до конца понимаю, зачем нужен header и его преимущества и стоит ли его вообще использовать когда можно все оформить через div.

  • @romis7771
    @romis7771 6 дней назад

    У КОГО В КОНСОЛЕ НИЧЕГО НЕ ПОЯВЛЯЕТСЯ ТО НУЖНО СОХРАНИТЬСЯ CNTR + S

  • @nomads3866
    @nomads3866 6 дней назад

    у меня вылезает ошибка в консоле , и не понимаю почему делаю все как вы показываете

  • @jyui_jyui
    @jyui_jyui 8 дней назад

    Почему нету продолжение с адаптивом 😭

  • @nurbilimkzerali
    @nurbilimkzerali 11 дней назад

    когда пишу body выдает ошибку

  • @WounderVaflel
    @WounderVaflel 12 дней назад

    Ctrl+f5?

    • @EduCatterOfficial
      @EduCatterOfficial 11 дней назад

      Чтобы не нажимать это сочетание постоянно

  • @VR_-gy7nw
    @VR_-gy7nw 13 дней назад

    google fonts поменял свой интерфейс и теперь нету боковой панели где можно скопировать ссылку с выбранными шрифтами. очень сильно затормозило обучение. ищу решение или хотя бы как скопировать ссылку альтернативным способов. ужас какой то

  • @user-ri6oe4dw8q
    @user-ri6oe4dw8q 13 дней назад

    Молодец Так держать

  • @dimAssKaskader
    @dimAssKaskader 13 дней назад

    Говно

  • @Rei413KG
    @Rei413KG 15 дней назад

    202 laik

  • @Rei413KG
    @Rei413KG 15 дней назад

    Thank You for

  • @kapysha.89
    @kapysha.89 16 дней назад

    Спасибо

  • @Monax-go6vq
    @Monax-go6vq 16 дней назад

    разве это слайдер? "slide" - скользить

  • @XXX24225
    @XXX24225 20 дней назад

    Где бля структура HTML 5.0

  • @Nergal-hb6bq
    @Nergal-hb6bq 22 дня назад

    Все классно, все вроде бы понятно, один только вопрос-при вводе команды padding обводка пропадает и остается только текст. Сам текст находится максимально в левом верхнем углу, может быть из-за отсутствия места как такового?

  • @MaksPlay_777
    @MaksPlay_777 23 дня назад

    спасибо, я прямо научился, подробно рассказываешь, круто

  • @acsweb
    @acsweb 23 дня назад

    ппц илья не в обиду но сам сначала научись верстать

    • @MarynaPakulova
      @MarynaPakulova 4 дня назад

      Удалите ваш комментарий. Для начинающих такой формат обучения очень даже понятен к пониманию, от обратного. Если ты такой умный, то напиши свое видео как ты это делаешь, пожалуйста.

  • @acsweb
    @acsweb 23 дня назад

    БЭМ тут плачет

  • @корилепа
    @корилепа 25 дней назад

    Хочу сказать, что урок классный и понятный!! Спасибо автору огромное!

  • @user-gv8lf4ni7v
    @user-gv8lf4ni7v 25 дней назад

    Здравствуйте . Спасибо за всё . Я вам follow . У меня есть неясный вопрос. У вас нет видео о том, как сделать Footer , не могли бы вы его сделать? большое спасибо

  • @muvho
    @muvho Месяц назад

    А как сделать так чтобы когда нажимал на кнопку тебя перекидувало на страницу либо шукало то что нужно

  • @user-ig2yy9cl6r
    @user-ig2yy9cl6r Месяц назад

    отличные уроки! Спасибо ) ждем адаптацию

  • @blackangel5722
    @blackangel5722 Месяц назад

    как всегда всё красиво и понятно, жду следующий урок!

  • @Folter_Dalikk_5006
    @Folter_Dalikk_5006 Месяц назад

    Теперь этот сайт можно продавать

  • @dironweit2058
    @dironweit2058 Месяц назад

    У вас фото из-за класса "container" стоит не правильно, оно смежено в центр и из-за этого вся композиция неточная. Надеюсь я сам правильно провёл раследование

  • @AngelWingss942
    @AngelWingss942 Месяц назад

    - REP! Мужик говорит в своём плейлист, то что к нему можно обратиться с вопросами в Тг. А сам игнорит уже 3 дня и говорит то что давай позже, давай позже!

  • @html_css_it
    @html_css_it Месяц назад

    а нельзя было изначально хедеру где ты задавал margin right задать gap? могу ошибаться)

  • @marsel8628
    @marsel8628 Месяц назад

    Спасибо большое за такие замечательные уроки. Ваш труд очень ценен!❤

  • @ИгорьДобровольский-й1о

    Привет у меня отспут не получается что делать ?

  • @Wirusy124
    @Wirusy124 Месяц назад

    7:47

  • @daymon6459
    @daymon6459 Месяц назад

    не чего не получается, все 100 раз сверил с видео. При запуске скрипта disp исчезает а меню нет. И вообще первоначально все меню в развернутом виде

    • @daymon6459
      @daymon6459 Месяц назад

      upd: разобрался) надо было в css дать dispУ dispay:none

    • @EduCatterOfficial
      @EduCatterOfficial Месяц назад

      @@daymon6459 ежжи, Красавчик)

  • @dastankasymov3509
    @dastankasymov3509 Месяц назад

    извините, а вы можете сделать финал видео, просто у меня 28 июля будет выпуск и надо показать проект.

    • @AbobaAbobovich-be5fd
      @AbobaAbobovich-be5fd Месяц назад

      Дак сам доделай, ты же все 6 видео посмотрел уже

  • @blottercube
    @blottercube Месяц назад

    Лучший!!!

  • @EdmundBowie-n3z
    @EdmundBowie-n3z Месяц назад

    А как лучше всего организовать структуру HTML-документа? Лично я долго выбирал курсы по IT, рассматривал разные компании, но в итоге остановился на Skypro. Сомневался, но теперь работаю удаленно и доволен))

  • @erizchannel7027
    @erizchannel7027 Месяц назад

    Ждём продолжении

  • @LitlFox09
    @LitlFox09 Месяц назад

    Зачем прописывать новый класс, если уже есть общий? Например: nav и btn

  • @jesuisye122
    @jesuisye122 Месяц назад

    Вылитый c++

  • @biznes_dlya_chaynikov
    @biznes_dlya_chaynikov Месяц назад

    Здравствуйте, кто нибудь заморочился с тем, чтоб картинки по шаблону вниз спустил 8:40? А то у меня не получилось их по центру разместить, у кого получилось ответьте пожалуйста😅

  • @sim_pler
    @sim_pler Месяц назад

    Вопрос! зачем нужна функция ray когда есть просто function? еще в добавок function работает где угодно какой смысл от ray?

  • @gagamividaloca7615
    @gagamividaloca7615 Месяц назад

    Видео не был полезным , но очень интересным, так как только начал изучать😂

  • @user-kf5kz5ts4q
    @user-kf5kz5ts4q Месяц назад

    просто супер

  • @nolap9503
    @nolap9503 Месяц назад

    Круто)

  • @Krylowandrey
    @Krylowandrey Месяц назад

    А можно получить сразу код HTML и CSS всего макета, целиком ( не переписывая каждый элемент по отдельности)

  • @user-yr6wr7ml7b
    @user-yr6wr7ml7b Месяц назад

    Кайф, а вот и следующий урок ❤