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

[@vadymprokopchuk]

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

[@emirrrrr123]

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

[@klymenky]

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

[@klymenky]

@@emirrrrr123, адаптив: kzbin.info/www/bejne/j37OnXV4o7B9esk

[@valdemarii9698]

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

[@user-Pravdarub586]

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

[@McSpets]

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

[@АлександрШейка-ц5ь]

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

[@olexandrvol4998]

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

[@ПавелМельничук-с4ш]

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

[@user-Pravdarub586]

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

[@HD70000]

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

[@siinerix3842]

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

[@vadymprokopchuk]

=))

[@golden_go3673]

)))))

[@saitama_666p6]

@Дмитрий Самарин Здравствуйте разбить это sass внутри несколько scss. v sass |......scss |......scss |......scss |......scss |......scss > css > fonts > img > js так что ли???

[@malyuga4726]

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

[@НаташаАлександрова-й1у]

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

[@МартаАрсланова-к7т]

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

[@anthonyforest6697]

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

[@wavesfeel905]

жестки

[@AlekseyGaraev]

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

[@FATALGIG]

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

[@Юрий-н9в9т]

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

[@webdev7135]

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

[@deniskazantcev]

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

[@ВашеВеличество-в3ъ]

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

[@ВадимОлійник-ч9ш]

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

[@eugenemetter709]

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

[@igr3943]

Не имеет никакого значения, когда я это посмотрю! Но это уже заслуживает лайк, подписка и от 5 слов в комментарии для продвижения на ютубчике:)

[@vadymprokopchuk]

Благодарю

[@iamdp806]

Спасибо большое за видео! Я сверстала этот сайт, правда с небольшим изменением дизайна) Очень многое закрепилось в голове, это моя первая полноценная вёрстка! Также отмечу вашу позитивную подачу и юмор, где-то в голос смеялась)

[@felixfelixovich2150]

А вы какую галп сборку исспользвоали? Та что в описании у вас работала?

[@iamdp806]

@@felixfelixovich2150 Gulp не использовала, препроцессор подключала через плагин в VS Code -- Live Sass Compiler. В дальнейшем планирую применять React и Webpack, поэтому не видела для себя смысла погружаться в Gulp :)

[@bigmathato8131]

Ужас, недоглядела, думала всего 1 час 11 мин,а ты Вадим трудяга сразу все записал, спасибо тебе друг, скорее всего за несколько дней доделаю.

[@vadymprokopchuk]

редко, но метко)

[@nika_lotz13]

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

[@veronikas.1347]

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

[@ГришаПетров-б1м]

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

[@baton4iki]

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

[@LectorWeb]

11 часов - это мощно) Я на части разбиваю свои уроки, потому как сложно усваивать новичкам. Когда преподавал frontend, помню мои студенты после второй пары уже туго соображали, а было 4 пары. ) Но все равно респект)

[@DmitriyDev]

так есть пауза, отверстал секцию в день и нормас

[@LectorWeb]

@@DmitriyDev Ну понятно что не все 11 часов сидел)

[@irenelaenebro5098]

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

[@the_n01se]

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

[@krutobok04]

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

[@aigerimseitova520]

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

[@korichka3126]

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

[@vk1131]

"Там кто-то что-то напечатал - это были мы в прошлом." ... Спасибо Вам за всё!

[@alexkodding9354]

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

[@vadymprokopchuk]

Благодарю

[@РоманЛесьо]

Класно розповідаєш матеріал, цих 11 годин пролетіли як 1 година. Дякую за контент, продовжуй так далі удачі тобі.

[@НиколайТрунин-ц6р]

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

[@Anahitacode]

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

[@hightommy7961]

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

[@ДомашнийБыт-б8ы]

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

[@МихаилРайгородский-ф3щ]

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

[@КлимСомов-х6с]

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

[@grigoriyfomenko4927]

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

[@СтрилаКоля]

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

[@serjmarkelov9915]

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

[@КлимСомов-х6с]

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

[@fobianka2131]

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

[@АлексейСтупников-д4у]

Здравствуйте! Благодарю за видео! Если кто-то искал нюансы по многостраничной верстке, то здесь подробнее 2:43:10. Про папку для картинок content, что облегчает работу на бэке 2:55:20

[@АлексейСтупников-д4у]

на 2:58:40 - про слайдер slick

[@АлексейСтупников-д4у]

на 6:01:55 - про хлебные крошки

[@Михаил-ъ5ь6п]

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

[@grusha_yablokov]

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

[@alexminecraft8704]

