Bootstrap верстка админ панели сайта - структура

Поделиться
HTML-код
  • Опубликовано: 23 сен 2018
  • Мы начинаем новый курс уроков bootstrap верстка админ панели сайта. В первом видео мы сверстаем всю структуру данного сайта. Верстка bootstrap будет не сложной, главное не теряйте классы и проверяйте как закрыты ваши теги что б не было неправильной структуры проекта. Bootstrap верстка предполагает умение работать с классами и это самое главное. Админ панель сайта только на первый взгляд выглядит сложно и непонятно, я покажу насколько легко ее сделать с нуля.

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

  • @aleksandryushka9571
    @aleksandryushka9571 3 года назад +2

    Крутой курс. Хотел изучать оба фреймворка отдельною Рад что у бутстрапа хватило ума и желания. Спасибо что осветили данную тему

  • @user-sh6nv1sx9o
    @user-sh6nv1sx9o 5 лет назад +11

    Ух попёрло!.. Очередной годный курс!

    • @SuprunAlexey
      @SuprunAlexey  5 лет назад +4

      Евгений Моруженко дааа, сейчас ещё выйдет следующий как этот закончу

    • @user-sh6nv1sx9o
      @user-sh6nv1sx9o 5 лет назад

      Я, благодаря тебе и твоему следующему видео, научился делать чарты. Раньше читал/смотрел на эту тему но как-ко не особо понял. Вопрос: а эта библиотека чартов (встроенная в mdb) может вместо canvas'а работать с svg?

    • @SuprunAlexey
      @SuprunAlexey  5 лет назад +1

      Можешь попробовать

  • @Andrii_Napoly
    @Andrii_Napoly 5 лет назад +2

    *очееень годно*
    *предлагаю в дальнейшем допилить и серверную часть*
    _спасибо, удачи!!!_

    • @SuprunAlexey
      @SuprunAlexey  5 лет назад +2

      Спасибо! Ну это мы сделаем все таки отдельно!

    • @Andrii_Napoly
      @Andrii_Napoly 5 лет назад

      я и имел ввиду отдельно, типа "практика на пхп" но на базе сверстаного взять как шаблон

  • @yevheniirodkin751
    @yevheniirodkin751 4 года назад +2

    Привет. Спасибо за курс. Было бы круто если бы ты выкладывал свой код на Githab, по урокам.

  • @user-rz4ns3pv1k
    @user-rz4ns3pv1k 5 лет назад

    Спасибо тебе большое)))

  • @user-zg3dg3hd2i
    @user-zg3dg3hd2i 5 лет назад +2

    вау) вот это хороший курс

    • @SuprunAlexey
      @SuprunAlexey  5 лет назад

      Виктор Хижняк ну что ж, выполни его!

  • @androideasycoding
    @androideasycoding 5 лет назад

    Курс годный вот только есть вопрос. Можно ли для сайта на bootstrap сделать партнерскую программу. Скажем если человек размести свою реф ссылку где то в соц.сетях и по ней кто то перейдет то ему на аккаунт падает деньга потом он мог их вывести?

  • @clupiter234
    @clupiter234 5 лет назад +12

    Кинь исходник :),
    P.S: Надеюсь ты не удалил :)

  • @wordofworld6874
    @wordofworld6874 5 лет назад +4

    Скиньте, пожалуйста, исходник.

  • @VladLive
    @VladLive 5 лет назад

    Скажи пожалуйста, здесь будет исключительно фронтэнд?
    Без какой-либо серверной части?
    И По окончанию курса Можно будет с помощью созданной админ панель добавлять например на сайт новости, блоки?

    • @SuprunAlexey
      @SuprunAlexey  5 лет назад

      Vlad Karepin фронтенд, относится к бутстрап верстке)

    • @devZu9
      @devZu9 5 лет назад

      Ну ведь написано же Вёрстка. А вёрстка это не программирование.

  • @devZu9
    @devZu9 5 лет назад

    У тебя стоит какая-то система типа LiveReload ? Или мне показалось. Если да, то какая?

  • @idrisveliev
    @idrisveliev 6 месяцев назад

    Добрый день. Свежее видео курс есть по этой теме?

  • @boburbaxrombekov8604
    @boburbaxrombekov8604 3 года назад +1

    Как меню вышла из кнопки?? Я этого не понял... Меню был же внутри кнопки

  • @kelbas6772
    @kelbas6772 5 лет назад

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

    • @LuciferAngelos
      @LuciferAngelos 5 лет назад

      В самой библиотеке есть файл index.html (в котором проект и верстается), а в нем уже подключены эти CCS-ы.

  • @maximbutin704
    @maximbutin704 5 лет назад

    А как сделать dropdown для sidebar?

  • @gammad.4356
    @gammad.4356 2 года назад

    А данные команды будут работать на MDB5?

  • @pojratipojrati
    @pojratipojrati 4 года назад

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

  • @Tetragonchik
    @Tetragonchik 5 лет назад

    А мне бы вот не понравилось, что какой-то cdn знает где у меня админка, я бы все локально бы подключил. Font awesome пятый уже давно. А вообще бутстрап идеален для админки, это да :)

  • @user-ms9hn4vh7x
    @user-ms9hn4vh7x 5 лет назад

    Ставте лайки парню.. От вас не убудет))

  • @vt236
    @vt236 5 лет назад

    Это череда рекламы md бутстрапа? почему так идеально шрифты подходят, даже ниче не подключает)

    • @SuprunAlexey
      @SuprunAlexey  5 лет назад

      Нет, просто нравится данный фреймворк. Все уже подключено:)

  • @stanislavshmakov5028
    @stanislavshmakov5028 3 года назад +2

    Почему-то "class="grey lighten-2"" не работает. Это что-то устаревшее на данный момент?

    • @gammad.4356
      @gammad.4356 2 года назад +1

      Видимо в пятом бутстрапе уже не поддерживается. Лучше качайте 4.

  • @megasaab2915
    @megasaab2915 5 лет назад

    сделай урок по серверной части)

    • @SuprunAlexey
      @SuprunAlexey  5 лет назад +4

      Именно админ панели?

  • @user-hd4wj9cm8p
    @user-hd4wj9cm8p 3 года назад

    На этом сайте есть bootstrap 5, он подойдет?

    • @gammad.4356
      @gammad.4356 2 года назад

      Не всё работать будет.

  • @JavaAntis
    @JavaAntis 3 года назад +1

    Урок супер, но что отвечает за то, чтобы как автор писать название классов через точку и все сразу формировалось с тегами?

    • @berkinc8872
      @berkinc8872 3 года назад

      Плагин для SublimeText

    • @romanvladimirov
      @romanvladimirov 2 года назад

      @@berkinc8872 а как этот плагин называется?

  • @tatar3308
    @tatar3308 5 лет назад

    Найдите ошибку пожалуйста у меня кнопка не выходит четвертый раз уже ищу эту ошибку



    Logo

    • @renardra673
      @renardra673 5 лет назад

      после aria забыл тире, expanded пишется через ''a''

    • @tatar3308
      @tatar3308 5 лет назад

      @@renardra673 спасибо

  • @nurzatbekdunganov863
    @nurzatbekdunganov863 3 года назад +2

    почему нету исходника я не фронтендшик я бекендшик

  • @stepangorbatenko6699
    @stepangorbatenko6699 3 года назад

    начало 4:51

  • @mhermuradyan5801
    @mhermuradyan5801 4 года назад

    у меня иконки не работают
    код написал ровно так же как и вы
    вместо иконок квадраты

    • @SuprunAlexey
      @SuprunAlexey  4 года назад

      А вы подключили fav icons?

  • @user-le5cu5fn9z
    @user-le5cu5fn9z 4 года назад

    можете помочь?

  • @nordost8
    @nordost8 5 лет назад

    А зачем такой большой z-index?

    • @SuprunAlexey
      @SuprunAlexey  5 лет назад

      Никита Хмель можешь поставить 1

    • @TheProfessionalGambler
      @TheProfessionalGambler 5 лет назад

      1 не сработает, стандартный z-index:1030; в классах .fixed-bottom и .fixed-top

  • @norde_5741
    @norde_5741 5 лет назад

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

    • @bipiwnik
      @bipiwnik 5 лет назад +1

    • @12zahar
      @12zahar 5 лет назад

      Аналогичная ошибка. Сделал все как расписывает автор уже 3 раза, кнопка не работает

    • @12zahar
      @12zahar 5 лет назад

      С четвертого раза все пошло) Вероятно где-то была опечатка все таки. Автор молодец!)

  • @awenn2015
    @awenn2015 4 года назад

    Вот ты сказал что после этого видел человек сможет легко сделать админку на фрилансе, но забыл сказать что для админки нужна не только вёрстка но и бэкенд, php и тд

    • @SuprunAlexey
      @SuprunAlexey  4 года назад

      А как вы думаете что я подразумевал? Наверное фронтенд часть

    • @awenn2015
      @awenn2015 4 года назад

      @@SuprunAlexey да это и так понятно, просто от одной вёрстки на фрилансе толку будет мало если человек толком css стили не знает ) а так ролик очень полезный для начинающих

  • @aleksandregorov3250
    @aleksandregorov3250 4 года назад

    Почему-то с Хромом криво работает. С IE и Firefox нормально.

    • @SuprunAlexey
      @SuprunAlexey  4 года назад

      странно, с хромом обычно меньше всего проблем

  • @user-xk3jz2ti2x
    @user-xk3jz2ti2x 5 лет назад

    У меня одного иконки не соцсетей не отображаются?))))

    • @user-no3oj7vf9k
      @user-no3oj7vf9k 5 лет назад +3

      У меня тоже не отображались. Добавил в пустой файл style.css строку (без треугольных скобок) и отобразились :)

    • @sashahlvk
      @sashahlvk 4 года назад

      попробуй fa fab-facebook , fa fab-twitter и тд

  • @welcometohe1l
    @welcometohe1l 5 лет назад

    рекламы больше чем конструктива скорее всего (видео ещё не смотрел)

    • @SuprunAlexey
      @SuprunAlexey  5 лет назад +1

      Как бы нет, смотри, а потом делай выводы

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

    очень много воды

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

    Чертовски много воды...