Верстка сайта с нуля, для новичков. Марафон по верстке, день 3
2020 ж. 4 Жел.
68 716 Рет қаралды
Марафон по верстке сайта. За 3 дня полностью сверстаем сайт и сделаем адаптив. Объясню все что делаю, и зачем. Отвечу на вопросы.
Тема в VSC - плагин Material Theme
Все исходники, инструкция и информация в телеграм канале.
Ссылка на телеграм канал:
t.me/from0to1com
Готовая верстка на patreon - / from0to1
Чат верстальщиков:
t.me/chat_from_0_to_1
Написать мне в телеграм:
t.me/silver8light
Отзывы о моем авторском курсе по верстке:
vk.com/topic-104892258_40476405
Подпишитесь на канал, если вам понравилось данное видео:
bit.ly/2IFzwBZ
Однозначно лайк за качественный, четкий и нужный контент
Красавчик, разжевываешь так, что у меня практический вопросов не остается. Будь счастлив! И не забывай про марафоны
8888
888
888
"display: none" - мое любимое свойство :) [Ржунимагу!]
Вадим зажигает, и разжигает любовь к верстке. Спасибо друг.
Можешь записать видос как ты верстаешь по факту? С помощью тех инструментов которые лично тебе удобнее, без объяснения, чисто видос как ты работаешь. Тут ты наверно все таки подстраиваешься под разного зрителя и показываешь тот или иной метод верстки, а охота увидеть боевой режим)) Хочу увеличить свою скорость работы, было бы круто перенять твои привычки.
Просто бомбезный контент! Давно хотел научиться чему-то подобному, случайно наткнулся на данный канал - сразу привлекла особенность подачи инфы, сразу захотелось "присоединиться к вечеринке"))) Приеду с заработков и обязательно куплю Ваш курс!)) А пока штопаю по видосам :)
Отличный опыт, благодарю за прекрасную вечеринку!
Сколько не смотрел марафоны, однозначно ты лучший!
Ребята ставьте лайки! Не скупитесь. Реально годные марафоны.... Вадим спасибо за труд!
Thanks Bro!
По кайфу все, гляну что по сложнее у тебя в следующий раз, жду еще что нить по прикольнее)
спасибо большое за вашу работу! несколько месяцев я учила верстку самостоятельно, потом пошла на курс по переквалификации от wordskills, но там на самом деле я мало что нового узнала, так как там рассказывали основы, которые я уже знала. сейчас пытаюсь научиться с 0 верстать сама сайты по макетам и ваши видео очень помогают)
Дружище! Скажи, пожалуйста, когда будет 3 часть mobile first! Очень жду!
Вадос спасибо большое (скорость написания кода увеличилась в раз5) , вместе с тобой уже 3 сайтец лупанул))) всем советую твой канал. Учитель от бога)))
красава с чаем , и еще жена на позитиве это крутяцки как бодрит )))
Спасибо, Вадос
Спасибо:)
СПАСИБО, Вадос! И вроде бы сайт простецкий - один слайдер и пара кнопок.. А вот все равно ощущение, что многое по ПРАВИЛЬНЫМ ПОЛОЧКАМ разложилось и будет под рукой в нужный момент. И в голове такая ГАРМОНИЯ!.. ... И да - справедливости ради - позиционирование на блоке "team" ты отлично разложил! :-)
Здравствуйте! Хотел узнать когда будет следующий курс? На 14 декабря не успеваю.
Вадим,ты лучший!!!
Огромное спасибо
Спасибо большое
Вадим, здравствуй! Подскажи плиз, когда будет (будет ли) марафон с использованием гридов?? Очень нужно)
продолжай)
Привет. Очень нравятся твои работы, сейчас верстаю вместе с тобой freePSD сайт (7 часовой ролик). У меня возник вопрос: Как правильно "читать" вложенность div`ов, на примере того же фришного сайта? Сколько должно быть "контейнеров" для каждого блока сайта? Каждый раз, когда я думаю как вложить их друг в друга, у тебя выходит на 1-2 ступени больше. Расскажи об этом, пожалуйста, или дайте тайм-код, если про это было в марафоне. Спасибо.
если обновлять масштабирование при помощи ctrl + 0 при адаптации слик слайдера, то нижний скролл намного раньше появляется уже на 1265 примерно
А какова причина того что у меня 2 дотса вместо 3-х в слайдере
лучший
а почему такая заморочка????? почему вы не использовали button при создании всплывающего окна ???? почему туда впихнули div???))
Привет всем! Интересное видео! Не подскажете, в чем может быть дело при адаптиве срабатывает медиа запрос на 50px меньше. Т е я в медиазапросе ставлю 600px а срабатывает на 550. или ставлю 550 а срабатывает на 500. Почему так может получатся?
Привет,а вы не переходыли на opencartmasters.com/ здесь была информация по поводу вашего вопроса.
У меня такой же фон на рабочем столе)
да было бы неплохо послушать как ты реакт объясняешь и на коком уровне его нужно знать простому смертному чтобы попасть в студию, а то js основы знаю, смотрел и повторял кое-какие тематические проекты с марафонов на др. специализированных каналах, но понимания реакта пока нет ... фреймворк должен облегчать жизнь, а мне кажется, что наоборот)) понимаю, что jsx это смесь синтаксисов, но как такая махина как реакт работает в реальном проекте нет, кто там и что пишет, как разбиваются задачи и т.п. и т.д.
Если ты не понимаешь, как работает реакт, значит ты не знаешь никаких основ JS. Чтобы понять, готов ты к работе в студии или нет, берешь какое-нибудь веб приложение, смотришь функционал и не подсматривая в его код, реализуешь его сам с нуля. Желательно попытаться реализовать не одно, а хотя бы 3-4 таких приложений. Если не можешь, значит рано о работе в студиях думать. И даже если сможешь реализовать весь функционал сам, не факт, что ты сделаешь это правильно. Поэтому, даже это не гарантирует того, что ты готов к работе. Ну и общее правило, ты сам поймешь, когда будешь готов и в голове даже вопросов таких не будет. Ты просто будешь знать, что можешь, что разбуди тебя по среди ночи и дай тебе задачу, ты ее выполнишь.
@@phat80 спасибо!
СПАСИБО ЗА BURGER MENU!!!!
Привет 🙋♀️ А какое у тебя высшее образование?
Как сделать слайдер на всю ширину страницы, чтобы менялся не тольклько контент, но и фон ❓задаю фон через img, контент размещаю на фоне через позиционирование, но все уезжает в лево и появсяется скрол... печаль беда
И Вам тоже советую книгу Новая большая книга CSS Дэвид Макфарланд ;)
@@datoshcode уже)
кстати, у гэлакси фолд 280 пикселей)
Если изучить html, css, на минимальном уровне, что бы понимать немного и просмотреть все стримы-марафоны от Вадима, можно стать неплохим верстальщиком.!
Кто может подсказать,почему в Адобе Фотошоп не могу сделать экспорт файла.Выбираю папку куда сохранить и в этот момент начинается бесконечная анимация сохранения?
Привет,а вы не переходыли на opencartmasters.com/ здесь была информация по поводу вашего вопроса.
адаптив честно не зашел, а так прикольно
Это лендинг
2:09:33 1:52.31 адаптив
2:15:00
1:37:30