ВЕРСТКА САЙТА ИЗ FIGMA С НУЛЯ ДЛЯ НАЧИНАЮЩИХ | HTML, SCSS, FLEXBOX, GIT | ЧАСТЬ 1

[@alekseydev]

спасибо за качественный конетнт! круто объясняешь! побольше бы таких видео =)

[@ЮжныйАлександр]

Самое структурированное и понятное видео для практики. Можно включать параллельно и делать свою верстку пошагово. Благодарю!

[@MaximFilanovich]

Рад, что помог :)

[@pashaverecni]

Заебись чётко

[@TheMugen18]

Отлично, показана структура и алгоритм работы с новым проектом. Спасибо, что объяснил для чего необходима каждая папка и файл.

[@MaximFilanovich]

Пожалуйста! Спасибо за крутой отзыв! :)

[@МастерХо-ш6п]

уже неделю разбираю первые 40 минут видео! но весьма все круто. для справки: я смотрел много видео по верстке и ваш самый адекватный и подробный

[@MaximFilanovich]

Круто! Рад, что видео заходит :)

[@МастерХо-ш6п]

@@MaximFilanovich да, параллельно учусь на других порталах (не в ютубе) и получаю возможность все соединить воедино! спасибо за контент. уверен, чуть позже у вас появятся больше подписчиков

[@АлександрКузнецов-б6з]

Спасибо за ваш труд!

[@AntonioBenderas]

Спасибо, твои практические уроки нужны как воздух! Развития каналу

[@amaksatovich5935]

Подача материал на хорошем уровне! Продолжай пилить уроки, ждем !

[@dianaholoborodko2651]

Спасибо за отличное видео! Как всегда все четко и понятно изложил! Ожидаю новые видео!

[@MaximFilanovich]

Пожалуйста, спасибо за годный отзыв 🔥

[@AntonioBenderas]

Maxim ты очень грамотно и без воды объясняешь материал. Хотелось бы ещё увидеть жизненные практичесиие процессы вёрстки с вовлечением всех технологий (gulp тут не рассматривается я так понял) и с решением возникающих трундостей, которые всплывают в реальных проектах.

[@yarovyy_max]

Спасибо очень интересно и познавательно. Вместо браузерсинх использую лайвсервер

[@jekagabrusevich6831]

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

[@MaximFilanovich]

Пожалуйста :) Спасибо за отзыв!

[@AntonioBenderas]

Скажи пожалуйста, в Figma есть плагин, что SASS свойства генерировал, а то из CSS надо подчищать постоянно

[@tea4man]

Очень нужна тема бургер-меню на JS для мобилки. Оно в адаптиве считай на каждом сайте используется. У меня с этим постоянный затык. Расскажи как сделать такое меню оптимально.

[@MaximFilanovich]

Услышал :)

[@tea4man]

Максим, спасибо за лекцию, отлично получается, доходчиво! Есть вопросы, отдельными каментами будут.

[@MaximFilanovich]

Пожалуйста :)

[@МастерХо-ш6п]

очень много вопросов!! третий день подряд сижу над видео и дошел до 18 минуты

[@MaximFilanovich]

А в чем именно вопросы? :)

[@МастерХо-ш6п]

@@MaximFilanovich над многими моментами пришлось основательно подумать) но все же разобрался....например git commit не давал результал и push не работал...система просто не видела user name и email...сидел думал как решить это...если учитывать что я новичок....вся проблема оказалась на github.

[@МастерХо-ш6п]

@@MaximFilanovich еще вот что происходит....сделал часть заданий и ваших рекомендаций...на след день при открытии VS code все сохраненки куда то делись...и последующие задачи не уже не выполняет

[@Юра-д8э1й]

Спасибо! Надеюсь будет вторая часть

[@MaximFilanovich]

100% будет на следующей неделе

[@Юра-д8э1й]

@@MaximFilanovich У вас хорошая подача. Я смотрел о git видео в топових блогеров, но у вас за 20 мин узнал намного больше) Спасибо!) Подписка+

[@MaximFilanovich]

@@Юра-д8э1й Круто! Спасибо большое :)

[@ardinarbeats9790]

После команды git pull origin develop к сайту не применились стили, index.html словно их не видит

[@dobrMAV]

Спасибо большое за полезный урок! Начинающий,не все пока могу запомнить в HTML CSS,но уже не пугает .Подача материала понравилась ,хотелось бы дальше видеть полезные уроки и тем самым развиваться в этом направлении,для меня это важно,уже в возрасте и хочу освоить такие языки как HTML CSS и конечно же JS .Пожалуйста не пропадайте ,желаю успешного развития канала!

[@MaximFilanovich]

Спасибо за отзыв! Для меня это очень важно :)

