
egghead
Проект egghead.io представляет огромный выбор курсов и скринкастов для разработчиков любого уровня и профессии.
CSS использует глобальное пространство имен для селекторов CSS, которое может легко привести к конфликтам стилей во всем приложении при создании приложения с использованием современных веб-компонентов. Вы можете избежать этой проблемы, вложив CSS-селекторы или используя соглашение по стилю, такое как BEM, но это быстро усложняется и не масштабируется.
CSS-in-JS полностью устраняет эти проблемы, генерируя уникальные имена классов при преобразовании стилей в CSS. Это позволяет вам думать о стилях на уровне компонентов, не беспокоясь о стилях, определенных в других местах.
В этом курсе вы узнаете, как выразить популярные функции языка SCSS (Sass) с использованием новейших функций JavaScript. Мы преобразуем простые примеры из SCSS в CSS-in-JS. Как дизайнер или (S) CSS-разработчик, вы должны быть в состоянии следовать без обширных знаний JavaScript, хотя понимание SCSS требуется. Мы не будем использовать какие-либо конкретные библиотеки CSSinJS. Вместо этого мы сосредоточимся на базовых знаниях, которые вам понадобятся позже, если вы используете какую-либо библиотеку CSSinJS.
Проект egghead.io представляет огромный выбор курсов и скринкастов для разработчиков любого уровня и профессии.
Если вы хотите узнать о самом популярном расширении CSS и создавать современные, красивые и реалистичные веб-сайты, то этот курс для вас. Курс охватывает все, что вам нужно знать об этой удивительной технологии. На протяжении всего курса вы встретите подробные объяснения о том, как работает SASS, а также познакомитесь с современными практиками и решениями.