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

Подписаться 177 тыс.

Просмотров 18 тыс.

50% 1

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

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

23 дек 2020

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 69

@user-kg6fz5tz2b 3 года назад

Я пока только до 7-ого видео дошел и очень часто слышал фразу: "Если мы будем сажать эту верстку на CMS...". Так, а мы будем сажать на CMS?)) Спасибо за видео! С Наступающим!

@TeeBKECH 3 года назад

Ждём следующий ролик с JS))) Ну а этот как всегда - очень круто!

@thelifeofprogrammer133 3 года назад

Очень жду следующего выпуска, уже просмотрел все предыдущие, огонь 🔥! Наверное ты лучший канал по вёрстке в практике!

@dmitro9106 3 года назад

Благодарствую, с помошю этого курса я понял как надо работать с SASS и Gulp. Лично я хотел бы увидеть такой же проект только с фриланса, и что-бы он был не самый лёгкий

@pogios 3 года назад

Ниче се!!! Круто сразу 11 серия. а то я думал еще пару недель ждать придется! Дмитрий удели побольше времени JS.

@mev08 3 года назад

Какие подарки перед новым годом - видео за видео) Спасибо

@niggative3331 Год назад

С тегом "picture" классно получилось. Спасибо за такие крутые уроки!

@DerAleksey 2 года назад

10е видео очень замороченно, но если разобраться, до довольно таки интересно и продуктивно выглядит!

@kaisar01dft 3 года назад

комментарий для алгоритма, благодарю за эту серию уроков

@spaceresident6160 3 года назад

Отличный материал. Много нового для себя узнал. Спасибо.

@NOname-dn4zh 3 года назад

Спасибо, Дмитрий!) Много нового узнал из твоих видеороликов. Жду следующего ролика про JS.

@ravein31 3 года назад

Поздравляю с 90к подписчиков!

@bigmathato8131 3 года назад

Большое вам спасибо, you are the best!

@sommerkkg9209 3 года назад

Спасибо огромное за такие полезные и познавательные уроки! Жду JS секцию, ну а пока с наступающим Новым Годом! 🙂

@izilimoniwee9530 3 года назад

Дякую за круте відео. Як завжди на висоті)

@shps.online9830 3 года назад

Круто! нравится твой подход

@workbis2316 3 года назад

спасибо за такую работу!

@tozima6783 3 года назад

Офигенный канал!

@zaurelmanovich 3 года назад

Еще не посмотрел, но лайк ставлю так как в контенте уверен 😉

@liza_sashina 3 года назад

Большое СПАСИБО!!!

@asylbekkalybek3729 3 года назад

Классно спасибо бро

@trelowney 3 года назад

а, простите, когда следующий? хотя бы приблизительно. хорошие уроки, чувствуется рука мастера, а это при всём обилии, всё-таки редкость. большое спасибо.

@kaktus-sadovnik 3 года назад

О, JS будет следующим, жду это

@firdavsdadakhanov5087 3 года назад

your method of teaching is one of the best in the I.net bro))) Like for your efforts

@rviturnel8516 3 года назад

Спасибо большое!

@PiterProduction 11 месяцев назад

Спасибо🎉

@WhiteBear141981 3 года назад

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

@vladimirsvodjanojs8158 2 года назад

Спасибо!

@sidless3862 3 года назад

Забавно решил Placehold.it упасть. Даже на их сайте картинки не прогружаются)) Очень жду JS!) Кстати, может мы потом и на CMS посадим сайт?

@peterparker3794 3 года назад

Супер !

@malytv1170 3 года назад

Не добил 100к в этом году желаю 200к

@irsens7739 3 года назад

Отличный плейлист получился! Можете показать, как потом почистить всё ненужное и закинуть на gitpage?

@volkovdaily 3 года назад

Я на 8:17 прописал flex-wrap: wrap, и всё также работает :)

@slarx2476 3 года назад

Ага, четко

@MrIrty 3 года назад

Здраствуй, Дмитрий, а не могли бы вы снять видос на тему фронтенд разработчик с нуля? С чего начать, какие ключевые моменты нужно знать обязательно, очень хотелось бы услышать ваше мнение обо всем этом.

@dveryspb78 2 года назад

Какая лучше программа для верстки сайтов для  silicon M1 ?

