Верстка сайта с нуля, для новичков. Марафон по верстке, день 3

Поділитися
Вставка
  • Опубліковано 4 гру 2020
  • Марафон по верстке сайта. За 3 дня полностью сверстаем сайт и сделаем адаптив. Объясню все что делаю, и зачем. Отвечу на вопросы.
    Тема в VSC - плагин Material Theme
    Все исходники, инструкция и информация в телеграм канале.
    Ссылка на телеграм канал:
    t.me/from0to1com
    Готовая верстка на patreon - / from0to1
    Чат верстальщиков:
    t.me/chat_from_0_to_1
    Написать мне в телеграм:
    t.me/silver8light
    Отзывы о моем авторском курсе по верстке:
    topic-104892258_40476405
    Подпишитесь на канал, если вам понравилось данное видео:
    bit.ly/2IFzwBZ

КОМЕНТАРІ • 52

  • @infernal95mailru
    @infernal95mailru 3 роки тому

    Отличный опыт, благодарю за прекрасную вечеринку!

  • @user-iz2ok9lq3x
    @user-iz2ok9lq3x 3 роки тому +5

    Можешь записать видос как ты верстаешь по факту? С помощью тех инструментов которые лично тебе удобнее, без объяснения, чисто видос как ты работаешь.
    Тут ты наверно все таки подстраиваешься под разного зрителя и показываешь тот или иной метод верстки, а охота увидеть боевой режим)) Хочу увеличить свою скорость работы, было бы круто перенять твои привычки.

  • @user-ff3lc1et3u
    @user-ff3lc1et3u 3 роки тому +6

    Однозначно лайк за качественный, четкий и нужный контент

  • @urmichk.7241
    @urmichk.7241 3 роки тому +7

    Красавчик, разжевываешь так, что у меня практический вопросов не остается. Будь счастлив! И не забывай про марафоны

  • @user-zs1nc9vp8l
    @user-zs1nc9vp8l 3 роки тому +1

    Просто бомбезный контент! Давно хотел научиться чему-то подобному, случайно наткнулся на данный канал - сразу привлекла особенность подачи инфы, сразу захотелось "присоединиться к вечеринке"))) Приеду с заработков и обязательно куплю Ваш курс!)) А пока штопаю по видосам :)

  • @yuridozhdikov6356
    @yuridozhdikov6356 3 роки тому +4

    Дружище! Скажи, пожалуйста, когда будет 3 часть mobile first! Очень жду!

  • @user-cl4qv7ig6u
    @user-cl4qv7ig6u 3 роки тому

    Сколько не смотрел марафоны, однозначно ты лучший!

  • @krasser650
    @krasser650 3 роки тому +4

    "display: none" - мое любимое свойство :) [Ржунимагу!]

  • @_pheav
    @_pheav 3 роки тому +1

    Спасибо, Вадос

  • @user-lk4mb3nw3d
    @user-lk4mb3nw3d 3 роки тому

    По кайфу все, гляну что по сложнее у тебя в следующий раз, жду еще что нить по прикольнее)

  • @Patrick-ly9wt
    @Patrick-ly9wt 3 роки тому +1

    Вадим зажигает, и разжигает любовь к верстке. Спасибо друг.

  • @dennyluckes4783
    @dennyluckes4783 3 роки тому

    Thanks Bro!

  • @user-kc8ft5tz8l
    @user-kc8ft5tz8l 2 роки тому

    СПАСИБО, Вадос! И вроде бы сайт простецкий - один слайдер и пара кнопок.. А вот все равно ощущение, что многое по ПРАВИЛЬНЫМ ПОЛОЧКАМ разложилось и будет под рукой в нужный момент. И в голове такая ГАРМОНИЯ!.. ... И да - справедливости ради - позиционирование на блоке "team" ты отлично разложил! :-)

  • @user-ep9bd8ol5v
    @user-ep9bd8ol5v 3 роки тому

    спасибо большое за вашу работу! несколько месяцев я учила верстку самостоятельно, потом пошла на курс по переквалификации от wordskills, но там на самом деле я мало что нового узнала, так как там рассказывали основы, которые я уже знала. сейчас пытаюсь научиться с 0 верстать сама сайты по макетам и ваши видео очень помогают)

  • @alexkodding9354
    @alexkodding9354 3 роки тому

    Вадос спасибо большое (скорость написания кода увеличилась в раз5) , вместе с тобой уже 3 сайтец лупанул)))
    всем советую твой канал. Учитель от бога)))

  • @user-sz6ku3rg1y
    @user-sz6ku3rg1y 3 роки тому

    Спасибо:)

  • @vaiderofgames3563
    @vaiderofgames3563 2 роки тому

    Ребята ставьте лайки! Не скупитесь. Реально годные марафоны.... Вадим спасибо за труд!

  • @user-rp1te8mi7b
    @user-rp1te8mi7b 3 роки тому

    Спасибо большое

  • @stonehead5726
    @stonehead5726 3 роки тому

    Вадим,ты лучший!!!

  • @velobarahlo
    @velobarahlo 2 роки тому

    Огромное спасибо

  • @romanamelkovich5886
    @romanamelkovich5886 2 роки тому

    красава с чаем , и еще жена на позитиве это крутяцки как бодрит )))

  • @atlansadykov4582
    @atlansadykov4582 3 роки тому +1

    Здравствуйте! Хотел узнать когда будет следующий курс? На 14 декабря не успеваю.

  • @niskofly1910
    @niskofly1910 3 роки тому

    продолжай)

  • @karinadnepr
    @karinadnepr 3 роки тому +1

    Вадим, здравствуй! Подскажи плиз, когда будет (будет ли) марафон с использованием гридов?? Очень нужно)

  • @nightdreams5521
    @nightdreams5521 3 роки тому +1

    Привет. Очень нравятся твои работы, сейчас верстаю вместе с тобой freePSD сайт (7 часовой ролик).
    У меня возник вопрос:
    Как правильно "читать" вложенность div`ов, на примере того же фришного сайта?
    Сколько должно быть "контейнеров" для каждого блока сайта? Каждый раз, когда я думаю как вложить их друг в друга, у тебя выходит на 1-2 ступени больше.
    Расскажи об этом, пожалуйста, или дайте тайм-код, если про это было в марафоне. Спасибо.

  • @tweik1838
    @tweik1838 3 роки тому +1

    У меня такой же фон на рабочем столе)

  • @fluffyraccoon5648
    @fluffyraccoon5648 3 роки тому

    лучший

  • @betsmagazine-7242
    @betsmagazine-7242 3 роки тому +1

    если обновлять масштабирование при помощи ctrl + 0 при адаптации слик слайдера, то нижний скролл намного раньше появляется уже на 1265 примерно

  • @Ivan-lm9sp
    @Ivan-lm9sp 3 роки тому

    СПАСИБО ЗА BURGER MENU!!!!

  • @user-xd4mv4mk4c
    @user-xd4mv4mk4c 3 роки тому +1

    да было бы неплохо послушать как ты реакт объясняешь и на коком уровне его нужно знать простому смертному чтобы попасть в студию, а то js основы знаю, смотрел и повторял кое-какие тематические проекты с марафонов на др. специализированных каналах, но понимания реакта пока нет ... фреймворк должен облегчать жизнь, а мне кажется, что наоборот)) понимаю, что jsx это смесь синтаксисов, но как такая махина как реакт работает в реальном проекте нет, кто там и что пишет, как разбиваются задачи и т.п. и т.д.

    • @phat80
      @phat80 3 роки тому +1

      Если ты не понимаешь, как работает реакт, значит ты не знаешь никаких основ JS. Чтобы понять, готов ты к работе в студии или нет, берешь какое-нибудь веб приложение, смотришь функционал и не подсматривая в его код, реализуешь его сам с нуля. Желательно попытаться реализовать не одно, а хотя бы 3-4 таких приложений. Если не можешь, значит рано о работе в студиях думать. И даже если сможешь реализовать весь функционал сам, не факт, что ты сделаешь это правильно. Поэтому, даже это не гарантирует того, что ты готов к работе. Ну и общее правило, ты сам поймешь, когда будешь готов и в голове даже вопросов таких не будет. Ты просто будешь знать, что можешь, что разбуди тебя по среди ночи и дай тебе задачу, ты ее выполнишь.

    • @user-xd4mv4mk4c
      @user-xd4mv4mk4c 3 роки тому

      @@phat80 спасибо!

  • @angusscattergood672
    @angusscattergood672 3 роки тому +2

    кстати, у гэлакси фолд 280 пикселей)

  • @user-fb4zt5gk9e
    @user-fb4zt5gk9e 3 роки тому

    а почему такая заморочка?????
    почему вы не использовали button при создании всплывающего окна ????
    почему туда впихнули div???))

  • @user-ts2of8oj6d
    @user-ts2of8oj6d 3 роки тому

    Привет 🙋‍♀️ А какое у тебя высшее образование?

  • @artofmotivation9231
    @artofmotivation9231 3 роки тому +1

    А какова причина того что у меня 2 дотса вместо 3-х в слайдере

  • @youchinafriend
    @youchinafriend 3 роки тому +1

    Если изучить html, css, на минимальном уровне, что бы понимать немного и просмотреть все стримы-марафоны от Вадима, можно стать неплохим верстальщиком.!

  • @user-be9vd1jm7e
    @user-be9vd1jm7e 3 роки тому

    Привет всем! Интересное видео! Не подскажете, в чем может быть дело при адаптиве срабатывает медиа запрос на 50px меньше. Т е я в медиазапросе ставлю 600px а срабатывает на 550. или ставлю 550 а срабатывает на 500. Почему так может получатся?

    • @user-dm2te4qo5d
      @user-dm2te4qo5d 3 роки тому

      Привет,а вы не переходыли на opencartmasters.com/ здесь была информация по поводу вашего вопроса.

  • @serg-k
    @serg-k 3 роки тому

    адаптив честно не зашел, а так прикольно

  • @miramira3096
    @miramira3096 3 роки тому +1

    Как сделать слайдер на всю ширину страницы, чтобы менялся не тольклько контент, но и фон ❓задаю фон через img, контент размещаю на фоне через позиционирование, но все уезжает в лево и появсяется скрол... печаль беда

    • @datoshcode
      @datoshcode 3 роки тому

      И Вам тоже советую книгу Новая большая книга CSS Дэвид Макфарланд ;)

    • @miramira3096
      @miramira3096 3 роки тому +1

      @@datoshcode уже)

  • @sheiksl4446
    @sheiksl4446 2 роки тому

    2:09:33
    1:52.31 адаптив

  • @user-ol4ve5fh2c
    @user-ol4ve5fh2c 3 роки тому

    Это лендинг

  • @user-yu4zc6us7m
    @user-yu4zc6us7m 3 роки тому

    Кто может подсказать,почему в Адобе Фотошоп не могу сделать экспорт файла.Выбираю папку куда сохранить и в этот момент начинается бесконечная анимация сохранения?

    • @user-dm2te4qo5d
      @user-dm2te4qo5d 3 роки тому

      Привет,а вы не переходыли на opencartmasters.com/ здесь была информация по поводу вашего вопроса.

  • @user-xc5do8in8k
    @user-xc5do8in8k 3 роки тому

    2:15:00

  • @gfhitdxaahn
    @gfhitdxaahn Рік тому

    1:37:30