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

3 роки тому

Марафон по верстке сайта. За 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

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

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

@user-ds5mn2xj9s Рік тому

8888

@user-ds5mn2xj9s Рік тому

888

@user-ds5mn2xj9s Рік тому

888

@krasser650 3 роки тому

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

@Patrick-ly9wt 2 роки тому

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

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

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

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

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

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

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

@infernal95mailru 3 роки тому

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

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

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

@vaiderofgames3563 2 роки тому

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

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

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

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

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

@alexkodding9354 3 роки тому

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

@yuridozhdikov6356 3 роки тому

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

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

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

@stonehead5726 3 роки тому

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

@_pheav 3 роки тому

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

@romanamelkovich5886 2 роки тому

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

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

Спасибо:)

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

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

@dennyluckes4783 3 роки тому

Thanks Bro!

@velobarahlo 2 роки тому

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

@atlansadykov4582 3 роки тому

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

@niskofly1910 3 роки тому

продолжай)

@karinadnepr 3 роки тому

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

@tweik1838 3 роки тому

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

@nightdreams5521 3 роки тому

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

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

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

@fluffyraccoon5648 3 роки тому

лучший

@youchinafriend 3 роки тому

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

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

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

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

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

@phat80 3 роки тому

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

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

@@phat80 спасибо!

@angusscattergood672 3 роки тому

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

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

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

@artofmotivation9231 3 роки тому

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

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

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

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

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

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

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

@miramira3096 3 роки тому

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

@datoshcode 3 роки тому

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

@miramira3096 3 роки тому

@@datoshcode уже)

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

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

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

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

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

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