Верстка сайта HTML, GULP, SASS | Персональный блог #9

Поділитися
Вставка
  • Опубліковано 5 гру 2020
  • В этом видео продолжаем верстать сайт на html css используя gulp и препроцессор sass. Делаем многостраничный сайт - персональный блог. Макет сайта нарисован в Figma.
    Ссылки
    -------------------------------------------
    Материалы урока: bit.ly/2JEMPp8
    О проекте
    -------------------------------------------
    Меня зовут Дмитрий Валак. Я занимаюсь разработкой сайтов уже много лет, специализируюсь больше на front-end разработке и верстке сайтов, но и программирование тоже изучаю. Здесь буду делиться с вами информацией на разные темы по веб-разработке - HTML, CSS, Javascript, JQuery, Vue, PHP, MySQL, React, Gulp и тд.
    На сайте проекта brainscloud.ru вы найдете много полезных закрытых материалов, а так же сможете поработать со мной лично, при наличии такого желания.
    Соц. сети
    -------------------------------------------
    Мой ВК - odimaz
    Группа BC - brainscloud
    Мой Instagram: / dmitryvalak
    #верстка #html #css #sass #gulp

КОМЕНТАРІ • 83

  • @sergsergey4251
    @sergsergey4251 3 роки тому +16

    Лучшие видео по вёрстке.

  • @innaeng7794
    @innaeng7794 3 роки тому +3

    Дмитрий, твой код словно произведение искусства - мечта перфекциониста) Большое спасибо, что делишься своим опытом! Это бесценно )

  • @koryjaxx
    @koryjaxx 3 роки тому +2

    Спасибо за отличные уроки, я в прошлом году на первом курсе закрыл предмет "Web-Application Construction" только благодаря Вам. Задача была сделать свой сайт, у меня получился лучший и то, только потому что вовремя нашёл этот канал)
    А сейчас смотрю эти видосы и понимаю, что он был безобразен))))
    UPD: Звучит двусмысленно, но я к тому, что можно было гораздо лучше создать, а я уже гордиться начал)))

  • @shifrl771
    @shifrl771 3 роки тому +1

    Урок супер! Только вперед!

  • @ideagame3633
    @ideagame3633 3 роки тому

    Дошел до 9 урока! Да прибудет с вами сила! С наступающим новым и прекрасным!

    • @Anahitacode
      @Anahitacode 3 роки тому

      Только трушные кодеры будут в НГ сидеть на этом канале. А я только сегодня до этого урока добралась! С праздниками!

  • @djorel5892
    @djorel5892 3 роки тому +2

    Сейчас прохожу курс по React.js очень тяжко, а Вашу верстку смотрю на полном кайфе. Лайк однозначно👍🏼👍🏼👍🏼

  • @vladkutuzov1285
    @vladkutuzov1285 3 роки тому +7

    Вы решили каждый день ролик выпускать? Лайк)

    • @BrainsCloud
      @BrainsCloud  3 роки тому +2

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

    • @dmitryh5818
      @dmitryh5818 3 роки тому +4

      @@BrainsCloud Не скажешь когда будет 10 часть? Просто очень интересно и на ютубе не много подобных роликов. Очень интересен JS и Backend для блога. Очень хочется продолжение)

  • @peterparker3794
    @peterparker3794 3 роки тому +12

    Супер, жду не дождусь, когда уже будем сажать этот сайт на цмску :)

    • @dudai525
      @dudai525 3 роки тому

      А ты думаешь будет цмс?

    • @peterparker3794
      @peterparker3794 3 роки тому

      @@dudai525 надеюсь :)

    • @jackdoe1312
      @jackdoe1312 3 роки тому

      Это слишком просто, лучше на основе этой серии уроков создай свой сайт, закреп практики самостоятельной работой)
      На WP это легко сделать.

  • @user-wo6mm7cm5n
    @user-wo6mm7cm5n 3 роки тому +2

    Спасибо за уроки. Ждем продолжения

  • @mrMettadon
    @mrMettadon 3 роки тому +4

    Очень круто, посмотрел на одном дыхании. Я совсем недавно начал изучать версту и меня поразила ваша скорость работы)

  • @user-wn6lw8wi3h
    @user-wn6lw8wi3h 2 роки тому

    спасибо, модальные окна как раз та тема которая мне сейчас для работы нужна)

  • @dennyluckes4783
    @dennyluckes4783 3 роки тому +2

    ждём продолжения!!!

  • @paulkrasnov1573
    @paulkrasnov1573 3 роки тому +3

    Очень жду продолжения. Спасибо большое

  • @dudai525
    @dudai525 3 роки тому +17

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

  • @peterparker3794
    @peterparker3794 3 роки тому +5

    Комната ожидания 10-ой части :)

  • @VirtuozEd
    @VirtuozEd 3 роки тому +1

    Like your videos, indeed you profy at it. Keep making us smarter and happier :)

  • @wb_flow
    @wb_flow 3 роки тому +2

    Спасибо за видео! Ждем

  • @liza_sashina
    @liza_sashina 3 роки тому

    Огромное спасибо за видео! Дмитрий, вы - лучший.

  • @wilkinsan4315
    @wilkinsan4315 3 роки тому +24

    Всё классно! Но сделай видео по урокам по JS.

    • @user-wq7ey4nw6l
      @user-wq7ey4nw6l 3 роки тому +5

      Было бы очень круто про JS

  • @vladimirsvodjanojs8158
    @vladimirsvodjanojs8158 3 роки тому

    Летим! Спасибо!

  • @liza_sashina
    @liza_sashina 3 роки тому

    Мало лайков и просмотров для такого качественного контента. Рада, что набрела на Вас на ютубчике

  • @WhiteBear141981
    @WhiteBear141981 3 роки тому

    Круто! Спасибо!

  • @workbis2316
    @workbis2316 3 роки тому

    столько нового узнал, спасибо!

  • @Alexus1504
    @Alexus1504 3 роки тому

    Чувствую-расту!!!

  • @m1akarov442
    @m1akarov442 2 роки тому

    Спасибо Вам за десктопную сайта =)

  • @strikerworld7896
    @strikerworld7896 3 роки тому +3

    Лайк подписка поддержка!

  • @user-ge6xe9hh9m
    @user-ge6xe9hh9m 3 роки тому +1

    Спасибо!

  • @pogios
    @pogios 3 роки тому +2

    Дмитрий, спасибо за такие классные уроки! когда будет 10 урок?

  • @pandashu571
    @pandashu571 3 роки тому +2

    Дима, когда же будет продолжение? Очень очень жду и подозреваю, не я одна ;-)

  • @jackdoe1312
    @jackdoe1312 3 роки тому +1

    Спасибо), закрепил BEM на практике

  • @vitalii.b88
    @vitalii.b88 3 роки тому +3

    Когда ждать продолжение? Очень хочется оживить сайт JSом

  • @redjohn4626
    @redjohn4626 3 роки тому

    Спасибо огромное

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

    Спасибо😊

  • @dmitryh5818
    @dmitryh5818 3 роки тому +1

    Ради продолжения больше лайков!

  • @EgoistPlatinum
    @EgoistPlatinum 3 роки тому

    Жду продолжение

  • @jogach240
    @jogach240 3 роки тому +1

    Топ

  • @Ulybala
    @Ulybala 3 роки тому +4

    Готов смотреть 10 курс

  • @shps.online9830
    @shps.online9830 3 роки тому

    сочно!)

  • @zalivdev1482
    @zalivdev1482 3 роки тому

    Один из лучших странно почему так мало акива

  • @AnatoliyUshtan
    @AnatoliyUshtan 3 роки тому +4

    Го Js пж, только у тебя мне понятно)))

  • @bekhzod908
    @bekhzod908 3 роки тому

    Кайфово просто 😊 и да будут ли уроки по Js с нуля ?

  • @MrYork
    @MrYork 3 роки тому +2

    Я не первый))

  • @kaktus-sadovnik
    @kaktus-sadovnik 3 роки тому

    Дима, давай скорее ролик пили😁

  • @user-fy3jo6nj3b
    @user-fy3jo6nj3b 3 роки тому

    Когда, новые видео Дмитрий, не забывай про нас!

  • @Faridochka
    @Faridochka 3 роки тому

    Очень увлекательные уроки! Видео про андроид разработку будет? Я бы купила курсы.

  • @movieclips4848
    @movieclips4848 3 роки тому +1

    Уроки по JavaScript 🙏🙏🙏

  • @TheArtofVirtualTravel
    @TheArtofVirtualTravel 2 роки тому

    Чувак у тебя лучшая подача в этом формате!!) Огромное спасибо)
    Такой вопрос, я пишу этот сайт по твоим урокам, но кое что меняю уже сразу под себя, и вот мы сделали крестик на модальном окне, вопрос: как сделать так чтобы крестик окрасился еще и в цвет другой помимо трансформа?)
    Буду очень признателен за ответ)

    • @koshatskaya9951
      @koshatskaya9951 2 роки тому

      загугли, все ответы давно в инете

  • @maratiosmirovio3128
    @maratiosmirovio3128 2 роки тому

    13:05 LOL🤣

  • @user-bb4pt9cy6c
    @user-bb4pt9cy6c 3 роки тому

    Вот бы переписать свой текущий проект с нуля, а то там 10к строк в файле стилей, бардак короче. А тут все по полочкам, каеф)
    P.s жду продолжения курса, когда следующее видео?)) (до 12 видоса доберусь за пару дней)

  • @ZK-mu4hq
    @ZK-mu4hq 3 роки тому +1

    body class="no-scroll" перестал давать прокручивать главную страницу. решение доавить в .modal__content
    ::-webkit-scrollbar {
    display: none;
    }
    Уроки супер! Спасибо за труд!

  • @user-ot8ir6sh8g
    @user-ot8ir6sh8g 3 роки тому

    все мои волки делают 6:17

  • @user-vw7ru4iv7l
    @user-vw7ru4iv7l 3 роки тому

    Дмитрий,подскажи в каком редакторе ты код пишешь?

  • @m1akarov442
    @m1akarov442 2 роки тому

    Никто не забывает ставить лайк=)

  • @DerAleksey
    @DerAleksey 2 роки тому

    будет ли заявка до конца 2021 200тысяч подписчиков?

  • @sezarik1663
    @sezarik1663 3 роки тому +1

    А продолжение будет ?!!!?

    • @user-ir9dk8lb8e
      @user-ir9dk8lb8e 3 роки тому +1

      делаем блог длиною в жизнь)

  • @elenaga4585
    @elenaga4585 3 роки тому

    Дмитрий покажите как в Вашу сборку допилить слик- карусель или другой плагин

  • @slavamelnikov5319
    @slavamelnikov5319 3 роки тому

    Поясните, пожалуйста, как-то по ходу, где использовать в отступах padding, а где margin. Спасибо за видео!

    • @alexshinkewich4942
      @alexshinkewich4942 3 роки тому

      Посетите сайт Дмитрия htmlbase.ru/articles, там публикуются учебные статьи. Сегодня думаю вечером опубликуют как раз по padding и margin

  • @igorkurbanov4855
    @igorkurbanov4855 3 роки тому

    Привет. Следовал уроку. посадил сайт на октобер cms. Возникла трудность - изменения форматировая( хедеры, списки, крусив, жирный текст) сделсанные на cms не принимаються на сайте. Он просте перекрываеться. Дописавал изменения в сss. ноль по фазе. в чем может быть проблема? Следовал этому уроку.

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

    вот так.

  • @user-nx1oi9wy9d
    @user-nx1oi9wy9d 2 роки тому

    А если первое модальное окно уходит за правый и левый экран... на 15:05
    показано, как оно нормально сжимается. как это можно сделать также?

  • @user-di4zt3br5m
    @user-di4zt3br5m 3 роки тому

    +

  • @noname-ut9ws
    @noname-ut9ws 3 роки тому +1

    Так быстро

  • @mkovalenko1449
    @mkovalenko1449 3 роки тому

    Так мне и не ответил, в прошлом видео(

  • @skripdm3190
    @skripdm3190 3 роки тому

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

    • @ZimaTimofey
      @ZimaTimofey 3 роки тому +1

      на выходных будет чем заняться)

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

    ua-cam.com/video/7LEF-GGCdJQ/v-deo.html ор )))))

  • @akramyuldoshev4889
    @akramyuldoshev4889 3 роки тому +2

    Лучшие видео по вёрстке.