[@dobrMAV]

@@MaximFilanovich Подскажите пожалуйста на 2 мин на что нажимаете в VS code если по русски ?У меня просто VS на русском

[@MaximFilanovich]

@@dobrMAV файл -> открыть

[@dobrMAV]

@@MaximFilanovich спасибо!

[@dobrMAV]

@@MaximFilanovich В чем то у меня ошибка пишу git branch develop выдает такую ошибку Not a valid object name: 'master'

[@tea4man]

Расскажи про миксины! Как их можно использовать? Думаю, может было бы удобно для кнопок на этом сайте сделать миксин с радиусами и падингами и передавать в него цвет бордера, текста и заливки? Как еще можно использовать миксины?

[@MaximFilanovich]

На самом деле миксины очень мощная штука и чаще всего они используются, чтобы не писать один и тот же код несколько раз. Можно его воспринимать как функцию в JavaScript, а функции как раз и юзаются, чтобы не писать одну и ту же логику кучу раз. Кстати, в миксины можно еще и параметры . Это выглядит примерно так: @mixin myMixin($fontSize: 10px) { font-size: $fontSize; } @include myMixin() // font-size: 10px; @include myMixin(20px) // font-size: 20px;

[@AntonioBenderas]

browsersync настроил как в видео, открылась станица локалхост 3000, но автоне релоадится страница

[@tea4man]

На сколько оправдано использование в меню структуры ul>li? Делают ли сейчас так на практике и если делают, то зачем?

[@MaximFilanovich]

Не очень хорошо так делать, на самом деле. Потому что если внутри ul поменяется html-структура, то вся верстка повалится. Лучше использовать конкретные классы, чтобы сетать стили, но никак не теги + селектор вроде >. Конечно, есть исключительные случаи, но лучше всегда стараться прибегать к классам.

[@tea4man]

@@MaximFilanovich Хорошо, пусть с отдельными классами. Но есть ли смысл оборачивать меню в теги ul и li? И если да, то зачем?

[@Learn-Dev_]

@@tea4man стоит, потому что меню, это набор однородных элементов - список ссылок.

[@Kot_off]

Видео классные, Спасибо! Жаль, что нет адаптива - его так не хватает!

[@MaximFilanovich]

Пожалуйста! Адаптив на самом деле не самая сложная вещь. Вот пример, как грамотно писать адаптивные стили в SCSS при помощи mixins: github.com/M-fil/todo-ts/blob/master/src/core/styles/media.scss И вот как используются эти mixins в проекте: github.com/M-fil/todo-ts/blob/master/src/modules/goals/components/CreateGoalBlock/styles.scss

[@Kot_off]

@@MaximFilanovich А подскажите, зачем нам node-sass и browser-sync если в VS code есть watch sass и Live server - может я чего то не знаю.

[@MaximFilanovich]

@@Kot_off На реальном проекте ты навряд ли (даже наверное никогда) не будешь использовать плагины VS Code, коими являются watch sass и Live server. Всегда отдаются предпочтения npm-модулям

[@AntonioBenderas]

scss вотчер не отслеживает изменения, потому что следит за файлом index.scss который не изменяется. Потому что я осёл без флага recursive работал

[@Dima-ij2qi]

Вітання з України. Спасибі Вам за відео! Було цікаво, я дізнався багато нового!

[@MaximFilanovich]

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

[@dgonlock1893]

Наверное вы имели ввиду "Ентер"

[@Kot_off]

А в чем может быть проблема если browsersync перестал работать?! 1й раз работал, а во втором проекте перестал.. только через F5. "browsersync": "browser-sync start --server --files '**/*'"

[@MaximFilanovich]

Честно хз, нужно хорошенько погуглить этот момент :)

[@lidijajezova2025]

В section должен быть заголовок.

[@AntonioBenderas]

1:11:0 flex контейнеру gap: 3rem;

[@slavamarynec6111]

Что за геморройный способ подключения препроцессора???

[@alexandrvoloshin233]

Че с руками? Сурдоперевод ??? )))))

[@MaximFilanovich]

Хахаха, не, я не посылал каких-либо тайных сообщений жестами)

[@alexandrvoloshin233]

@@MaximFilanovich Максим это же правда сказано, что тот кто не может работать - начинает обучать других!

[@Ruslan6896]

Вот такая ошибка при инициализации скрипта, что делать? npm ERR! Missing script: "styles" npm ERR! npm ERR! To see a list of scripts, run: npm ERR! npm run npm ERR! A complete log of this run can be found in: npm ERR! C:\Users trs\AppData\Local pm-cache\_logs\2022-10-05T22_12_22_097Z-debug-0.log PS C:\Users\danat\Desktop\Web\chairs-shop-on>