Практика. Часть 1. Верстка шапки сайта | Курс Веб разработчик | Академия верстки

แชร์
ฝัง
  • เผยแพร่เมื่อ 1 ม.ค. 2025

ความคิดเห็น • 99

  • @hrshoes9768
    @hrshoes9768 6 ปีที่แล้ว +43

    Если бы были такие хорошие уроки по JavaScript, то этот канал был бы чудом. Спасибо Артем!

  • @РостиславЗаец
    @РостиславЗаец 6 ปีที่แล้ว +15

    Спустя год простоя, могу сказать точно, Артём спасибо что замотивировал учиться!

    • @РостиславЗаец
      @РостиславЗаец 6 ปีที่แล้ว +1

      P.s. моего безделья в сфере web )

    • @noiseless6800
      @noiseless6800 5 ปีที่แล้ว +3

      @@РостиславЗаец Как прошел этот год? Продуктивно али нет?

    • @vadym_08
      @vadym_08 3 ปีที่แล้ว +2

      Как прошли эти два года? Продуктивно али нет?

    • @axxxxx37aoo14
      @axxxxx37aoo14 2 ปีที่แล้ว +3

      Как прошли эти три года? Продуктивно али нет?

    • @krino_079
      @krino_079 ปีที่แล้ว +1

      Как прошли эти четыре года? Продуктивно али нет?

  • @reddy5503
    @reddy5503 2 ปีที่แล้ว +1

    Очень крутой видео-курс
    оставлю для себя и для кого-нибудь таймкоды:
    [29:50] - выравнивание текста в одну строку
    [32:20] - выравнивание кнопки

  • @Амир-ъ3у6р
    @Амир-ъ3у6р 4 ปีที่แล้ว +21

    В Bootstrap 4 класс .col-md-offset переименован в .offset-md.
    Мучался минут 20

    • @Full-streamers
      @Full-streamers 4 ปีที่แล้ว

      Полностью поддерживаю мучения хД

    • @Амир-ъ3у6р
      @Амир-ъ3у6р 4 ปีที่แล้ว

      @@Full-streamers я думал все на флексы перешли уже. Нет?

    • @Full-streamers
      @Full-streamers 4 ปีที่แล้ว

      @@Амир-ъ3у6р Обучаюсь со знания базового html и css, скорее всего перейду, как узнаю, что это хД

    • @Дмитрий-д8о6м
      @Дмитрий-д8о6м 4 ปีที่แล้ว +1

      еще проще m-auto ml-auto mr-auto mx-auto

  • @КонстантинШ-м3ц
    @КонстантинШ-м3ц 6 ปีที่แล้ว +60

    Нет ничего удобней, чем выравнивать элементы Flexами

    • @OlekusGames
      @OlekusGames 5 ปีที่แล้ว +8

      Согласен. Не знаю зачем он эти костыли придумал

    • @ДмитрийПономарев-д1ю
      @ДмитрийПономарев-д1ю 5 ปีที่แล้ว +5

      @@OlekusGames могу предположить, что флекс надо отдельным уроком объяснять и поэтому он не стал, но там не то, чтобы много объяснять чего

  • @vitaliiananiev5038
    @vitaliiananiev5038 4 ปีที่แล้ว +7

    Где макет сайта взять ?

  • @user-yk1yn1yx7m
    @user-yk1yn1yx7m 6 ปีที่แล้ว +19

    Сделайте пожалуйста уроки по Javascript!

  • @skrillex8334
    @skrillex8334 4 ปีที่แล้ว

    Урок отличный! Все понятно! Спасибо большое!

  • @МихаилПопков-ь1л
    @МихаилПопков-ь1л 4 ปีที่แล้ว

    Не жалею ни разу, что начал верстать) автор красавчик, но у меня вопросов много) гугл в помощь, так сказать

  • @Mediumwell56
    @Mediumwell56 4 ปีที่แล้ว +11

    вместо костылей

  • @ivanzhelanov
    @ivanzhelanov 5 ปีที่แล้ว +9

    Увидев как выравнивается в бутсрап🤪, я пожалуй останусь на флексах)

    • @asunaika531
      @asunaika531 4 ปีที่แล้ว

      Я ни тем ни тем не могу выровнять блин

  • @zizzxiii2714
    @zizzxiii2714 4 ปีที่แล้ว +4

    Где взять макет?

  • @bakytdigital9500
    @bakytdigital9500 3 ปีที่แล้ว

    Классный канал.👍🏻

  • @DoodlezWoW
    @DoodlezWoW 8 หลายเดือนก่อน

    Выравнивание по центру:
    .класс в котором элемент (добавить к col-md-...) {
    display: flex;
    justify-content: center;
    align-items: center;
    }
    PS: а есть обновленный курс?

    • @Glo_Academy
      @Glo_Academy  8 หลายเดือนก่อน

      Есть, напишите в вк vk.me/glo_academy или в тг t.me/gloacademy_bot

  • @simpleguy9519
    @simpleguy9519 2 ปีที่แล้ว

    Как использовать col-md ответьте пожалуйста

  • @alex-kobrin
    @alex-kobrin 5 ปีที่แล้ว +2

    Вопрос с выравниванием положение кнопки по вертикали: можно ли было это сделать прописав в классе row прописать align-items-center ??? ()

  • @ДмитрийВасильев-ж1е4ь
    @ДмитрийВасильев-ж1е4ь 6 ปีที่แล้ว

    Koala при наборе текста (пока не введешь полностью правильную строку) вываливает красное оповещение. Как это убрать? В настройках нашел только вкл/выкл уведомлений об успешности автокомпиляции. Такое же как на 10:13

  • @ДенисСоколинский
    @ДенисСоколинский 6 ปีที่แล้ว +6

    Артем, спасибо за видео. Есть вопрос, зачем верстальщику в наше время ps? Есть же замечательный avocode, пользуешься ли ты им?

    • @Glo_Academy
      @Glo_Academy  6 ปีที่แล้ว +3

      Это старые записи курса. Сейчас использую Avocode

  • @flipper-limon
    @flipper-limon 6 ปีที่แล้ว +5

    еще в начале года говорил, что авакод сила, почему используешь фотошоп?
    про rem понравилось)) надо попробовать самому)
    а выравнять кнопку бутстрап классом нельзя?

    • @Glo_Academy
      @Glo_Academy  6 ปีที่แล้ว +1

      Ну ё-мое. Вы читаете описания или смотрите предупреждение в начале видео?
      Этот видео-курс записан полтора года назад. Тогда я еще не пользовался avocode.

    • @flipper-limon
      @flipper-limon 6 ปีที่แล้ว

      @@Glo_Academy не разу не слышал это) просто не знаю какой сейчас у вас поток идёт.

    • @exponat5398
      @exponat5398 6 ปีที่แล้ว +1

      Владислав Ефанов что удобного в ремах? Почему не проще использовать пиксели? Даже нет разницы в количестве написанных символов, так что время это не экономит

    • @flipper-limon
      @flipper-limon 6 ปีที่แล้ว +2

      +ʬẌẌ Удобно тем, что изменив одну величину ты меняешь все остальные. было у тебя сперва 10px и твои значения 2rem=20px. поставила ты вместо 10 -> 20px, то твои значения сами изменятся и будут уже 2rem=40px

  • @royalyusifli4185
    @royalyusifli4185 5 ปีที่แล้ว +8

    сделай пожалуйста уроки по верстке на bootstrap профессиональный интернет магазина

  • @ИванМиронов-я1ы
    @ИванМиронов-я1ы 6 ปีที่แล้ว +5

    Есть ли смысл использовать бутстрап, если сейчас есть просто шикарные флексы? Артем, как считаешь?

  • @НиколайГринько-ф2м
    @НиколайГринько-ф2м 3 ปีที่แล้ว

    подсказка логотип и все изображения есть в интернете

  • @arti532
    @arti532 4 ปีที่แล้ว

    Вставляю картинку как в уроке в .main, но вместо полной заливки фона под элементами появляется только ее кусочек под лого номером и кнопкой. добавляю в мейн высоту 700 тогда исправляется, но тогда при адаптивной верстке для маленьких экранов форма выезжает за размеры мейна и находится поверх слайдера с преимуществами. если же убираю высоту мейн то слайдер переезжает к первому заголовку из шапки. не могу понять в чем проблема

  • @kirillkotov7812
    @kirillkotov7812 6 ปีที่แล้ว

    Бро, спасибо за урок

  • @alialiev4667
    @alialiev4667 3 ปีที่แล้ว

    Где можно скачать макет ?

  • @ccode12
    @ccode12 6 ปีที่แล้ว +1

    А если выравнивать с помощью margin , грубо говоря по пикселям , или это не подействует ?

    • @kodmy9460
      @kodmy9460 6 ปีที่แล้ว

      Не адаптивно будет

  • @АлександрСапунов-ю4з
    @АлександрСапунов-ю4з 3 ปีที่แล้ว

    Лучший

  • @andreyzimin88
    @andreyzimin88 6 ปีที่แล้ว

    Спасибо Артем

  • @armandesigner6165
    @armandesigner6165 5 ปีที่แล้ว +2

    у меня всегда страница уходит влево

  • @shonchvibe
    @shonchvibe 4 ปีที่แล้ว

    подскажите пожалуйста ,почему кнопка не реагирует на изменения фона и шрифта?

  • @Андрей-к8ш9е
    @Андрей-к8ш9е 6 ปีที่แล้ว

    При покупке к домашкам, макетам и т.д. можно будет увидеть исходный код? Есть некоторые проблемы, может просмотр кода укажет на мои ошибки.

    • @Glo_Academy
      @Glo_Academy  6 ปีที่แล้ว

      Исходников кода нет

  • @HrayrNazaryan-t1x
    @HrayrNazaryan-t1x 11 หลายเดือนก่อน

    где брать етот макет?

    • @Glo_Academy
      @Glo_Academy  11 หลายเดือนก่อน

      По ссылке в описании

  • @ПавелВасильев-ц4м
    @ПавелВасильев-ц4м 6 ปีที่แล้ว

    Артем, обезательно помещать контейнеры в каждом секе? Можно ли поместить один контейнер в body?

    • @Glo_Academy
      @Glo_Academy  6 ปีที่แล้ว

      Попробуй) потом только напиши, что получится. Это же учеба. Можно ковырять код так, как душе угодно

    • @olegpetrov4149
      @olegpetrov4149 4 ปีที่แล้ว

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

    • @WhiteBear141981
      @WhiteBear141981 4 ปีที่แล้ว

      Oleg Petrov, чУ-щУ

  • @АзаматКурылыс
    @АзаматКурылыс 5 ปีที่แล้ว

    Как можно установить сниппета bootstrap: autocomplate и template: started .Срочно нужно.Скажите пожалуйста.

  • @Рузик-т4к
    @Рузик-т4к 3 หลายเดือนก่อน

    3:48 нет в бутстрапе 3 такого

  • @Den_null
    @Den_null 5 ปีที่แล้ว

    А почему кнопку выравнивали по вертикали через таблицу? почему не margin: auto 0 ? Понимаю, что урок писался давно, поэтому про флексы молчу.

    • @Glo_Academy
      @Glo_Academy  5 ปีที่แล้ว +1

      Железобетонный вариант, если через таблицу)

    • @mikaelgevorgyan4521
      @mikaelgevorgyan4521 4 ปีที่แล้ว

      margin 0 auto выравнивает от лево к правой части,а не сверху к низу)))

    • @WhiteBear141981
      @WhiteBear141981 4 ปีที่แล้ว

      mikael gevorgyan, «от лево к правой части» называется - по горизонтали)))

  • @vovamriya2084
    @vovamriya2084 6 ปีที่แล้ว

    Добрые люди, подскажите пожалуйста, как сделать автодополнение css стилей в less файле, а то у меня оно работает только в css файлах? Работаю в VS Code.

    • @vipdeveloper
      @vipdeveloper 5 ปีที่แล้ว

      установи плагин emmet в less файле

  • @danorkalled1618
    @danorkalled1618 4 ปีที่แล้ว

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

  • @_Lanselot_
    @_Lanselot_ 4 ปีที่แล้ว

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

    • @realoady
      @realoady 4 ปีที่แล้ว

      .button::hover{
      border:none
      }

    • @WhiteBear141981
      @WhiteBear141981 4 ปีที่แล้ว

      outline: none

  • @wearethecreatorss
    @wearethecreatorss 6 ปีที่แล้ว +1

    Помогите, у меня не отображается col-md-offset-4 просто сразу 2 колонки занимает phone-link

    • @euphoriax3576
      @euphoriax3576 6 ปีที่แล้ว +2

      классы bootstrap изменили, теперь нужно писать offset-md-4

    • @generousycompany1109
      @generousycompany1109 6 ปีที่แล้ว

      Мужик скинь макет)

    • @wearethecreatorss
      @wearethecreatorss 6 ปีที่แล้ว +2

      www.gauzeee.ru/practice/n7/index.html#

    • @ИванВанюк-ъ1п
      @ИванВанюк-ъ1п 6 ปีที่แล้ว

      @@wearethecreatorss а где скачать его можно?

    • @wearethecreatorss
      @wearethecreatorss 6 ปีที่แล้ว

      @@ИванВанюк-ъ1п Пробуй брать материал из этой ссылки или смотри код

  • @sergeykadantsev9217
    @sergeykadantsev9217 6 ปีที่แล้ว +1

    Не стоит цвета писать прям в конкретную переменную типо btn-color:#eee, лучше делать что-то вроде полей и свойств как в классах в опп , например $primary-color:#eee, а потом уже $btn-color:$primary-color.

    • @Алексей-ш8э3л
      @Алексей-ш8э3л 5 ปีที่แล้ว +2

      Если вы не заметили, то писали не на LESS, а на CSS!

  • @Роман-г2г6б
    @Роман-г2г6б 6 ปีที่แล้ว +1

    Есть макет дайте пожалуйста

    • @Glo_Academy
      @Glo_Academy  6 ปีที่แล้ว

      Его можно получить по ссылке в описании под видео. Нужно оплатить доступ к домашкам и макетам.

    • @Роман-г2г6б
      @Роман-г2г6б 6 ปีที่แล้ว +2

      Артем дай макет пожалуйста мне домашки не нужны просто

    • @НукрамохОдинаева
      @НукрамохОдинаева 6 ปีที่แล้ว +1

      .

    • @BigDaveCz
      @BigDaveCz 4 ปีที่แล้ว

      @@Роман-г2г6б аххаах Макет и есть часть домашки :)

    • @WhiteBear141981
      @WhiteBear141981 4 ปีที่แล้ว

      И, если есть, дайте знаки препинания, пожалуйста!

  • @МихаилЖуков-д4д
    @МихаилЖуков-д4д 4 ปีที่แล้ว

    где взять этот макет и сетку ?

  • @НиколайГринько-ф2м
    @НиколайГринько-ф2м 3 ปีที่แล้ว

    читаю коменты и думаю
    -мне одному неудобно выравнивать Flехами

  • @Riddlyboy
    @Riddlyboy 5 ปีที่แล้ว +1

    ни один сниппет не выдал в списке starting template. где найти?

  • @alexle4072
    @alexle4072 6 ปีที่แล้ว

    Херовый дизайнер тогда, если он не знает как будет сайт верстаться. Я не говорю о том, дизайнер должен знать верску и т.п. - Нет. Но он должен знать какие элементы реально могут сверстать и сделать, а какие нет.

  • @vitaliiananiev5038
    @vitaliiananiev5038 4 ปีที่แล้ว +1

    А понял макет платный, можно смело пропускать урок!