Верстка сайта, html/css/js, swiper, google maps api Часть 4

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

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

50% 1

Друзья, в этом видео я верстаю крутецкий сайт гранд финала гонок lamborghini. Сверстаем полный сайт сделаем адаптив, пройдем сложные моменты, я объясню абсолютно все.
Полезные ссылки:
----------
макет + файлы - drive.google.com/drive/folder...
Мой курс по верстке (закрытая вечеринка=)) - from0to1.com.ua/
Телеграм канал - t.me/from0to1com
Канал по вебдизайну - / @varvara_prokopchuk
Рекомендую после этого видео, пройти марафон по верстке:
1. • Верстка сайта с нуля, ...
2. • Верстка сайта с нуля, ...
3. • Верстка сайта с нуля, ...
Подпишитесь на канал, если вам понравилось данное видео:
bit.ly/2IFzwBZ

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

22 ноя 2022

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

@user-ec2cf8nf8v 7 месяцев назад

Позитивные видеоуроки, постоянно смеюсь с каких то неожиданных фраз или шуток, только ради этого можно смотреть😄

@giganrg Год назад

Не пугай, Вадим...Мы уже переживать стали, что так долго тебя нет. И да, ура! Четвертая часть!

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

Жестко напугал, как же вечеринка

@anastasialavrenova2253 Год назад

я не встречала более адекватного верстальщика, чем вы. Объясняете лучше всех, просто огонь!!! Может еще по JS что то будет? 🙏🏻😊😊😊 без вас , чуствую, мне там не разобраться

@adamhanif4517 Год назад

Карта не работает =( пишет "При загрузке Google Карт на этой странице возникла проблема. Подробности вы найдете в консоли JavaScript."

@niakhai3659 Год назад

Такая же проблема

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

Вадим, спасибо большое за твой труд! Твой пример подталкивает к тому чтобы развиваться в этой теме, а то как ты преподносишь материал вообще бесподобно! В общем смотрю твои видосы, учусь верстать и радуюсь что напал на твой канал. Планирую пройти твой обучающий курс.

@dimacemen862 Год назад

Вадим, спасибо Вам большое за ваши видео. Сижу в Харькове и учусь по вашим урокам(предварительно скачал несколько, на случай, отсутствия электричества). Желаю Вам всего только хорошего!

@bimal163 Год назад

Вадим. Спасибо вам за ваш труд! Вы делаете большое и благое дело! Да вознаградит вас Господь !) Всех вам благ!

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

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

@lilnuisance8546 Год назад

Спасибо, Вадим, за контент! Ну чисто одно мясо, крутяк. Очень жаль, что нет Ваших уроков по js, вот это была бы пушка, конечно, но в любом случае спасибо! Мир Вам

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

Вадим, спасибо вам огромное за ваш труд!!! очень полезное и интересное видео, и как всегда веселое)))) 🤗

@TheBigChannel_ Год назад

Вадим, благодарю вам за ваш труд!

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

Спасибо Дружище! Крепкого тебе здоровья! С меня лайк и подписка!

@arthurbakhvalov326 Год назад

Cпасибо за лучший контент по html css на youtube, ты крутой преподаватель)

@Mans-Rogers Год назад

Сэнсэй вернулся! Thanks a lot!)

@qwerty8858 Год назад

Здравствуй, с наступающим! Сделай курс по js для начинающих пожалуйста. Ты очень хорошо объясняешь и нравится твоя подача.

@muhammadzaurbekov8916 Год назад

я учил по сайту learn javascript, просто по порядку проходите темы и будет счастье

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

Видео топ! Ждём продолжение.

@dennyluckes4783 Год назад

читать подробнее - выпадашки поленился сделать! а за KC-1.6 отдельный респект!

@dm92mk Год назад

это будет ДЗ)

@nastasiya_pant Год назад

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

@anastasiia1834 Год назад

Будет когда-то марафон по JavaScript и vuejs?

@niceman5890 Год назад

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

@mrhappy3000 Год назад

Добрый день Вадим! Спасибо большое за этот замечательный курс! Продолжение будет? Хотелось бы его закончить...

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

Спасибо дядька лайк!!

@progover24 Год назад

куда пропал? наконец-то 4 часть!!

@rimavedeckiene2203 2 месяца назад

How fun it is to study together with Vadim. Thanks Varvara 🍫for Figma.

@fffggggr Год назад

спасибо за вечеринку!

@user-frond-end_dev Год назад

крутая вечеринка! спасибо! красавчик! мы все знаем что у тебя поток на обучении)))))).......

@Hakanai2022 Год назад

Thank you!😀

@sulejmanpovelitel1220 Год назад

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

@tima-minecraft8788 11 месяцев назад

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

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

color афроамериканский font-weight бодипозитивный

@saqv Год назад

Круто! Только в блоке с с цитатами между именем и самой цитатой отступ не сработал Небольшая разница с макетом осталась Недавно, кстати, купил на Udemy 17,5 часов вечеринки с интернет магазином) Жалко, конечно, что на курс по верстке не всем можно

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