Ура я это сделал я его полностью сверстал, после 7 ч видео это было конечно супер. Узнал очень многое. Конечно хотелось бы таких примеров по больше, уровня по выше. А то на utube все практически однообразное. СПС) Вадим все супер конечно..... Нет слов тебе удачи... я практически все твои видео просмотрел.... Конечно подача материалов очень интересно

[@alekseytrump1586]

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

[@spectre_of_emotion]

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

[@vadymprokopchuk]

спасибо)

[@denpro9712]

Буенос 😎 11 часов!? Норм ты заморочился.

[@СашаИванов-ц2я3д]

О ден. Давно на трансляциях тебя не видел что то

[@vadymprokopchuk]

Буенос, я хотел еще больше) но на ютубе ограничение, ущемляют)

[@OwlBurst]

@@vadymprokopchuk А как же те "Самые длинные видео на Ютубе", которые длятся около 600 часов? А так, с возвращением!

[@vadymprokopchuk]

@@OwlBurst хз, сейчас максимум 12, хотя может есть схемы

[@time4769]

Вадим! Ты не человек, ты чудо чудесное! За 12 часов почти полноценный сайт написать, буду брать с тебя пример. Скоро будут поисковые системы называть не ЯНДЕКС там, а ЯНДЕКС-ВАДИМ. Зашел на этот видос, посмотрел нужные разделы, тут есть все для счастья, и остался довольным.

[@ЕвгенийМайков-с4е]

Верстал параллельно и досмотрел до конца. Так горд собой, будто Войну и мир полностью прочитал)). Сто потов сошло пока верстал. Спасибо за информативный контент)

[@КлимСомов-х6с]

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

[@бобс-м7ш]

@@КлимСомов-х6с js

[@User-nd2ls]

Не то что некоторые что шаблоном приторговывают. Самый годный контент

[@АнтонПилипенко-х5о]

Можно подробнее о различиях контента здесь и там?

[@artofmotivation9231]

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

[@ВладиславІщук-ц5ю]

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

[@vadymprokopchuk]

спасибо)

[@apologeticgalaxy]

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

[@МаксимПоздняков-з6б]

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

[@evgeniys3473]

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

[@ggo_webdev]

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

[@ВладВ-ш7ы]

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

[@capstanfearless]

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

[@АннаБекренева-я3ы]

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

[@jeniasuvorov6231]

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

[@youchinafriend]

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

[@АртурАстежев]

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

[@РусланРусалкин-х7ш]

Вадим смотрю начало твоего замечательного видео и думаю - всё четко и профессионально как всегда, ты прекрасно подаешь материал, но создается впечатление, что ты чем-то расстроен или не выспался. Если из-за курса доллара так это - пыль для моряка! Если не выспался, то хочется надеяться повод для этого был позитивным :)

[@vadymprokopchuk]

у меня все хорошо) иногда вымотаный от треш, но это полезно

[@Korben_Dalas]

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

[@vadymprokopchuk]

благодарю

[@j-lewis]

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

[@АннШ]

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

[@evgeniymartynenko102]

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

[@betsmagazine-7242]

напишу пока не забыл, если дальше по видео будет устранено - сотру - в блоке, который верстаем на 4:29:00 видно в дизайне, что один из item скрыт, поэтому, наверное, задумывалось как некий слайдер - дергаем за ползунок timeline и появляются скрытые блоки ...

[@julbarsstar4913]

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

[@АлександрМелянюк-ц9ю]

Вадим, спасибо! Круто! Ты там жену немного напряги, мы от неё тоже новых видео ждём с созданием макетов в figma!) Ну, и Привет от подписчиков передай!)

[@vadymprokopchuk]

спасибо, она хочет записать, просто работы много

[@ealinn]

У нее отдельный канал? Если да - подскажете как называется?

[@АлександрМелянюк-ц9ю]

@@ealinn от 0 до 1. Design

[@ealinn]

@@АлександрМелянюк-ц9ю спасибо)

[@ivandanilin5690]

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

[@dev-v]

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

[@СлаваБогузавсё-щ6д]

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

[@ИринаКорниенко-о2в]

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

[@jugo-stream]

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

[@vsegdaallways5272]

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

[@asmix7328]

33:21 воот это даа, ща так и сижу и думаю: "что я курил в этот момент")))) Спасибо за видос)

[@meelpatch]

Ахаха, я думал это тизерок на минуты 2-3, смотрю 11 часов. Уаааааааау, что ж приступим )

[@vadymprokopchuk]

=))

[@meelpatch]

