Верстка сайта. Верстаю многостраничный сайт, использую GULP, SCSS, БЭМ

Подписаться 84 тыс.

Просмотров 277 тыс.

50% 1

В видео верстаю многостраничний сайт. Всего сверстаем 6 страниц, использую GULP сборку, все пишу на SCSS использую БЭМ методолигию
Макет:
drive.google.com/file/d/1UJEI...
Gulp сборка:
drive.google.com/file/d/1BPM-...
Мой курс по верстке - from0to1.com.ua/
Видос по Gulp:
• Gulp сборка с нуля, со...
Видос по препроцессору:
• Препроцессоры SCSS/SAS...
Видео по checkbox:
• Стилизация checkbox и ...
Гриды:
• CSS Grid - верстка буд...
Тема в VSC - плагин Material Theme
Ссылка на телеграм канал:
t.me/from0to1com
Ссылка на телеграм канал с впн:
teleg.one/from0to1ru
Если это не помогает, просто зайдите в телеграм и в поиске введите from0to1ru или марафон по верстке.
Вк канала:
bit.ly/vk-from-0-to-1
Подпишитесь на канал, если вам понравилось данное видео:
bit.ly/2IFzwBZ

Опубликовано:

29 мар 2021

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 757

@vadymprokopchuk 2 года назад

Полезные ссылки: Бонусы на patreon - www.patreon.com/from0to1 Курс по верстке - from0to1.com.ua/ Телеграм канал - t.me/from0to1com Подпишитесь на канал, если вам понравилось данное видео: bit.ly/2IFzwBZ

@emirrrrr123 Год назад

а можно ссылочку на адаптив

@andreiklimenko4531 Год назад

Спасибо за видео.👍 Чтоб Emmet писал классы первыми среди атрибутов, в файле settings.json нужно прописать код: "emmet.preferences": { "output.reverseAttributes": true } и все будет👌

@andreiklimenko4531 Год назад

@@emirrrrr123, адаптив: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-YMklBBnKJDg.html

@valdemarii9698 3 года назад

господи....я не осилю посмотреть это за 12 часов подряд , а он работает 12 часов, еще и для людей снимает. Спасибо вам большое что вы есть))

@user-Pravdarub586 Год назад

Видно, что Вадим делает это с удовольствием, поэтому он и стал профессиональным верстальщиком!

@McSpets 3 года назад

Неее... Он не человек... Он ЧЕЛОВЕЧИЩЕ!!! От души Вадос!!!

@siinerix3842 3 года назад

Мама: "Давай закругляйся. Последний видос и спать" Я:

@vadymprokopchuk 3 года назад

=))

@golden_go3673 3 года назад

)))))

@saitama_666p6 3 года назад

@malyuga4726 3 года назад

Коротко об аудитории веб девелоперов

@user-gc5od2ui7f 2 года назад

@@vadymprokopchuk Добрый день. Подскажите, пожалуйста, по каким причинам у выезжающего rightside menu может быть не 100% высота и почему у вас оно изначально перекрывает остальные элементы на странице (находится над ними)-ведь мы нигде в css не указывали ему z-index ?? Буду благодарна вам за ответ

@user-qs8vf5dm3c 3 года назад

Раньше профессию верстальщика считал безпонтовой. Сейчас, глядя на все это, начинаешь проникаться уважением. Автору большое спасибо за труды. Это очень полезно и ценно.

@olexandrvol4998 3 года назад

Ого-го. Вечеринка длиной 11 часов. Контент на изучение на целый месяц)) Спасибо!

@user-ju3sl1yx9e Год назад

бери скорость на 2x - усердно за неделю осилишь

@nikalotz5592 3 года назад

Вау, столько часов годного контента, спасибо, Вадим❤️

@hightommy7961 3 года назад

Спасибо тебе за твой труд, хороший учитель, хорошо разжевываешь и объясняешь материал! 👍🏼🔥

@alekseytrump1586 3 года назад

Только уважение тебе! Все как надо у тебя на канале! Очень приятно смотреть твои tutorials. Спасибо!

@user-yd6be5wz4p 3 года назад

Крутотень. Ожидал новый курс на юдеми, когда увидел описание, а тут такой подгон. Благодарю ！

@Anahitacode 3 года назад

Вадим, спасибо большое! Столько юмора. Очень лайтово верстать. Часы летят за приятным видео. Это просто супер вечериночка.

@veronikas.1347 2 года назад

обожаю это чувство юмора!) это то, что помогает не запаривать мозги и досмотреть до конца плюс супер контент

@aigerimseitova520 3 года назад

Нереально с юмором так все рассказываете!) Только за это можно поставить тысячу лайков) Респект вам 👍

@webdev7135 Год назад

Выражаю Вам огромнейшее восхищение и уважение за труд, за старание, за помощь! Отдельная безмерная благодарность за сборку Gulp!!!!!

@user-xm6ve3tq4k 3 года назад

Вечериночка!:) Спасибо Вадим, ты чудо. Как раз заканчиваю твой проект многостраничного сайта с гидроциклами, а после сразу к этому видео

@user-dn8fe2yl6u 3 года назад

