Адаптивна верстка сайту для початківців. Пояснення дій. HTML CSS JS FIGMA. Майстер-клас з верстки

Поделиться
HTML-код
  • Опубликовано: 9 ноя 2024

Комментарии • 119

  • @polby69
    @polby69 Год назад +21

    Люди не жлобтесь, бачите наших ютуберів, тицніть вподобайку, і напишіть хоч пару слів в коментарях. Це займе менше хвилини часу!
    Дякую за контент!)

  • @0-bm6zh
    @0-bm6zh 18 дней назад +1

    аж не віриться що є такі курси ти найкращий💕💕💕💕

  • @andreiognev1426
    @andreiognev1426 Год назад +28

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

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

    Дуже дякую, за вашу працю. Натхнення в роботі

  • @yurizhdanov
    @yurizhdanov Год назад +16

    Дякую за український контент і вкрай корисну і інформацію!

  • @liubomyryatskiv5773
    @liubomyryatskiv5773 Год назад +3

    Дуже дякую за якісний, україномовний контент

  • @sashavarava7933
    @sashavarava7933 Год назад

    Дуже дякую!!! Було дуже цікаво та кориснов в моєму навчанні.

  • @dovuret
    @dovuret Год назад +2

    Дякую за вашу працю, я такий радий що я народився і розумію Українську мову, бо такий вчитель єдинний кращий а ніж усі платн

  • @irinasname
    @irinasname Год назад +20

    Величезне дякую.
    П'ять годин - це величезна праця, стільки знань, скільки часу, дякую, що хочете нас навчити ❤️

  • @МаріяМонті
    @МаріяМонті Год назад +10

    Ого 5 годин! Величезне дякую за таку роботу :)

  • @Mshark42
    @Mshark42 Год назад +3

    Дяка за контент і за українську мову! суперово і цікаво!

  • @ilchyshyn
    @ilchyshyn Год назад +11

    Дякую, за вашу працю) Уроки та майстер-класи на вищому рівні)

  • @mikhaildolgov
    @mikhaildolgov Год назад +2

    Евгений, спасибо за Ваш труд! Полезное видео.

  • @ИванЕрмоленко-ъ8ч
    @ИванЕрмоленко-ъ8ч Год назад +1

    Дякую за чудовий український контент!

  • @ОстапКочан
    @ОстапКочан Год назад +5

    Велике дякую за ваш труд, щей безкоштовно) уууххх. Дізнався багато нового і прокачав свій левел по верстці завдяки вам) Женя, ще раз дякую за хороше навчання та тверду патріоцьку позицію!

  • @vasylst4241
    @vasylst4241 Год назад +4

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

  • @jarikkoshik3392
    @jarikkoshik3392 Год назад +3

    Слава Україні! Дякую за українську

  • @yuriiandriiets
    @yuriiandriiets Год назад +1

    Дякую Євген за чергове корисне відео. Ще один урок, і ще ряд моментів, які потрібно буде розібрати/зрозуміти. На деякі питання, які вже назбиралися під час самостійної практики, отримав з нього відповіді, тепер буду використовувати. Також побачив певні рішення, до яких дійшов власним розумом, що не може не радувати.

  • @SuperEragon007
    @SuperEragon007 Год назад

    Майстер-класс топ. Витратив 2 дні часу на розуміння та повторення. Але воно того варте. Дякую)

  • @Maximus.S
    @Maximus.S Год назад +1

    Женя, дуже дякую тобі за твої уроки, ти мастер свого діла, за що дуже тебе поважаю!
    Дякую, разом переможемо!

  • @mikeoushen8503
    @mikeoushen8503 Год назад +1

    Дякую за якісний контент і детальну інформацію, Євгене !!!

  • @КонстантинОсипчук

    Нещодавно закінчив верстати макет «GoCorona” зараз розпочинаю дивитися і пробувати цей! З кожним разом все більше і більше починаю розуміти, а від того стає все цікавіше і цікавіше вчитися! Дуже дякую тобі за твій труд! Саме завдяки твоєму каналу вирішив почати займатися саме розробкою сайтів! Слава України🇺🇦❤️ привіт із Ізраїлю🇮🇱❤️🇺🇦

  • @hubschmannn
    @hubschmannn Год назад +1

    комент для підтримки контенту, дякую за вашу працю!

  • @ДаняКэт-з7й
    @ДаняКэт-з7й Год назад +1

    Дякую вам за україномовний контент і подібне відео на ютуб просторі,воно дуже допомогає у початку шляху як розробника сайтів. Завдяки вашим відео я можу піднімати рівень своєї верстки та прокачувати свої навички)
    Гарного вам дня і бережіть себе)

  • @Norby-Norby
    @Norby-Norby Год назад +3

    Дякую за таку титанічну працю. Приємно дивитись за роботою дійсно професіонала в своїй сфері - це зворожує! Я не зовсім новачок, але хочу на платний курс, мабуть вже у вересні)). Чекати довго, але поки є час попрацювати самостійно)

  • @creatoroftheworld
    @creatoroftheworld Год назад +1

    Дякую за старання. Ти - молодець

  • @Timyr48
    @Timyr48 Год назад

    дякую, Жека! Твої відоси тут це якийсь еволюційний ланцюг розробника!
    Я повзу по твоїм відео і відчуваю свій ріст. Це перший макет який я зверстав сам. Роблю секцію. Дивлюся, як це робиш ти. Роблю наступну і так далі.. Дякую!

  • @antonkurinnyi1688
    @antonkurinnyi1688 Год назад +2

    Женя, дякую за навчання. Ти супер викладач!

  • @АлександрЗубашевский

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

  • @redheadco.4257
    @redheadco.4257 Год назад +1

    Дякую за відео! Я просто насолоджуюся навчанням!

  • @Татьяна-ю1р2м
    @Татьяна-ю1р2м Год назад +7

    Классный стрим и для среднего уровня. Помогает еще лучше структурировать информацию. Отдельное спасибо за новый плагин для отзывчивой верстки и за крутой контент). Лайк))

  • @nataliiakovtun4680
    @nataliiakovtun4680 Год назад +3

    Супер! Женя,величезне дякую за контент та безцінні знання🙏 Все буде Україна❤

  • @АртёмТкаченко-с1г
    @АртёмТкаченко-с1г Год назад +5

    Дякую за безцінні знання)!

  • @andrewmr8239
    @andrewmr8239 Год назад +2

    супер тренування дякуем Женя чудовий урок .

  • @ilyapitukh9362
    @ilyapitukh9362 Год назад +3

    Словами не передати дяку, за вашу роботу❤

  • @occamsr
    @occamsr Год назад +8

    Просто коммент. Для продвижения просветительской деятельности.

  • @ГригорійДжевага-ж9ю

    Дуже вдячний за вашу діяльність!!!

  • @al_pav8521
    @al_pav8521 Год назад

    Классный формат. Очень нравится. Жду следующих мастер-классов.

  • @ВіталійЛівадний-е4э

    Дякую, дуже корисний матеріал

  • @Віола-г4е
    @Віола-г4е Год назад +1

    Дуже дякую за ваші уроки!

  • @DenysKladko-vs3et
    @DenysKladko-vs3et Год назад +2

    Дякую за уроки

  • @bi_an_ser
    @bi_an_ser Год назад +1

    Жека ти змінив моє життя, сьогодні я дізнався про магічну штуку з Win + V.
    Як я жив без цього раніше, серйозно, завжди мріяв про таку шнягу)

  • @viva121d
    @viva121d Год назад +1

    Величезне дякую за контент!

  • @alkobess
    @alkobess Год назад

    Спасибо! Спасибо! Спасибо!

  • @erikgorin3347
    @erikgorin3347 Год назад +3

    Жека дякую, прiвит з Молдовы, твой патрон)

  • @quercus4181
    @quercus4181 Год назад +3

    Дякую, за вашу працю

  • @sergeybezumanuy8690
    @sergeybezumanuy8690 Год назад

    щиро дякую за майтер класс та макет ! Відео як завжди топ

  • @МихайлоГарбуз-л3д
    @МихайлоГарбуз-л3д Год назад +3

    дякую за контент ) сьогодні зранку шукав 1:21:45

  • @alataupeka4770
    @alataupeka4770 Год назад +1

    Looks great! Thank you

  • @ВетаВальдерс-й1ъ

    Ти фантастичний, дякую за працю💙

  • @andrewmr8239
    @andrewmr8239 Год назад +2

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

  • @oksanakukhotska7190
    @oksanakukhotska7190 Год назад +5

    Дякую!!!

  • @АлексейНескажу-п7ь

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

  • @ua5144
    @ua5144 Год назад +5

    Знову дивитимусь після роботи.)) Але вподобайку необхідно бахнути негайно!) мм

  • @marytsb4571
    @marytsb4571 Год назад +3

    дякую за відео

  • @roman-_-novikov
    @roman-_-novikov Год назад

    Відразу лайк бо впевнений, що зроблено все на вищому рівні.

  • @_Sunfall
    @_Sunfall Год назад

    😯🤯 Гадав переходити після 3 місяців самостійного навчання до вивчення JS, але глянувши Ваше відео зрозумів що потрібно ще закрити прогалини в знаннях із HTML і CSS. Шкода що лише нещодавно знайшов Ваш безкоштовний курс, але надіюсь що після вивчення і детального розгляду вашого курсу з'явиться хоча б якась систематизація в знаннях, чого не було в самостійну навчанні.

  • @yuriykhmelevski
    @yuriykhmelevski Год назад +4

    Дякую 👍👍👍

  • @hdrhighdigitalrap5474
    @hdrhighdigitalrap5474 Год назад +1

    дякую

  • @sanyaanya9475
    @sanyaanya9475 Год назад

    Молодець!

  • @martix3090
    @martix3090 Год назад +8

    5 годин... Як все встигнути?! ) 👍

  • @max8mad
    @max8mad Год назад +1

    Дуже круто, Дякую😊😊😊😊😊

  • @СергейСмирнов-ь8у
    @СергейСмирнов-ь8у Год назад +5

    👍

  • @tatyana885
    @tatyana885 Год назад +1

    спасибо !

  • @olhaivanova7002
    @olhaivanova7002 Год назад +2

    кращий контент для фронт-енду

  • @Татьяна-ю1р2м
    @Татьяна-ю1р2м Год назад +6

    Женя, а будет отдельный урок по кроссбраузерной верстке?
    Не так давно делала поддержку для очень старых браузеров и поняла что не так много каких-то статей (в том числе и на английском), где толково описаны какие-то базовые случаи. Например: что не везде работает краткая запись свойств flex: 0 0 auto или background: url('img/background/avatar.jpg') top left no-repeat;. Или про особенность работы с min-height и т.д.
    Было бы круто увидеть подход профессионала к таким задачам. И, возможно, у тебя есть какие-то статьи в заметках).
    В любом случае заранее спасибо))

  • @sviiatoslav-khorobryi
    @sviiatoslav-khorobryi Год назад

    Ахахаха байка про десант мега угар XDXDXD

  • @choleg22
    @choleg22 Год назад +1

    За комент про російську мову🔥

  • @alex-h6z
    @alex-h6z Год назад +2

    Було би гарно озвучивати усi шорткати. Наприклад 42:15 - як перенести класи, або iнтелiсенс коли в html швидко класс __container. Чи може я щось пропустив?

  • @BRILLIANTIC1
    @BRILLIANTIC1 Год назад +1

    Евген, сторінка з будиночком не доступна 😢 вони кудись переїхали? Чи працюють ще?

  • @dENI-fe3ci
    @dENI-fe3ci Год назад

    кюсі!

  • @idina5462
    @idina5462 Год назад +1

    Дякую за чудовий сайт!
    Є питання, overflow: clip VSCode пише warning не підтримуєтся Safari. Підкажи пліз що треба прописати в reset.css щоб все правильно працювало

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  Год назад +1

      Кажете неправду skr.sh/sHNXyetXUob

    • @idina5462
      @idina5462 Год назад

      Я це балича , тому напевно це проблема мого VSCode. Дякую за відповідь

  • @dovuret
    @dovuret Год назад

    (1:37:05) Я навіть на них уваги не звертаю, ви навпаки радуйтесь!!! Любі коментарі погані, чи хороші продвигають ваш стрім в рекомендації ютубу

  • @tatyanayamkova7242
    @tatyanayamkova7242 Год назад

    Женя, дякую за контент! Підкажіть, чи є макет в Figma? я переходжу за посиланням, мени відкриває Avocode

  • @denzeroneYT
    @denzeroneYT Год назад

    5 годин 😳 круто, зараз застряг на питання, робили на практиці сайт wordpress+elementor, навчився новому, і там коли мені потрібно було якийсь блок відобразити на мобільному, а якийсь прибрати на комп. версії, я натискав всього кнопку, і все працювало. Тобто, мені потрібно, щоб в бургер меню header, на комп. версії була форма (поле для вводу + кнопка), а на мобільні версії, ця вся тема (форма) йшла після шапки, а в бургерії її не було, як краще це оформити? (Відео ще не дивився)

  • @mishavakula2399
    @mishavakula2399 Год назад

    Добрий день, Євген. Скажіть ,будь ласка, скільки би на вашу думку коштував такий лендінг?

  • @unknown-jd6xo
    @unknown-jd6xo Год назад

    +

  • @YegorIlyichTitov
    @YegorIlyichTitov Год назад

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

  • @AlexKozack
    @AlexKozack Год назад

    Зробив би хто хороше навчальне відео про фігму. Як працювати, що дизайнеру, що верстальнику

  • @maxlangrise
    @maxlangrise Год назад +1

    у мене бургер вийшов тільки після того як я вказав background-color для icon menu, і вийшло так само як в тебе, хоча ти не вказував там колір фону. у мене не вперше складності с саме з цим бургером

  • @СергейГород_ко
    @СергейГород_ко Год назад

    2:00:02 метка где остановился, в 5 утра.

  • @dimondimonov6417
    @dimondimonov6417 Год назад

    Евгений а вы на всех сайтах верстки прижимаете футер?

  • @denveriogrizzly4722
    @denveriogrizzly4722 Год назад

    Привіт, дякую за відео!
    Є питання... Коли ти створюєш меню бургер, чому ти малюєш 3 лінії а не просто вставляєш як png картинку? Це пов'язано з бистро дією сайту?
    І ще хотів просто поділитись, я вже пробую верстати якісь прості макети для початку, і я зрозумів, що саме складне у верстці це мабуть адаптив.

  • @madFox_by
    @madFox_by Год назад +1

    Никакого русского языка)) Женя, ты молодец! Улыбнуло

  • @LenaFelica_songwriter
    @LenaFelica_songwriter Год назад

    Спасибище!! а как кнопку Get started убрать в бургер, чтобы она вместе с меню выпадала при нажатии на бургер, прямо под ним?🙂

  • @andriititar3129
    @andriititar3129 Год назад +2

    не могу достучаться к ссылке с макетом , она вообще не грузиться ((

  • @maxlangrise
    @maxlangrise Год назад

    архів з версткою тільки для патронів?

  • @Faradenza-sb3mj
    @Faradenza-sb3mj Год назад

    Здравствуйте, я из города Алматы, я бы хотел у вас спросить, с вашей точки зрения, могут ли в будущем примерно лет 5-10 заменить фронт ендеров искусственный интелект?

    • @coracoal8268
      @coracoal8268 Год назад +2

      Можете быть спокойны, я думаю в ближайшие лет 100 не заменит.Пока не научатся высовывать мозг человека и засовывать в процессор. На сегодняшний день ИИ, это не более чем маркетинг и набор алгоритмов. ФронтЕнд это создающая профессия, имея всего лишь карандаш в виде HTML, CSS, JS и библиотек. Далее все от тебя зависит что ты сделаеш, с этим карандашем, практически всегда что-то новое, а не просто по шаблонам работать.

    • @ВячеславФедотов-э9щ
      @ВячеславФедотов-э9щ Год назад

      ​@@coracoal8268 але багато професій витіснить найближчим часом - все більше бачу самообслуговування на касах замість касирів, все менше потрібно лікарів для проведення операцій і т.д.

    • @coracoal8268
      @coracoal8268 Год назад

      @@ВячеславФедотов-э9щ До супермаркетів був один продавець , а не десяток кассирів.З приводу лікарів, я тільки за, робот не залишить тампони або інструмент в тілі людини після операціі ,як це зі мною було. Якщо дивитись на заміну копірайтерів - то я не вважаю це за профессію. Бага хто каже що дизайнерів і художників вже замінив. Навіщо таких слухати якщо можна просто апворк чекнути і вуалля ,ніхто нікого не замінив там вони потрібні не менше як і раніше. Да і спробуйте продати картинку створену ІІ , їх не один сайт не купить. А відповідь проста - плагіатом пахне. Це означае більше що ІІ це маркетингова назва більше, а не інтелект. Все що вона робить це велика і гарна робота лінгвістів зібрана в одну программу, але ця программа не думае, як кажуть інші.

  • @Ruslan-f3z2x
    @Ruslan-f3z2x Год назад

    у блоці testimonials зробив справжій рейтинг, щоб можно було виставляти кількість зірочок, але коли всьому блоку item ставлю flex-direction-column рейтинг ломається. Ніяк не можу це виправити(

  • @МаринаГанжеева-д8с

    Подскажите почему стили для экрана 321 применяются для всех экранов? Т. Е к примеру я хочу сделать чтоб при экране 321 был синий фон на картинке,, но когда я увеличиваю размер экрана это фон применяться и на 480 и на 768. Как можно это исправить?

  • @MrSstar12345
    @MrSstar12345 Год назад

    хто хоче на казахському, включайте субтитри ))

  • @dovuret
    @dovuret Год назад

    Звісно на UPWORK не 1200грн на день за такий лендос)

  • @prost_3657
    @prost_3657 Год назад

    в чому сенс в першому блоці замісь слова intro всюди в класах фігурує main. Десь я чув що назви класів повинні бути логічними) на цьому я завис....

  • @АндрійЛємак
    @АндрійЛємак Год назад

    не могу загрузить макет

  • @96Lackb
    @96Lackb Год назад +1

    Дивився.. дивився ... і зрозумів який цей чоловік зазнавшийся в собі , після того як він начав обсирати людей ( тупі , барани ) ті кто в ІТ компаніях отримують копійкі - а він бог верстки заробляє мілліони ... трохи людина зазанался в собі ... якщо ви майстер свого діла то не потрібно людей які вас дивляться , вчаться у вас - опускати нижче плінтуса - тим паче які працюють у ІТ компаніях ....
    КОНТЕНТ СУПЕР!! ЗА МАТЕРІЛ ДЯКУЮ!!!... але дуже не гарно ви розмовляєте .. може зірочку спіймали ... не знаю

  • @prost_3657
    @prost_3657 Год назад

    навіщо по 2 css властивості записуєте? наприклад header__card card-header. Ніяк не можу в дюжинні цих селекторів розібратись. навіщо їх так багато аааа поясніть. після години уроку я вже повністю загубився в css файлі хоча то вже 3 макет і в минулому таких проблем не було

  • @SuperRAilya
    @SuperRAilya Год назад

    (* 2 columns 50% g32
    *.images-main {
    display: grid;
    grid-template-rows: repeat(2, 1fr);
    grid-auto-flow: column;)
    не подходит тк сетка не нужна прямая
    * column item_1 item_2 f01 50% / column item_3 item_4 f01 50%
    * column df fdc g32
    * &_1 { border-radius: 50% / 29%;
    &_2 { border-radius: 50% 50% 0 50%;
    2:43:45 why
    (комментарий для себя)

  • @xarrikan2xarrikan243
    @xarrikan2xarrikan243 Год назад

    Балин все заепись только ниче не понятно . Я знаю русский но я не россиянин и не русский . Но я не знаю украинский , да похож на русский но в таком деле каждое слово имеет значение . Ах да я тоже понимаю почему автор вместо русского использует украинский . Жалко что я его не понимаю.

  • @Gulom11
    @Gulom11 Год назад

    Привет, я из Ташкента и всегда любил смотреть ваши видеоуроки, но после того как вы прекратили вести на русском, я тоже, к сожалению, прекратил смотреть, так как украинского я не понимаю(((

    • @erikgorin3347
      @erikgorin3347 Год назад +2

      хороший повод выучить новый язык)

    • @MrForgottename
      @MrForgottename Год назад +1

      @@erikgorin3347 лучше английский выучи и выбора в ютубе станет больше 😉

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  Год назад +6

      По іншому не буде, успіхів

    • @Gulom11
      @Gulom11 Год назад

      @@FreelancerLifeStyle ок

    • @MrSstar12345
      @MrSstar12345 Год назад

      включайте субтитри

  • @valentynbilan
    @valentynbilan Год назад +4

    Як завжди на висоті! :)