@@vadymprokopchuk Вадим ты забыл оставить ссылку на гриды в описаний

[@vadymprokopchuk]

@@meelpatch спасибо, добавил

[@РусланРусалкин-х7ш]

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

[@DeIgado95]

11.5 часов - вот это солидно, моё уважение

[@vadymprokopchuk]

Благодарю

[@ZhdanofVR]

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

[@fanurkhusainov6542]

Превосходное чувство юмора и отличный специалист

[@vadymprokopchuk]

спасибо

[@nemesis1117]

Вот это вечеринка, хотелось бы ещё увидеть в видосе по адаптиву загрузку сайта на хостинг)

[@Fatt_Dude]

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

[@cartierbrawlstars]

Теперь ждём 5 часовое видео с натяжкой на ВордПресс)

[@nazar1ua]

Уже було

[@bugsbunny47]

Давай на друпал

[@MrMetalforce]

@@nazar1ua ссылку можно?

[@nazar1ua]

@@MrMetalforce kzbin.info/www/bejne/laSXe6qcZseUaJY

[@ОксанаХарченко-д9г]

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

[@maksimmalkov6136]

Лучшая верстка, что я когда-либо видел, так еще и с юмором. Excellent)

[@felixfelixovich2150]

А вы какую сборку галп исспользовали? Та что в описании у вас работала?

[@maksimmalkov6136]

@@felixfelixovich2150 да, все работает

[@felixfelixovich2150]

@@maksimmalkov6136 У меян не работает просто. На форумах пишут что сама сборка написана по устаревшей технологии которая сейчас не работает

[@maksimmalkov6136]

@@felixfelixovich2150 не знаю, у меня все работает

[@felixfelixovich2150]

@@maksimmalkov6136 а у вас какая версия нода?

[@woodenproduction21]

Не фига себе 11 часов, я его буду год верстать))

[@andriitsvirko7296]

носом тыкаешь по клавиатуре?

[@АлександрШейка-ц5ь]

Зато следующую верстку сделаешь уже за пол года.

[@ЕвгенийЧертов-т9я]

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

[@denissaleksejenko9928]

Лайк за вашу выдержку! 11 часов и не плывете, жесть. Маленький совет - вместо px, юзать rem (при адаптации легко изменить значение глобально). + цвета/margin/padding юзать через переменные (использовать дизайн систему, чтобы сохранить гармоничность)

[@АртёмМелентьев-ь9е]

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

[@contacttrade5688]

Вадим привет! Несомненно очень информативный и практичный материал. Лично для себя подчеркнул много нового. Однозначно лайк! Конечно хочется увидеть натяжку на WP от профессионала, надеюсь будет. Одно мне не понятно, почему ты не включишь манетизацию (я слашал тебя в ролике), это же твое время, а время должно оплачиваться!

[@ЕвгенийКузнецов-л1е]

если есть проблема с установкой пакетов мне помогло: 1. в package.json обновить версии : "devDependencies": { "browser-sync": "^2.26.13", "del": "6.0.0", "gulp": "4.0.2", "gulp-autoprefixer": "^6.1.0", "gulp-concat": "^2.6.1", "gulp-imagemin": "7.0.0", "gulp-sass": "5.1.0", "gulp-uglify-es": "3.0.0", "jquery": "^3.6.1", } 2. npm install --save-dev sass 3. в gulp.js заменить: const scss = require('gulp-sass') на const scss = require('gulp-sass')(require('sass'))

[@iluyazalytsky1325]

Лучший! спасибо

[@romakurpel1112]

Чел харош

[@kirillhmk]

Спасибо огромное !!

[@nurillohkomolov4376]

Красава

[@dz468]

Прям недавно ещё вспоминал: «когда же от Вадоса будут новые видео или марафоны?» А вот и видос подъехал! Да ещё какой! Получите, распишитесь! 😀 чувствую будет жарко 🤩

[@peschernuy]

Я это сверстал) Это было как всегда полезно и познавательно! Спасибо!

[@КлимСомов-х6с]

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

[@nsankevitch]

думал тут вечеринка на два часика, а тут целый солевой марафон

[@ОльгаЛеонтьева-ц3з]

Слушайте , одна я кайфую от его уроков по настоящему?)) спасибо , как всегда топчик.

[@Сергей-н3о1ц]

Посмотрел и по ходу сверстал. Вадим!!! Это огонь!!! Спасибо огроменное!

[@КлимСомов-х6с]

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

[@Сергей-н3о1ц]

@@КлимСомов-х6с скорее всего задай по дефолту display: none;