Очень полезное видео👍🏻 спасибо что делитесь своими знаниями😌

@HD70000 3 года назад

Я в начале офигел, что наконец сделал многостраничник, потом глянул на вермя, офигел второй раз! :D Круууууууууууууууто! Спасибо за старания!

@user-ro3uw2cs3o 3 года назад

Моему удивлению нет предела, наконец-то мой интернет окупился.🤗👍🔥

@user-xo1ik6zr1x 3 года назад

Наконец-то! Я очень долго ждал этого видео!

@user-hk3gd2fv5s 3 года назад

Всё супер как обычно). Вадим вы лучший, спасибо за ваш труд!

@apologeticgalaxy 3 года назад

Большое спасибо за такой неимоверный труд!

@infernal95mailru 3 года назад

11 часов, супер!! Вечеринка не на один день! 🔥

@grusha_yablokov 3 года назад

Лайк не глядя. Спасибо огромное за твои труды!

@user-dx3ii1kn8r 2 года назад

По-моему это лучшее обучающее видео за всю мою жизнь! Большое спасибООО!

@grigoriyfomenko4927 Год назад

Классный мастер класс!!! Спасибо большое за видео. Все было великолепно

@user-Pravdarub586 Год назад

Фу-у-у-у! Осилил верстку за 3 недели. В самом начале было тяжело - постоянно делал ошибки, потом на их поиски уходило много времени )) Огромное спасибо Вадиму за труд! Сейчас начну делать адаптив...

@user-sj9ty3jy1q 3 года назад

Воу воу, вот это топ контент подъехал

@user-uh8hz9xi2h 3 года назад

Благодарочка за топчик.Сериалы в сторону... Залипаю на вечеринку)

@user-vn9qk3eh6i 2 года назад

огромнейшее спасибо за такой труд! Реально очень классный материал!!!

@artofmotivation9231 3 года назад

Огромное тебе спасибо за столь долгий и мучительный труд, макет пушка бомба, сайтец просто огонь

@user-rw2ko4bv4m 3 года назад

Прямо сейчас верстаю по старому твоему видео , а тут бац и новый видос. Круто!!! Спасибо тебе большое за такой контент))

@fobianka2131 Год назад

потрясающее видео, столько полезностей, побольше бы таких уроков, спасибо большое

@j-lewis 3 года назад

Бомба, Ракета, Шаттл, Стратосфера, Космос! Спасибо большое с удовольствием смотрю и многому учусь!

@vsegdaallways5272 2 года назад

Огромное спасибо)))хорошая подача материала, и отличная альтернатива просмотру сериалов, посидел поклацал и инфа какая то отложилась))

@user-fx4tq3cz2w 3 года назад

Ну наконец - дождался! Как говорится лайк не глядя :)

@alexkodding9354 3 года назад

Боже какой же ты молодец. Спасибо тебе огромное. Миллион лайков👍👍👍 низкий поклон😊

@vadymprokopchuk 3 года назад

Благодарю

@evgeniymartynenko102 2 года назад

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

@user-ev7vm2yl6e 3 года назад

Ура, это лучшее, что могло произойти сегодня! Спасибо, Вадим!

@korichka3126 3 года назад

Вадим, ты превзошёл самого себя) спасибо за твой труд)

@evgeniys3473 3 года назад

Тебя очень интересно смотреть, хороший специалист так + еще и стенд ап .Спасибо ! =))

@irenelaenebro5098 3 года назад

Большое спасибо. Действительно полезное видео. Спасибо, что объясняете, как сделать мультикурсор и т.п. Да, в документации все есть, но новичку, а видео для них, в основном, документацию читать трудно, потому как все незнакомо. Очень понравился макет.

@den4ik114 3 года назад

Лайк не глядя сходу! Спасибо за старания!

@user-he8io9tr8m 3 года назад

капец, спасибос тебе Вадос за такую вечеринку)))))

@user-cr7up6pn7l 3 года назад

Круто!))давно ждал такой контент от Вадоса😀💥💯

@anthonyforest6697 3 года назад

Давай после верстки этого макета сразу видео по его натяжке на WordPress

@wavesfeel905 2 года назад

жестки

@AlekseyGaraev 2 года назад

Да, тоже интересно!

@dev-v 3 года назад

Красавчик))) прям то что ждал

@grimjjovjeagerjaques4143 3 года назад

Не глядя лайк, за огромную работу!

@user-cl4qv7ig6u 3 года назад

Ну погнали 🤪. Благодарность тебе и уважуха!

@ivandanilin5690 3 года назад

Впервые тебя вижу и видео еще не смотрел, но тут лайк можно сразу поставить, не глядя!)

@jeniasuvorov6231 3 года назад

Огромное спасибо автору!!! Видео очень полезное, и познавательное=) Открыл для себя несколько очень полезных инструментов. А главное с юмором=) 11часов пролетели как 11часов) Спасибо большое! С нетерпением буду ждать адаптив, а так же WordPress =)

@user-hz9ho4ch2j 3 года назад

Спасибо за крутой мастер-класс! Было бы здорово по нему иметь тайм-коды для ориентира. А то тяжело потом найти нужный момент, чтобы пересмотреть