@jackdoe1312 3 года назад

Эй, рука лайк делай)

@m1akarov442 2 года назад

В следующем видео приступим к оживлению сайта =)

@user-tv9tr5nc1z 3 года назад

Привет, подскажите пожалуюста, есть Ли риск потери сайта, созданное на бесплтаном конструкторе веб билдер16 и ДРУГИЕ версии.

@1MrAnonymous11 3 года назад

Дмитрий а почему вы выбрали именно brackets основным редактором?Ведь говорят он хорош для начинающих и если писать большой код то он начинает тупить.И ещё вопрос когда устраивается на работу разрешают пользоваться редактором которым привык или она сами назначают?

@qwbhasdkjejfkek 3 года назад

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

@user-wp8ky5dz4e 2 года назад

я тоже закончил

@betsmagazine-7242 3 года назад

ждем интересного js

@xkanox904 3 года назад

Недавно начал изучать JS. Хотелось бы узнать, книги вроде "изучаем js" от Фримена и Робсон, "Выразительный js", "js ниндзя" всё ещё актуальны? Или следует изучать язык сразу на каком-нибудь learn js. И спасибо за видео

@ivanburov90913 3 года назад

Покупая книги, ты поддерживаешь авторов, не более, на learn.js все тоже самое что и в книге. Поверь, я купил две книги по html css и js, сейчас я в программировании пол года, и понимаю что на книги можно было не тратить деньги.

@christinegreen8731 3 года назад

У .cabinet__form не очень красиво смотрятся поля на 5s в странице профиля, уходят за границы. Поменяла им width: 29rem на мобильной версии. Вроде, норм.

@fffffristaylo 2 года назад

Дмитрий,как сейчас расширения на Brackets ставить не знаете? Там заморочки начались,в связи с прекращением поддержки Adobe/. Гугл ничего не подсказал.Жаль конечно,привык.

@BrainsCloud 2 года назад

Пробовал ставить вручную, но даже так че то не вышло, но я сильно не копался

@fffffristaylo 2 года назад

@@BrainsCloud Дмитрий,пользуясь случаем,не подскажете ,где можно скачать макеты (именно фигмовские)многостраничники,наподобие вашего? В гугле ковырялся вчера,выдает всякую чепуху,типа офф сайта либо макеты к лендингам.

@amaksatovich5935 2 года назад

26:00 - а object-fit:cover ?

@alexvizor1147 3 года назад

Дмитрий, а как подключить стороннюю библиотеку к вашей сборке? Хотел сторисы сделать слик слайдером. Закинул его и jq к исходникам в папку js. Но в консоли пишет что "$ не найдена"

@BrainsCloud 3 года назад

установить jquery через npm, и в потом в своем js файле через импорт подключить вначале документа. import $ from 'jquery';

@alexvizor1147 3 года назад

@@BrainsCloud спасибо большое!!

@user-zv1nk6oq1x 3 года назад

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

@user-ko4qo2nn9q 3 года назад

Figma

@satisfyingrelax2223 3 года назад

Подскажите пожалуйста, как сделать такой же айфон, при просмотре макета???

@alexeyzemsky 2 года назад

В любом браузере в дев тулз.

@sardorsultanov3409 3 года назад

сделай видео как ты стал программистом

@He8eco 3 года назад

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

@leva323844 3 года назад

Подскажите пожалуйста, как правильно происходит оплата на различных фриланс биржах? Скорее всего это важно, я живу в Украине. Заранее большое спасибо за ответ!

@qwbhasdkjejfkek 3 года назад

Предоплата сперва30-50% у кого как. Дальше делаешь верстку - еще 30%. Ну и сажаешь сайт на cms показываешь через свой сервер, что он работает. Оплачивают остаток, ты скидываешь файлы.

@finetime55 3 года назад

Дизлайк поставил учитель информатики:)

@jackdoe1312 3 года назад

27:10 Если браузер ругается в консоли и выдает ошибку, не показывая заглушку, смените на

@user-gi6ul9zx3w 2 года назад

29.31. Может глупый вопрос. Но я с блядскими картинками не пойму... Как мы картинку с размером экрана 375px. можем поставить ширину картинки 575px? Я смотрю свойства, показывает 375, хотя ставил в works.html 575px... По любому какая-то чепуха но не могу вьехать...