4. CSS: модули, общие стили и оформление интерфейса

Для доступа к видео оформите подписку на курс

4. CSS: модули, общие стили и оформление интерфейса

Оформим интерфейс: CSS Modules и глобальные стили, общие классы для заголовков и кнопок. Добавим CSS‑переменные, фон на HomePage и стили для Header.

Оценить качество материала и подачу материала автором видео:

Front-end

Трудоустройтесь middle front-end разработчиком на React JS (TypeScript) за 12-16 месяцев обучения с ежедневной менторской поддержкой в формате видео 1 на 1 и коммерческими проектами в портфолио

Перейти на курс
Front-end

Back-end

Трудоустройтесь middle back-end разработчиком за 12-16 месяцев обучения с ежедневной менторской поддержкой в формате видео 1 на 1 и коммерческими проектами в портфолио

Перейти на курс
Back-end

Карьерный бустер

Получите коммерческий опыт на реальных стартапах, прокачайте tech & soft навыки, научитесь работать в команде, проходить собеседования и получите первую работу в IT!

Перейти на курс
Карьерный бустер

Основы Front-end

Сделайте первый шаг в IT, освоив базовые знания разработки и научившись создавать небольшие проекты на JavaScript

Перейти на курс
Основы Front-end

Основы Back-end

Сделайте первый шаг в IT, освоив базовые знания разработки. Без опыта. Без математики. Только практика: JavaScript, SQL, Node JS, база данных

Перейти на курс
Основы Back-end

4. CSS

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

В React существует множество подходов к написанию CSS:

Модульный CSS

В качестве одного из самых популярных вариантов познакомимся с модульным CSS

Модульный CSS — это подход к написанию CSS-кода, который помогает делать стили более организованными, изолированными и переиспользуемыми. Основная идея в том, что стили привязываются к конкретным компонентам, а не применяются глобально.

...

Для доступа к полной версии конспекта оформите подписку на курс