@ggo_webdev 3 года назад

наконец-то старички успокоились) Спасибо Вадиму за полезный и интересный контент)

@NeedForHeavyMetal 2 года назад

Всё прекрасно в этом уроке! жму руку, спасибо)

@user-pr8zg4sw6c 2 года назад

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

@deniskazantcev 3 года назад

За отсутствие рекламы отдельный респект. Жму лапу, мужчина!) Кремень) Всегда с удовольствием и улыбкой смотрю твои видео. Благодарю от души, Вадим

@Korben_Dalas 3 года назад

Братуля спасибо тебе от души, за твой контент! Успеха тебе и здоровья! )

@vadymprokopchuk 3 года назад

благодарю

@FATALGIG 11 месяцев назад

Лучший ферстальщик, лучший фронтендер, лучший учитель вёрстки и лучший организатор вечеринок)) Респект, уважуха и низкий поклон Тебе!

@pipopipo1 Год назад

Вадим, спасибо вам за этот нереальный видос!

@user-qb3sc4ld5j 3 года назад

Вадим я тебя слушаю уже не из-за верстки, так как спасибки твоим курсам научился, слушаю тебя из-за крылатых выражений-это просто ржачь. КРАСАВА !!! и да учите html может придётся спасать мир ))).

@user-xd4mv4mk4c 3 года назад

За контент спасибо! Хотелось бы увидеть в твоем исполнении видео с версткой сайтов с интересными таблицами, графиками и т.п.

@karinadnepr 3 года назад

Очень ждала гриды! Спасибо!!!

@user-jf2we3jn6k 2 года назад

Да дядька, Ты реально крут, а за сборку вообще спасибо большое.

@user-sm3jy6xq7g 3 года назад

красава, спасибо за труд, просмотрю это когда изучу бэм, гулп и сасс)

@the_n01se 3 года назад

Я ждал многостраничник на ютубе, ну ладно, так ещё и мой любимый ютубер, так ещё и на 11,5 часов 😍

@julbarsstar4913 3 года назад

у меня всё путём. иду за Вами и всё больше восхищаюсь Вами!

@BMikel 3 года назад

Спасибо за качественный контент. Поддерживаю натяжку на WP. Использование ACF.

@user-ll6yy2lz6k 3 года назад

Лучший! Спасибо за годный контент!)

@ZhdanofVR 3 года назад

Вот это вечеринка. Пока осваиваю старые видео, так что пока лайк не глядя.

@altosdatch8523 3 года назад

И видосы крутые, и комментарии процесса, и про рекламу правильно! Держись, Вадос! Мы тебя поддержим и лайками, и комментами, и подписками!

@serjmarkelov9915 3 года назад

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

@user-js9pd7cv6g 2 года назад

подскажи пжл, изначально righside-menu не скрыто при загрузки страницы. как его убрать, а после нажатия кнопки вызывать? страница загружается уже с открытым меню

@mrdanbis7824 3 года назад

Смотрю сейчас! Огонь! Спасибо! Очень жду натяжку на WP!

@user-is3zz6ci2j Год назад

Спасибо за крутую вечеринку. Просто бомба.

@jugo-stream Год назад

Спасибо за видео! Еще наступит время, когда я смогу отблагодарить тебя Вадим за полученные знания.

@user-yp8up4wo3d 3 месяца назад

Дякую Вам за онлайн заняття. Раніше я пив міцні напої. А коли почав дивитись ваш практикум по створенню сайтів, то перейшов на чай та каву як і Ви. Ще раз дякую.

@user-bu9fx4wj7x 3 года назад

Первый раз на этом канале, но 4 часа без перерыва с увлечением просмотрел и решил написать всё-таки комментарий. Респект!

@vadymprokopchuk 3 года назад

спасибо)

@baton4iki 3 года назад

11 часов каеф) И все это бесплатно,спасибо

@_pheax 2 года назад

грандиозная работа, спасибо Вадим

@eugenemetter709 3 года назад

Спасибо за помощь новичку! Первый раз верстал и ты мне очень помог разобраться что и как. P.S процесс занял 12 дней занимался каждый день. Первую страницу верстал наверное дней 5(т.к не было опыта вообще) Еще остался адаптив, надеюсь там будет не сложно

@the_perets_ggw4313 Год назад

Спасибо за контент, буду по чаще сюда заглядывать.

@capstanfearless 3 года назад

Хорошая практика - сохранить стрелку, которая смотрит вправо единожды. А потом через класс разворачивать через transform. Видео топ, молодец!

@nJ-xm9jl Год назад

Вадосище ну это просто максимальная движу, спасибо большое, ты лучший бро)))))))

@vadymprokopchuk Год назад

спасибо)

@youchinafriend 3 года назад

ох, наконец-то) хотя я и ушел с верстки, посмотреть видос все таки нужно)

@user-ji5zz5fx4c 3 года назад

Вчера вспоминал тебя, думал когда будет новое видео. И вот это случилось. Супер тема на половину дня. За пару дней осилим. А сейчас на работу ,но не надолго это точно. :)

@user-js9pd7cv6g 2 года назад