CSS 3. Методологія БЕМ. Практика. Верстка макету.

  Рет қаралды 2,521

WEB STAR

WEB STAR

Жыл бұрын

У даному уроці Ви дізнаєтеся про методологію БЕМ, завдяки якій ми навчимося правильно, а головне - логічно називати класи елементів. У кінці уроку ми з Вами на реальному макеті закріпимо знання, отримані під час цього уроку, склавши кілька екранів.
Посилання на макет - www.figma.com/file/b2KLhCHyuj...
***
Домашнє завдання - зверстайте та стилізуйте наступні 2 секції (після тих, які були зверстані в уроці) з макету.
З питань менторства та перевірки домашніх завдань звертатися - t.me/eremenko92
Telegram - канал для спілкування та допомоги в навчанні між учнями, які проходять цей онлайн-курс, а також для інформування про нові відеоуроки, які вийдуть найближчим часом - t.me/+wIspTmfJv3A4MmZi .
***

Пікірлер: 16
@orazaliorazali1000
@orazaliorazali1000 3 ай бұрын
Благодарю!
@yuriyzadorozhnyi3849
@yuriyzadorozhnyi3849 Жыл бұрын
Дякую Вам Віталій ! Накінець я дойшов до того відео де я вперше зайшов на ваш канал . Рекомендую всім пройти курс спочатку навіть якщо все здається вже знайоме . Багато чого починаєш розуміти того що не міг раніше сприйняти . Наприклад про псевдокласи і псевдоелементи . Дякую за зрозумілі як для мене пояснення теми .
@webstar9241
@webstar9241 Жыл бұрын
Дякую!)
@user-vatican
@user-vatican 3 күн бұрын
здравствуйте, подскажите, а как в css в верх когда в скопировали из фигмы в редактор при стилизации меню айтем?
@veryslon5104
@veryslon5104 Жыл бұрын
Thanks my friend is nice content
@beebee-sn9sb
@beebee-sn9sb Жыл бұрын
и спасибо за урок)
@webstar9241
@webstar9241 Жыл бұрын
Пожалуйста!)
@yuriyzadorozhnyi3849
@yuriyzadorozhnyi3849 Жыл бұрын
Ще раз дякую Вам Віталій , в мене є питання , якщо можете відповісти , то я не зовсім зрозумів про внутрішній паддинг секції about . Як ви зрозуміли що то паддинг , бекграунд білий і не видно що секції прилипають одна до одної . Можна подумати що треба робити margin-top . Якщо секцію зафарбувати в другий колір то ще можна побачити , а так як ви це визначили , по макету я щось нічого не зрозумів . Дякую .
@northface3706
@northface3706 Жыл бұрын
Привет, а можешь пожалуйста прикрепить свой код ?
@beebee-sn9sb
@beebee-sn9sb Жыл бұрын
Привет! Есть вопрос, подскажи пожалуйста. Моя фоновая картинка получилась по высоте узже чем в макете,это изза размера экрана моего? у тебя вижу тоже чуточку узже, но у меня еще больше. и как это пофиксить?
@webstar9241
@webstar9241 Жыл бұрын
В идеале конечно нужно видеть код, но могу предположить что высота блока (отступы + контент блока) скорее всего меньше чем в дизайне, поэтому автоматически сверху и снизу съедается картинка и мы получаем такой результат. На днях планирую создать группу в telegram для общения / помощи по материалу курса, чтобы ученики друг другу помогали быстро решать проблемы. Ссылку на группу добавлю в описании под каждым уроком)
@beebee-sn9sb
@beebee-sn9sb Жыл бұрын
с радостью подпишусь)
@user-nz9mq6tb7s
@user-nz9mq6tb7s Жыл бұрын
все хорошо. доступное объяснение, из всех роликов на ютуб это одно из лучших. единственное режет ухо уменьшительно-ласкательные. картиночка, логотипчик, строчечка....
@webstar9241
@webstar9241 Жыл бұрын
Спасибо!)
@zyrvik
@zyrvik Жыл бұрын
Добрый день. Было бы отлично увеличить шрифт в редакторе, не у всех микроскопное зрение. ))
@webstar9241
@webstar9241 Жыл бұрын
Учёл этот момент и в следующих видео уже приближал)
Omega Boy Past 3 #funny #viral #comedy
00:22
CRAZY GREAPA
Рет қаралды 35 МЛН
КАРМАНЧИК 2 СЕЗОН 5 СЕРИЯ
27:21
Inter Production
Рет қаралды 605 М.
БЭМ методология за 10 минут | Основы для начинающих
10:01
Александр Ламков — Friendly Frontend
Рет қаралды 11 М.
Методология БЭМ. Теория
5:41
Makers Education
Рет қаралды 6 М.
Вселенная и Специальная теория относительности.
3:51:36
ЗЛОЙ АНАЛИТИК ВСЕЛЕННОЙ.
Рет қаралды 7 МЛН
Стрес-інтервʼю NodeJS Junior наживо: реальні питання та відповіді
Сергій Бабіч та Дивовижний світ веброзробки
Рет қаралды 56
Как Верстать Макеты Быстрее?
10:55
Сергей Дмитриевский
Рет қаралды 14 М.
portfolio
9:56
Azamat Zholdoshbekov
Рет қаралды 9
Omega Boy Past 3 #funny #viral #comedy
00:22
CRAZY GREAPA
Рет қаралды 35 МЛН