Ура!🥳🥳🥳

@xz431 Год назад

Вместо подключения стилей swiper можно задать .swiper-wrapper {display: inline-flex;} и .swiper {overflow: hidden;} тогда синих стрелок не будет

@rus24133 Год назад

Топчик

@dmitryg.9533 Год назад

коммент для продвижение крутого человека

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

вечеринка🎉

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

спасибо

@user-ls4if9ug1b 4 месяца назад

Вопрос: Почему в .blog__slider { margin-bottom: 100px; padding-top: 50px !important; position: relative; } padding-top: 50px; применяется только через !important?

@Nekkg Год назад

Гений

@jastinmakalister637 Месяц назад

Можно ли в слайдере параграфу задавать минимальную высоту что бы не было вечеринки если в одном слайдере одно количество текста в параграфе, а в другой другом сладре в параграые текстата допустим меньше в два раза или больше, то тогда начинается вечеринка, и потом нужно еще адаптировать, а желательно отзывчиво + адаптацию, как в таком случае лучше сделать?

@jamjam3337 Год назад

👍👏

@progover24 Год назад

когда 5 часть???

@stas9066 Год назад

Чвакать - хуякать. Все кто с Харькова, уже поняли. Спасибо за этот прикол. Рассмешил )))

@felixfelixovich2150 Год назад

Подскажите пожалуйста как сейчас запустить вашу сборку галп она же из за каких то нововведний в правилах JS перестала запускаться а она очень нужна

@saqv Год назад

зачем лол Просто поставь в vscode расширения и будет все тоже самое

@felixfelixovich2150 Год назад

@@saqv а какие расширения?

@saqv Год назад

@@felixfelixovich2150 ну а что именно тебе нужно от галпа?

@vladimirzvyagincev8193 Год назад

не просто обладатель кубка ламбакуни))

@ilyaazhbekberov2541 Год назад

JQuery стоит ли сейчас учить? Многие говорят, что он устарел

@alexeyser3621 Год назад

не стоит от слова совсем

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

Когда старт следующего курса?

@progover24 Год назад

После нг

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

Еще есть хорошее видео на Udemy, верстка интернет магазина

@zakarhappy5496 Год назад

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

@sartjhon3300 Год назад

что со слайдерами, какой профитней slick или swiper?

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

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

@AnatolyGradovoy Год назад

Тупой вопрос, почему в названиях стилей как разделитель многие используют именно 2 нижних подчеркивания?

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

у Вадима есть видео про БЕМ методологию названия классов. посмотрите там, он объясняет принципы)))

@dogvscatfunny9956 5 месяцев назад

У меня лично в свайпере код не показывает

@fantomsung1430 Месяц назад

1:03:34 !ПАМАГИТЕ! Пж подскажите кто небуть как узнают нужна-ли ссылка для того или иного текста картинки и т.д. И если эта ссылка есть то этим занимаюца фронтэнт или бэкэнд разработчики? 1:03:34

@itomori_1330 Год назад

кнопки swiper-button под картинками и на верх не вилазят в чом проблема?

@kostyafrompiter Год назад

ты забыл дать .blog__slider padding-top:50px; . у самого такая проблема была.

@SultanDev 10 месяцев назад

просто надо наш файл со стилями подключать ниже свайпера, т.е как он на видео его подключает

@mem_v_kruzhochke 9 месяцев назад

@@kostyafrompiterоно кстати не помогает. Ну лично мне не помогло. Я дописал это к swiper-wrapper, и сработало, но стрелочки не работают, и я догнать не могу в чем дело

@noizzzz4000 Год назад

Всем привет подскажите как при табе класс шел перый перед href src и тд

@Horizzzz Год назад

Я думаю ели это и можно изменить, то нужно рыться в настройках эммета. По умолчанию класс пишется после атрибутов

@andrii-boiko Год назад

Большое спасибо. Но у меня с картой не получилось. Вместо карты белое окно с надписью "Ошибка! При загрузке Google Карт на странице возникла проблема "

@kirillhmk Год назад

Возможно из за препроцессора(если пользуешься им). У меня тоже карта не отобразилась, только надпись с ошибкой. Открыл index.html с папки без препроса и карта есть, всё как в видео.

@andrii-boiko Год назад

@@kirillhmk Нет. В том то и дело, что я делал всё так же как и Вадим. Без препроцессора.

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

@@andrii-boiko обновлял гугл?

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

Такая же ошибка была (Яндекс.Браузер), открыл через Google Chrome, все ок.

@andrii-boiko Год назад

@@user-ky3eo8wm3k я захожу из хрома. Ошибка появляется до сих пор.

@GGWPLUS Год назад

В последним блоке main, есть блок обладатели кубка, и там после имя обладателей, не знаю почему но нижний отступ 10px не применилось, и я не понимаю как его сделать, если кто нибудь может подсказать буду рад )