#3 Верстка сайта портфолио по шаблону с нуля!

Видеокурс по верстке сайта-портфолио с нуля используя HTML, препроцессор LESS и Adobe XD или Photoshop.
// Ссылки =================
Основы создания сайтов на HTML и CSS: brainscloud.ru...
Промокод: youtube (-500 руб.)
-------
Справочник HTML и CSS: htmlbase.ru/
Материалы урока: files.brainscl...
Макет: drive.google.c...
Автор макета: www.behance.ne...
// О проекте =================
Меня зовут Дмитрий Валак. Я занимаюсь разработкой сайтов уже много лет, специализируюсь больше на front-end разработке и верстке сайтов, но и программирование тоже изучаю. Здесь буду делиться с вами информацией на разные темы по веб-разрабокте - HTML, CSS, Javascript, JQuery, Vue, PHP, MySQL, React, Gulp и тд.
На сайте проекта brainscloud.ru вы найдете много полезных закрытых материалов, а так же сможете поработать со мной лично, при наличии такого желания.
// Соц. сети =================
Мой ВК - odimaz
Группа BC - brainsc...
Мой Instagram: / dmitryvalak
#верстка #версткасайта #html #less

[@ulugbekkorakhanov547]

Автор офигенный учитель, помню как своё обучение начинал именно с ним. Уже давно перешёл на php и Java . Для только только начинающих очень рекомендую его видео. Спасибо тебе BrainsCloud!

[@ВалерияПотребина-э9й]

Суперские уроки!! Посмотрела весь курс по сайту MOGO, теперь новый осваиваю!) Я в восторге. Спасибо большое за ваши уроки!! Очень интересно!)

[@BAHTy396]

Боже да это прекрасно, смотрю с первой части. Быстро по делу и без воды . Подписка лайки ныыааа

[@Victoria-q5o3p]

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

[@1984johndorian]

спасибо, но где вы слышали мой голос, ведь я недавно зашел только сюда посмотреть видео. Но приятно

[@emy-sm3hr]

вот есть курсы за 5к, где не доучивают адаптивной вёрстке, а есть бесплатный контент, где понятно обучают. Ты тупа топ, благарю за твои free курсы)

[@АлексейГундин-э9о]

Дошёл до третьего урока и понял что лучше сам буду верстать, дабы не путаться, а у Дмитрия поучусь Less, для этого я и смотрю уроки. Спасибо тебе Дмитрий - БААААЛЬШОЕ!!!

[@_Fantom_.]

Спасибо, приятно было поверстать с тобой!

[@НискемкромеСовести]

Хороший курс. Смотрю до конца. Спасибо за материал.

[@Mykhailo_Vdovychenko]

Идеально! СПАСИБО за чудесные уроки и крутой курс!

[@НискемкромеСовести]

Очень интересный формат видио. Мне очень нравится.

[@tanyamarushka7251]

Спасибо за урок!

[@DerAleksey]

Нормально замудрил. В этом уроке про родительские приемы, еще для себя открыл)

[@progerlife6690]

3 часть верстки доделал самостоятельно, получилось, но код у меня чуть чуть другой получился. Главное что все так смотрится как и на макете! Спасибо!

[@АлексейСтупников-д4у]

Здравствуйте! Благодарю за видео!

[@andreaswss]

Категория канала: "Топ контент"

[@АндрейМаркин-н5р]

Дима- ты лучший!!!

[@ФедорАльтаиров]

Большое человеческое спасибо!

[@TwitchClips-v7h]

Спасибо за видео)

[@NeedForHeavyMetal]

Было понятно и полезно. спасибо!

[@RosarioPorello]

Спасибо, как всегда на Высоте !

[@KuKu_RuKu88]

Спасибо за труды

[@Олег-з3с7г]

Спасибо! Не понял только почему не использовали теги в work__title.

[@mr.poryvai]

Вопрос к Автору материала -Дмитрию, почему в портфолио мы не используем bootstrap? Насколько я понимаю им же проще разделить сетку на три колонки

[@mcdba41]

в live-sass-compiller можно имена файлов для @include делать с префиксом символом подчеркивания типа blocks/_header.sass и эти файлы не компилятся в css ( то есть не надо постоянно стирать ненужные css)

