Тёмный

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

BrainsCloud
Подписаться 177 тыс.
Просмотров 13 тыс.
50% 1

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

Опубликовано:

 

30 ноя 2020

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 63   
@BrainsCloud
@BrainsCloud 3 года назад
А что ты делаешь в 6.30 утра?
@jamshidkarimov1021
@jamshidkarimov1021 3 года назад
Совершаю намаз
@wincan2335
@wincan2335 3 года назад
Сижу за ПК :-)
@jackdoe1312
@jackdoe1312 3 года назад
Зарядку делаю
@thxwinter4052
@thxwinter4052 3 года назад
сижу в телефоне смотрю страшилки
@alexshinkewich4942
@alexshinkewich4942 3 года назад
@@thxwinter4052 ору на кошку которая спать не даёт))
@jackdoe1312
@jackdoe1312 3 года назад
Дима, спасибо тебе за твои труды
@anton-vr5xw
@anton-vr5xw 3 года назад
капец ты трудяга, красавчик)
@shps.online9830
@shps.online9830 3 года назад
очень круто!) а то заждался совсем)) ждем некст урок))
@user-bb4pt9cy6c
@user-bb4pt9cy6c 3 года назад
Хорошие уроки, приятно смотреть и учиться чему-то новому.
@elenaga4585
@elenaga4585 3 года назад
Я рад что с тобой верстаю. С тобой я освоил супер компонентный подход .
@solo8968
@solo8968 3 года назад
Спасибо! Ждем новый ролик!
@m1akarov442
@m1akarov442 2 года назад
Отличная вёрстка , вы настоящий специалист !
@WhiteBear141981
@WhiteBear141981 3 года назад
Спасибо большое! Очень здорово получается!
@m1akarov442
@m1akarov442 2 года назад
Спасибо вам за труды !
@rem2764
@rem2764 3 года назад
Достаточно лаконичный и понятный код, хорошая подача
@ea4613
@ea4613 Год назад
Благодарочка за крутой контент 💪👍🤝
@TamaraNikolaevna
@TamaraNikolaevna 3 года назад
Отлично. Большое спасибо, Дима.
@technic_and_programming
@technic_and_programming 3 года назад
ОГРОМНОЕ СПАСИБО!!!!!!!!!!!
@liza_sashina
@liza_sashina 3 года назад
Спасибо! Как всегда лайк!
@user-rr8gn3ft5b
@user-rr8gn3ft5b 2 года назад
Большое спасибо
@spaceresident6160
@spaceresident6160 3 года назад
Молодец. Спасибо
@user-vq7ou2pu5u
@user-vq7ou2pu5u 3 года назад
Спасибо!
@Alexus1504
@Alexus1504 3 года назад
Крутой контент!!!
@PiterProduction
@PiterProduction Год назад
Спасибо
@user-kv1ls4eu4s
@user-kv1ls4eu4s 2 года назад
Продолжай в том же духе бро
@koshatskaya9951
@koshatskaya9951 2 года назад
Спасибо))))
@peterparker3794
@peterparker3794 3 года назад
Уррра!
@alexshinkewich4942
@alexshinkewich4942 3 года назад
Дождался)
@ihorkondratov2189
@ihorkondratov2189 3 года назад
Крутяк! А можно след по опенкарт))) плиз))!
@user-wq7ey4nw6l
@user-wq7ey4nw6l 3 года назад
спасибо
@flitvik3459
@flitvik3459 3 года назад
колокольчик не подвёл, кстати спасибо за твои курсы за 3500 рублей найти такой-же информативный курс как у тебя мне кажется очень трудно, и ещё вопрос, если я никогда не работал с js и jquery, мне стоит брать твой курс с анимациями за 1500 ?
@crossfirecrossfire341
@crossfirecrossfire341 3 года назад
Нет
@BrainsCloud
@BrainsCloud 3 года назад
посмотрите хотя бы для начала основы работы с js, есть пару видео на канале, и тогда в принципе можно, будете понимать что происходит
@flitvik3459
@flitvik3459 3 года назад
@@BrainsCloud хорошо, спасибо
@juljulik3768
@juljulik3768 3 года назад
@@BrainsCloud a возможно приобрести только эту часть с анимациями из курса?
@BrainsCloud
@BrainsCloud 3 года назад
@@juljulik3768 нет
@amaksatovich5935
@amaksatovich5935 2 года назад
Спасибо большое за ваш труд! Цены бы вам не было, если покажите посадку этой вёрстки на CMS какой-нибудь или своя админка
@igorkurbanov4855
@igorkurbanov4855 3 года назад
Спасибо за урок. Вопрос - а будет ли входить в эту серию уроков настройки CMS и запуск на хостинг?Есть ли у вас на канале видео с подобными гайдами? За ранее спасибо
@BrainsCloud
@BrainsCloud 3 года назад
возможно
@igorkurbanov4855
@igorkurbanov4855 3 года назад
@@BrainsCloud нашёл гайд у вас. спс. вопрос отпал)
@elenaga4585
@elenaga4585 3 года назад
Натянуть бы на ВП ?
@time4769
@time4769 3 года назад
Привет, а разве можно так делать поиск по сайту через get? Я всегда считал, что это делается с помощью с javascript со всякими большими заморочками.
@astian_fun3339
@astian_fun3339 3 года назад
Планируешь потом посадку на вордпрес? было бы очень круто
@BrainsCloud
@BrainsCloud 3 года назад
на wp точно нет
@darkstyle7000
@darkstyle7000 3 года назад
Дима, layout :default, title :post; - это переиспользование html структуры из index. html? На каком из видео ты подключаешь это?
@BrainsCloud
@BrainsCloud 3 года назад
использование шаблона default.html. В каком видео, наверно в самом первом
@Kempriol
@Kempriol 3 года назад
для картинки работ, конечно, просится object-position: right;
@danilgordienko2205
@danilgordienko2205 3 года назад
Что используете для автоматической смены раскладки? Заметил на видео.
@BrainsCloud
@BrainsCloud 3 года назад
punto switcher
@romankovin8566
@romankovin8566 3 года назад
Спасибо за уроки, специально смотрю всю рекламу. Подскажите как правильно подключить к проекту сетку бутстрапа? После загрузки фотографий очень долго обновляется страница после сохранения изменений (до 10 сек), после перезагрузки компа работает быстро, как можно поправить?
@BrainsCloud
@BrainsCloud 3 года назад
Установите бутстрап через npm, далее в style.scss подключите нужные компоненты через import, например import "bootstrap/scss/grid"; перед этим не забудьте подключить переменные и функции бустрапа таким же образом. На второй вопрос ответа у меня нет, возможно дело в вашем железе.
@7EnderToy7
@7EnderToy7 3 года назад
Здравствуйте. Хотел бы сказать спасибо за прекрасный контент. Отличная подача. Благодаря вам я не просил изучение html and css. Вдохновившись этой линейкой видео, я пробую создать сайт-каталог. Ничего не знаю о хостинге и прочем, потому использую гидхаб и иногда перезаливаю файлы. Буду очень рад услышать ваше мнение,и пойму, если откажитесь: tfoxs.github.io/tfoxs/ Спасибо за ваш труд
@StarkElessar
@StarkElessar 2 года назад
Дима, привет! Скажи пож, почему не используешь написание классов через &, ну тоесть у тебя два класаа: .tags и .tags__item. Почему в стилях пишешь их отдельно? почему не пишешь так: .tags { &__item {} }
@BrainsCloud
@BrainsCloud 2 года назад
Не нравится так
@user-di4zt3br5m
@user-di4zt3br5m 3 года назад
+
@Den_camrad
@Den_camrad 3 года назад
Сделал 7 урок и на гит хаб залил!
@nikomunikabelen8540
@nikomunikabelen8540 2 года назад
Спасибо!
Далее
Lens Removal Hack
00:32
Просмотров 2,7 млн
Fazendo MÚSICA com COISAS ALEATÓRIAS 🎵
00:24
Просмотров 6 млн