Верстка сайта онлайн. Подробно с объяснениями для новичков. HTML, CSS, JS

Поділитися
Вставка
  • Опубліковано 17 лис 2024

КОМЕНТАРІ • 39

  • @СергейЖелезняк-ч8я

    очень приятный человек с очень понятным объяснением

  • @neleaonila2191
    @neleaonila2191 Рік тому +3

    Я еще не доросла, чтобы просто, посмотрев макет в Figme, вытянуть из него все детальки, всю подноготную и самостоятельно сверстать сайт. Но мой аскетизм я оправдываю так: -ведь это удел продвинутых.
    Но, есть у нас хороший учитель, который помогает найти этот путь, ведущий к росту. Юрий, я даже не знаю, каким мерилом мерить этот, Ваш, волшебный дар -«деланье». Спасибо.

  • @skolo65
    @skolo65 Рік тому +10

    Юрий, это была замечательная трансляция. Огромное Вам спасибо! К сожалению, возможность оставить комментарий под ней появилась лишь спустя пару-тройку дней. Думаю, именно поэтому, при большом количестве лайков, коментариев не так много. Вы создали отличную авторскую методику преподавания. По вашей трансляции можно как идти по шагам, ставя на паузы и повторяя всё руками, т.о. тренироваться в канве реального производственного процесса, а можно, обладая базовыми HTML/CSS знаниями, посмотреть всеь спектакль целиком, на одном дыхании, и получить объемное представление о "кухне" современного верстальщика. Понравилось всё и особенно Ваша спокойная, дружелюбная манера вести урок по сложному материалу, при этом всё строить вживую, прямо на глазах. Нет никакой воды. Обязательно познакомлюсь с Вашими уроками по другим темам. Не бросайте, пожалуйста, это дело, у Вас дар. Материалов подобного качества на Ютубе не так много. Было очень интересно.

    • @WebCademy
      @WebCademy  Рік тому

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

  • @sadas1122
    @sadas1122 2 місяці тому +3

    Я честно не знаю как сюда попал, я проснулся и увидел что у меня играет это. Но мне понравилось

    • @maxon8337
      @maxon8337 Місяць тому

      ахах так же

  • @Loveispanec
    @Loveispanec Рік тому +2

    Стрим полезный и информативный, единственный нюанс не вижу комментариев, которые вы читаете))

  • @nikita-uw7kk
    @nikita-uw7kk Рік тому +2

    Спасибо за Ваши уроки, легко и очень интересно объясняете!

  • @ЮляСолнце-ь2у
    @ЮляСолнце-ь2у Рік тому +1

    Юрий, спасибо за труды! Очень все нравится! Буду учиться дальше😊😊😊

  • @13101997a1
    @13101997a1 Рік тому

    Шикарное видео

  • @Crysis19981
    @Crysis19981 Рік тому +1

    Здравствуйте, хотел бы у вас уточнить, почему у меня не срабатывает opacity: 1; ?
    В видео тайминг 47:25

  • @Boba_Fett_2.0
    @Boba_Fett_2.0 Рік тому +2

    А где ссылка на файл с css стилями?

  • @Boba_Fett_2.0
    @Boba_Fett_2.0 Рік тому +4

    😡Почему нельзя сделать чтобы по ссылке открывался именно тот материал который нужно? Зачем делать так чтобы полчаса нужно было лазить по телеграм?

    • @Semiero_Jonskay
      @Semiero_Jonskay 8 місяців тому

      Чтобы получить хоть какую то выгоду

  • @certer5814
    @certer5814 Рік тому +1

    а где 2 часть? Ну там где адаптив верстается

  • @blablablablablablab
    @blablablablablablab Рік тому +4

    Спасибо большое за видео!
    Люди, подскажите, переключение между окнами с помощью Ctrl+Win лево/право? На 41:01. Просто анимация плавная на видео. А у меня нет...
    Или это специальная утилита?

    • @AntonioBenderas
      @AntonioBenderas Рік тому

      Так у него же Mac

    • @bakhodirbadalov6713
      @bakhodirbadalov6713 Рік тому

      Это на маке так. Переключение между фулл скринами свайпом на трекпаде. Кстати очень удобно

    • @bakhodirbadalov6713
      @bakhodirbadalov6713 Рік тому

      @Артемий круто. Я на маке работаю. :)

    • @AntonioBenderas
      @AntonioBenderas Рік тому

      @@bakhodirbadalov6713 трекпад удобней мышки?

    • @bakhodirbadalov6713
      @bakhodirbadalov6713 Рік тому +1

      @@AntonioBenderas если привикнеш то вообще классная вещь. Чисто для работы. Не для игр. С жестами много что можно упростить

  • @Sultan69996
    @Sultan69996 Рік тому +6

    256 лайк мой. 256 )))))

    • @ivanborisik
      @ivanborisik Рік тому

      ю. ю ю б.ю. ю. ю .юю. ю. . ю. . 😅😢😅😅😅😅😅😮😅😅😅😅😮😅😅😮😅😅😅😅😅😅😅😅😅😅😅😮😅😅😅

    • @ivanborisik
      @ivanborisik Рік тому

      😅э. ю ююю ююю....б. .ю. б ...ю.. . ю . . юююю юю.ю.юююю ю ю ю....😅😮😅😢😅😅😅😅😅😅😅😅

  • @AndranikYayloyan
    @AndranikYayloyan Рік тому

    Спасибо за стрим!!!
    Подскажите какой у вас шрифт в VS Code?

  • @PRO-kh8hb
    @PRO-kh8hb 6 місяців тому

    Добрый день. Подскажите пожалуйста а где взять макет. По ссылке в ТГ нету его.

    • @WebCademy
      @WebCademy  6 місяців тому

      Смотрите посты за 23 марта 23 года
      t.me/c/1579074518/132

  • @systemfile3685
    @systemfile3685 Рік тому

    Юрий, подскажите, пожалуйста, как поступить, если на странице нужны несколько контейнеров с разными широтами, как их именовать, согласно БЭМу? Я ломаю голову вокруг вариантов container container--width-1200 и header-container (если контейнер нужен для хеадера). Какая практика самая частая, или как делаете лично вы?
    И моя большая благодарность за труды. Учусь, глядя на вашу работу.

    • @WebCademy
      @WebCademy  Рік тому +2

      Добрый день.
      Можно делать через модификаторы .container.container--wide
      Можно просто как дополнительный варианты контейнера как вы описали: .container, .container-wide, .container-footer

    • @systemfile3685
      @systemfile3685 Рік тому

      @@WebCademy Спасибо вам ещё раз!

  • @maskaradikk
    @maskaradikk Рік тому

    Привет, подскажите, какая тема у вас в VS CODE?

  • @bakhodirbadalov6713
    @bakhodirbadalov6713 Рік тому

    Не могу продублировать себе макет. Ломается. Показывает только header и в кашу.

    • @WebCademy
      @WebCademy  Рік тому

      Скачайте локально. File - Save as .Fig

  • @AdminBitvisitor
    @AdminBitvisitor Рік тому

    покажи как картинку разрезать на части и натянуть на любой сайт

    • @WebCademy
      @WebCademy  Рік тому

      В figma есть инструмент slice для разрезки картинки на части.

  • @МальчикПальчик-г9т

    302 второй мой лайк