Какие преимущества и недостатки имеют внешние таблицы стилей?
Выгоды:

Один файл можно использовать для управления несколькими документами, имеющими разные стили.
Несколько элементов HTML могут иметь множество документов, которые могут иметь классы.
Для группировки стилей в сложных ситуациях используются такие методы, как селектор и группировка.
Demerits:

Для импорта документов, содержащих информацию о стиле, необходима дополнительная загрузка.
Для рендеринга документа необходимо загрузить внешнюю таблицу стилей.
Непрактично для небольших определений стилей.


Frontend Головного Мозга

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

И чтобы хоть немного накинуть очков написанию кода — мы запускаем телеграм-игру «Код сурка», чтобы вы могли блеснуть знаниями в веб-разработке и получить за это ценные призы в зависимости от набранных баллов.

К слову о призах:

1 место — профессия «Фронтенд-разработчик» или «JavaScript-разработчик» на выбор (в ускоренном формате).
2-3 место — фронтенд- или ui-инженерия, или любой из курсов для новичков на выбор.
4-10 место — любой мидловый или джуновый курс на выбор.
11-30 место — доступ к тренажёрам до конца июня 2024 г.
31-100 место — доступ к тренажёрам до конца мая 2024 г.

Ну и не менее приятное — все участники акции получат скидки на все продукты HTML Academy

Присоединяйтесь

Обсудите достоинства и недостатки встроенных таблиц стилей?
Достоинства встроенных таблиц стилей:

В одном документе можно создать несколько типов тегов.
В сложных ситуациях стили можно применять с помощью методов «Селектор» и «Группировка».
Дополнительная загрузка не требуется.
Недостатки встроенных таблиц стилей:

Невозможно контролировать несколько документов.


Frontend Головного Мозга

Alfa Frontend Meetup #3
Митап frontend-сообщества про архитектуру.

Поговорим про webpack module federation, рассмотрим статический анализ кода и попробуем применить этот подход к статическому анализу зависимостей с помощью программирования в ограничениях, обсудим плюсы и минусы монорепозиториев.

Когда: 25 апреля, 19:00.
Где: Москва, пр. Андропова, д. 18, к. 3 и онлайн.

Вас ожидают доклады спикеров: 

▪️Алексей Охрименко, техлид в Yandex Cloud Tracker, расскажет о статистическом анализе зависимостей.
▪️Алексей Николаев, Teamlead в Sendsay.ru, разберёт плюсы и минусы монорепозиториев.
▪️Степан Иваньков, главный frontend-разработчик в «Альфа-Банке», расскажет о том, как перевести 45 приложений на webpack module federation и ничего не сломать.


Регистрируйтесь

Больше полезного в комьюнити @alfa_frontend

erid: LjN8K8g9X
Реклама. АО «Альфа-Банк». ИНН 7728168971.

❓Вышел React 18 — что нового для разработчиков?

Расскажем на бесплатном практическом уроке «Обзор нововведений в React 18» от OTUS. Спикер — опытный разработчик и преподаватель.

На вебинаре мы разберем изменения, которые были добавлены в React 18, познакомимся с ними поближе и посмотрим на новые фичи и API.

Встречаемся 25 апреля в 19:00 мск в преддверии старта курса «React.js Developer». Все участники вебинара получат специальную цену на обучение и персональную консультацию от менеджеров OTUS!

👉 Оставьте заявку прямо сейчас, чтобы посетить бесплатный урок: https://clck.ru/3AGxuo

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

Что означает CSS-селектор?
Строковый эквивалент HTML-элементов, с помощью которых объявляются объявления или их набор, и представляет собой ссылку, на которую можно ссылаться для связывания HTML и таблицы стилей, — это селектор CSS.


Frontend Головного Мозга

Укажите типы мультимедиа, которые позволяет CSS?
Дизайн и настройку документов обеспечивают средства массовой информации. Применяя управление мультимедиа к внешним таблицам стилей, их можно получить и использовать, загрузив их из сети.


Frontend Головного Мозга

Отличить логические теги от физических?
Хотя физические теги также называются презентационной разметкой, логические теги бесполезны для внешнего вида.
Физические теги представляют собой более новые версии, а логические теги устарели и сосредоточены на содержимом.


Frontend Головного Мозга

Отличить концепцию таблицы стилей от HTML?
Хотя HTML предоставляет простой метод структурирования, ему не хватает стилей, в отличие от таблиц стилей. Более того, таблицы стилей имеют лучшие возможности браузера и параметры форматирования.

Frontend Головного Мозга

❓Как строится современная веб-разработка на JS и при чем тут React?

Узнайте на открытом практическом уроке от OTUS, где опытный эксперт разберет:

- какие подходы используются в разработке сегодня;
- основные технологии для разработки фронтенда: react, vue, angular;
- их преимущества и недостатки.

Спикер Игорь Звягин — опытный JS-разработчик.

Встречаемся 13 мая в 20:00 мск в рамках курса «React.js Developer». Все участники вебинара получат специальную цену на обучение и персональную консультацию от менеджеров OTUS!

👉 Оставьте заявку прямо сейчас, чтобы посетить бесплатный урок: https://clck.ru/3AYNLK

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

Опишите «набор правил»?
Набор правил: селекторы могут быть прикреплены к другим селекторам, которые будут идентифицированы набором правил.

Он состоит из двух частей:

Селектор, например R и
объявление {text-indent: 11pt}


Frontend Головного Мозга

Прокомментируйте чувствительность CSS к регистру?
Хотя в CSS нет чувствительности к регистру, тем не менее, семейства шрифтов, URL-адреса изображений и т. д. есть. Только когда XML на странице используются объявления вместе с XHTML DOCTYPE, CSS чувствителен к регистру.


Frontend Головного Мозга

Определите блок объявления?
Каталог направлений внутри фигурных скобок, состоящий из свойства, двоеточия и значения, называется блоком объявлений.
например: [свойство 1: значение 3]


Frontend Головного Мозга

Зарегистрировать атрибуты различных шрифтов?
К ним относятся:

Стиль шрифта
Вариант шрифта
Толщина шрифта
Размер шрифта/высота строки
Семейство шрифтов
Подпись
Значок


Frontend Головного Мозга

Однушка за 12 тысяч на 2 года 🤯

Парад невиданной щедрости продолжается, лимиты по IT-ипотеке расширены.
Успей туда попасть, пока твои коллеги всё не расхватали.

🤩 Подписывайтесь на самый нестандартный канал о недвижимости.

Для чего используется селектор классов?
Селекторы, уникальные для определенного стиля, называются селекторами CLASS. С помощью этого можно выполнить объявление стиля и ассоциации с HTML. Синтаксис:

Имя класса
это может быть AZ, az или цифры.
.top {font: 14em ;}, селектор классов
этот класс связан с элементом

Frontend Головного Мозга