Верстка сайта, html/css/js, swiper, google maps api Часть 4
Рет қаралды 19,956
Жыл бұрынДрузья, в этом видео я верстаю крутецкий сайт гранд финала гонок lamborghini. Сверстаем полный сайт сделаем адаптив, пройдем сложные моменты, я объясню абсолютно все.
Полезные ссылки:
----------
макет + файлы - drive.google.com/drive/folder...
Мой курс по верстке (закрытая вечеринка=)) - from0to1.com.ua/
Телеграм канал - t.me/from0to1com
Канал по вебдизайну - / @varvara_prokopchuk
Рекомендую после этого видео, пройти марафон по верстке:
1. • Верстка сайта с нуля, ...
2. • Верстка сайта с нуля, ...
3. • Верстка сайта с нуля, ...
Подпишитесь на канал, если вам понравилось данное видео:
bit.ly/2IFzwBZ
@user-ec2cf8nf8v 7 ай бұрын
Позитивные видеоуроки, постоянно смеюсь с каких то неожиданных фраз или шуток, только ради этого можно смотреть😄
@anastasialavrenova2253 Жыл бұрын
я не встречала более адекватного верстальщика, чем вы. Объясняете лучше всех, просто огонь!!! Может еще по JS что то будет? 🙏🏻😊😊😊 без вас , чуствую, мне там не разобраться
@giganrg Жыл бұрын
Не пугай, Вадим...Мы уже переживать стали, что так долго тебя нет. И да, ура! Четвертая часть!
@user-lm9ee1gn5p Жыл бұрын
Жестко напугал, как же вечеринка
@user-gq3fu7rf1x Жыл бұрын
Вадим, спасибо большое за твой труд! Твой пример подталкивает к тому чтобы развиваться в этой теме, а то как ты преподносишь материал вообще бесподобно! В общем смотрю твои видосы, учусь верстать и радуюсь что напал на твой канал. Планирую пройти твой обучающий курс.
@dimacemen862 Жыл бұрын
Вадим, спасибо Вам большое за ваши видео. Сижу в Харькове и учусь по вашим урокам(предварительно скачал несколько, на случай, отсутствия электричества). Желаю Вам всего только хорошего!
@bimal163 Жыл бұрын
Вадим. Спасибо вам за ваш труд! Вы делаете большое и благое дело! Да вознаградит вас Господь !) Всех вам благ!
@lilnuisance8546 Жыл бұрын
Спасибо, Вадим, за контент! Ну чисто одно мясо, крутяк. Очень жаль, что нет Ваших уроков по js, вот это была бы пушка, конечно, но в любом случае спасибо! Мир Вам
@user-ig2sj1ix5d Жыл бұрын
Вадим, спасибо большое тебе за твой труд! С удовольствием смотрю твои видео. Очень приятно учиться верстать по твоим роликам. С нетерпением жду продолжения вечеринки ;-) Ты лучший!
@adamhanif4517 Жыл бұрын
Карта не работает =( пишет "При загрузке Google Карт на этой странице возникла проблема. Подробности вы найдете в консоли JavaScript."
@niakhai3659 Жыл бұрын
Такая же проблема
@user-gu4nw1sq9w Жыл бұрын
Вадим, спасибо вам огромное за ваш труд!!! очень полезное и интересное видео, и как всегда веселое)))) 🤗
@TheBigChannel_ Жыл бұрын
Вадим, благодарю вам за ваш труд!
@user-sm5wb3mv4h 3 ай бұрын
Спасибо Дружище! Крепкого тебе здоровья! С меня лайк и подписка!
@arthurbakhvalov326 Жыл бұрын
Cпасибо за лучший контент по html css на youtube, ты крутой преподаватель)
@qwerty8858 Жыл бұрын
Здравствуй, с наступающим! Сделай курс по js для начинающих пожалуйста. Ты очень хорошо объясняешь и нравится твоя подача.
@muhammadzaurbekov8916 Жыл бұрын
я учил по сайту learn javascript, просто по порядку проходите темы и будет счастье
@Mans-Rogers Жыл бұрын
Сэнсэй вернулся! Thanks a lot!)
@dennyluckes4783 Жыл бұрын
читать подробнее - выпадашки поленился сделать! а за KC-1.6 отдельный респект!
@dm92mk Жыл бұрын
это будет ДЗ)
@user-ip7pq2kh5q Жыл бұрын
Видео топ! Ждём продолжение.
@nastasiya_pant Жыл бұрын
Вадим, ты лучший!
@mrhappy3000 Жыл бұрын
Добрый день Вадим! Спасибо большое за этот замечательный курс! Продолжение будет? Хотелось бы его закончить...
@niceman5890 Жыл бұрын
Спасибо большое!
@anastasiia1834 Жыл бұрын
Будет когда-то марафон по JavaScript и vuejs?
@progover24 Жыл бұрын
куда пропал? наконец-то 4 часть!!
@rimavedeckiene2203 3 ай бұрын
How fun it is to study together with Vadim. Thanks Varvara 🍫for Figma.
@user-ob3ug7ue6d Жыл бұрын
Спасибо дядька лайк!!
@Hakanai2022 Жыл бұрын
Thank you!😀
@fffggggr Жыл бұрын
спасибо за вечеринку!
@user-frond-end_dev Жыл бұрын
крутая вечеринка! спасибо! красавчик! мы все знаем что у тебя поток на обучении)))))).......
@sulejmanpovelitel1220 Жыл бұрын
надо еще сделать видос по адаптиву для разных устройств и тогда вечеринка подойдет к логическому завершению )
@tima-minecraft8788 Жыл бұрын
Спасибо огромное
@user-uf1wz9wr5j Жыл бұрын
color афроамериканский font-weight бодипозитивный
@user-ro7tc8tb9q Жыл бұрын
Ура!🥳🥳🥳
@rus24133 Жыл бұрын
Топчик
@saqv Жыл бұрын
Круто! Только в блоке с с цитатами между именем и самой цитатой отступ не сработал Небольшая разница с макетом осталась Недавно, кстати, купил на Udemy 17,5 часов вечеринки с интернет магазином) Жалко, конечно, что на курс по верстке не всем можно
@onlyyyqyartsss 11 ай бұрын
вечеринка🎉
@dmitryg.9533 Жыл бұрын
коммент для продвижение крутого человека
@user-qe2oh6os8q Жыл бұрын
спасибо
@xz431 Жыл бұрын
Вместо подключения стилей swiper можно задать .swiper-wrapper {display: inline-flex;} и .swiper {overflow: hidden;} тогда синих стрелок не будет
@jamjam3337 Жыл бұрын
👍👏
@user-ls4if9ug1b 4 ай бұрын
Вопрос: Почему в .blog__slider { margin-bottom: 100px; padding-top: 50px !important; position: relative; } padding-top: 50px; применяется только через !important?
@progover24 Жыл бұрын
когда 5 часть???
@Nekkg Жыл бұрын
Гений
@jastinmakalister637 Ай бұрын
Можно ли в слайдере параграфу задавать минимальную высоту что бы не было вечеринки если в одном слайдере одно количество текста в параграфе, а в другой другом сладре в параграые текстата допустим меньше в два раза или больше, то тогда начинается вечеринка, и потом нужно еще адаптировать, а желательно отзывчиво + адаптацию, как в таком случае лучше сделать?
@user-sx8zf9lw1m Жыл бұрын
Когда старт следующего курса?
@progover24 Жыл бұрын
После нг
@stas9066 Жыл бұрын
Чвакать - хуякать. Все кто с Харькова, уже поняли. Спасибо за этот прикол. Рассмешил )))
@ilyaazhbekberov2541 Жыл бұрын
JQuery стоит ли сейчас учить? Многие говорят, что он устарел
@alexeyser3621 Жыл бұрын
не стоит от слова совсем
@felixfelixovich2150 Жыл бұрын
Подскажите пожалуйста как сейчас запустить вашу сборку галп она же из за каких то нововведний в правилах JS перестала запускаться а она очень нужна
@saqv Жыл бұрын
зачем лол Просто поставь в vscode расширения и будет все тоже самое
@felixfelixovich2150 Жыл бұрын
@@saqv а какие расширения?
@saqv Жыл бұрын
@@felixfelixovich2150 ну а что именно тебе нужно от галпа?
@vladimirzvyagincev8193 Жыл бұрын
не просто обладатель кубка ламбакуни))
@sartjhon3300 Жыл бұрын
что со слайдерами, какой профитней slick или swiper?
@user-kn6no9hz4o Жыл бұрын
вадим говорил, что свайпер лучше под мобилы, и что зависит скорее от того, что нужно сделать
@dogvscatfunny9956 6 ай бұрын
У меня лично в свайпере код не показывает
@zakarhappy5496 Жыл бұрын
Эээ блин ты где, я адаптив написать смогу, но мне интересно как реализовать пятиугольники, которые мы задавали через абсолютное позиционирование
@fantomsung1430 2 ай бұрын
1:03:34 !ПАМАГИТЕ! Пж подскажите кто небуть как узнают нужна-ли ссылка для того или иного текста картинки и т.д. И если эта ссылка есть то этим занимаюца фронтэнт или бэкэнд разработчики? 1:03:34
@AnatolyGradovoy Жыл бұрын
Тупой вопрос, почему в названиях стилей как разделитель многие используют именно 2 нижних подчеркивания?
@user-gu4nw1sq9w Жыл бұрын
у Вадима есть видео про БЕМ методологию названия классов. посмотрите там, он объясняет принципы)))
@noizzzz4000 Жыл бұрын
Всем привет подскажите как при табе класс шел перый перед href src и тд
@Horizzzz Жыл бұрын
Я думаю ели это и можно изменить, то нужно рыться в настройках эммета. По умолчанию класс пишется после атрибутов
@user-gg8jv2dp8p Жыл бұрын
Еще есть хорошее видео на Udemy, верстка интернет магазина
@itomori_1330 Жыл бұрын
кнопки swiper-button под картинками и на верх не вилазят в чом проблема?
@kostyafrompiter Жыл бұрын
ты забыл дать .blog__slider padding-top:50px; . у самого такая проблема была.
@SultanDev 11 ай бұрын
просто надо наш файл со стилями подключать ниже свайпера, т.е как он на видео его подключает
@mem_v_kruzhochke 10 ай бұрын
@@kostyafrompiterоно кстати не помогает. Ну лично мне не помогло. Я дописал это к swiper-wrapper, и сработало, но стрелочки не работают, и я догнать не могу в чем дело
@andrii-boiko Жыл бұрын
Большое спасибо. Но у меня с картой не получилось. Вместо карты белое окно с надписью "Ошибка! При загрузке Google Карт на странице возникла проблема "
@kirillhmk Жыл бұрын
Возможно из за препроцессора(если пользуешься им). У меня тоже карта не отобразилась, только надпись с ошибкой. Открыл index.html с папки без препроса и карта есть, всё как в видео.
@andrii-boiko Жыл бұрын
@@kirillhmk Нет. В том то и дело, что я делал всё так же как и Вадим. Без препроцессора.
@user-ow8sx3pi7w Жыл бұрын
@@andrii-boiko обновлял гугл?
@user-ky3eo8wm3k Жыл бұрын
Такая же ошибка была (Яндекс.Браузер), открыл через Google Chrome, все ок.
@andrii-boiko Жыл бұрын
@@user-ky3eo8wm3k я захожу из хрома. Ошибка появляется до сих пор.
@GGWPLUS Жыл бұрын
В последним блоке main, есть блок обладатели кубка, и там после имя обладателей, не знаю почему но нижний отступ 10px не применилось, и я не понимаю как его сделать, если кто нибудь может подсказать буду рад )
@user-jr5mm5gn6h Жыл бұрын
Я сделала так: добавила в .blockquote__text { margin-top: 10px; }, и всё получилось :)
@GGWPLUS Жыл бұрын
@@user-jr5mm5gn6h Получилось спасибо
@dennyluckes4783 Жыл бұрын
@@user-jr5mm5gn6h .blockquote__name { font-weight: 700; display: block; margin-bottom: 10px; }
@dm92mk Жыл бұрын
чтобы применялся margin элемент должен быть блочным поэтому нужно добавить display: block;
@MelkoR4111 Жыл бұрын
вау, первый раз вижу, что Вадим использует что-то кроме слик слайдера, не в обиду к слику))
@pro_intro230 Жыл бұрын
54;50
@walterwhite4407 6 ай бұрын
CS 1.6 -було було
@walterwhite4407 7 ай бұрын
ВебКадеми | Юрий Ключевский
Рет қаралды 22 М.