[@MaksVetrov381]

В VS CODE когда создаешь .less файлы они тоже не компилятся в css ¯\_(ツ)_/¯

[@alexlisouski4069]

а не @import?

[@MaksVetrov381]

@@stasalsakhanov435 "Easy less" и "Beautify css/sass/less/scss"

[@denisd1938]

@@MaksVetrov381 Yes, VS Code no compiled .less to css

[@ЕвгенийМедонин]

Привет! Всё отлично делаешь. Но желательно ещё через амперсант писать элементы блока или можно использовать eCSStraktor.

[@BrainsCloud]

Евгений Медонин если вам так удобно - пишите

[@2189108]

Лукас!

[@turalperfectworld1065]

Сочный лайк.

[@artorius.oharra]

Спасибо большое за курс, редко можно найти такие лёгкие и исчерпывающие объяснения. У меня небольшой вопрос, если можно: в блоке портфолио (и в шапке, где человек) картинки вставляются в круг по умолчанию, обрезаются углы. Нигде инфы не нашел, как исправить. Код один в один прописываю, по идее должно всё норм быть. Буду благодарен, если ответите

[@ded3023]

The best

[@zMxxxxxxxxxx]

почему задаем педдинг между блоками,а не марджины?

[@FaikNagiyev]

Привет. Спасибо за труд. Мне кажется с блоками перемудрено(((. Зачем для каждого класса отдельный файл??? Я пойму если по каждому блоку отдельный файл. А тут прям в одной секции 3 файла лесса. Изза этого урок так чиоьнудлинился((

[@maksimkoshmanpsy]

Кнопка --sm, это та же кнопка, что и в меню навигации. Можно было сделать общий класс. И у нее нет тени)

[@jackalope-design]

Не понимаю почему не работает flex((( пробовал и на отдельном файле, всё равно все в колонну идут. А курс замечательный!!

[@martinpokrovski9212]

спасибо

[@yuriyv2150]

Добрый вечер. Почему в ремах,а не в пикселях?

[@Артемий-ф6н]

Сори видео ещё не смотрел, у меня вопрос тут только верстка, или это будет полноценный сайт в конце?

[@dizdonchik]

будет ещё адаптив, поэтому это полноценный сайт

[@Артемий-ф6н]

@@dizdonchik я имел ввиду чтобы там все кнопочки работали , формы. Если такое тут будет, тогда это бесценный курс.

[@dizdonchik]

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

[@dizdonchik]

В подобных видео уроках здесь на канале, была проделана работа со слайдером, бургер-меню, аккордеон с использованием jOuery.

[@Артемий-ф6н]

@@dizdonchik да

[@denisparamonov778]

Получается, что в конце вы удалили раздел с переменными, это случайность?

[@whicencer8819]

Дмитрий, насколько я знаю - в БЭМ'е не задаются отступы блокам. Если я не прав, поправьте меня)

[@elitech1753]

будет ли js-ка прикручиваться к этому блоку в дальнейших уроках? чтоб работы скрывались, раскрывались + по возможности сортировка ??

[@BrainsCloud]

посмотрим, возможно

[@DmitrySufrai]

Зачем вообще нужен datetime, если он нигде не отображается?

[@vladimsvir]

Это семантический элемент. Он нужен в первую очередь поисковику, ну и просто упрощает чтение разметки

[@Андрій-я6э]

+

[@vladprodan7010]

Верстка на Bootstrap 4 будет?

[@BrainsCloud]

Pr. Production а надо?

[@vladprodan7010]

@@BrainsCloud У тебя отличные уроки. Bootstap 4 нужен!

[@vladprodan7010]

@@BrainsCloud Я буду ждать

[@zet1123]

@@BrainsCloud да, хотелось бы увидеть верстку с bootstrap со всеми нюансами, как в этих уроках

[@qwens3r]

заметил что с каждым разом все меньше и меньше народа.. жаль, что норм контент никак не продвигается(

[@ant3413]

10:43 не делай так больше пожалуйста,ты очень сильно запутал меня,и уверен что не только меня одного...пришлось все сначала начинать

[@Kot_off]

А не чего, что у нас 2 блока с названием work and works ??