Профессиональный онлайн-курс

CSS-in-JS

Входит в специализацию «Современная фронтенд-инженерия»

CSS-in-JS — это современный подход к стилизации веб-приложений. Он расширяет возможности CSS при помощи JavaScript и позволяет преодолеть ряд ограничений и проблем традиционных методов работы со стилями.

Необходимые знания: HTML, CSS, JavaScript и React. Тема курса разбирается на примере библиотеки styled-components.

Гибкие сроки: начинайте прямо сейчас и двигайтесь в комфортном режиме.

Скидка 20% до 4 мая

Записаться на курсНачать бесплатно

Курс поможет вам получить востребованный навык и повысить свою ценность на рынке

Задача курса — дать глубокое понимание подхода CSS-in-JS и показать разные варианты его реализации.

После прохождения курса вы сможете осознанно выбирать и использовать инструменты для работы с CSS-in-JS, а также будете понимать, как эти инструменты устроены внутри.

CSS-in-JS на карте компетенций
фронтенд-разработчика

Согласно нашей карте компетенций, работа с CSS-in-JS — важный навык для разработчиков с опытом от 1-го до 3-х лет.

Типовые задачи, которые вы научитесь решать на курсе:

Подготовка и подключение дизайн-токенов

Разработка библиотеки компонентов

Стилизация сеток

Темизация пользовательского интерфейса

Формирование стилей любой сложности при помощи JavaScript

Эффективное переиспользование стилей при помощи вспомогательных компонентов и миксинов

Осознанный выбор инструмента для работы с CSS-in-JS в зависимости от проекта и задач

Программа курса

Разделы курса организованы так, чтобы вы постепенно углубляли и расширяли понимание CSS-in-JS.

Вы с нуля разработаете страницы сайта магазина «Велик» и решите множество разнообразных задач — от создания библиотеки компонентов до темизации интерфейса.

Бонус — в материалах курса вас ожидают заметки и демонстрации на тему доступности.

Раздел 1

Введение

Получить доступ

Раздел 2

Глобальные стили

Раздел 3

Компоненты

Раздел 4

Крупные разделы и страницы

Раздел 5

Темизация

Раздел 6

Альтернативные реализации идей CSS-in-JS

Как проходит обучение

Курс предполагает самостоятельное изучение материала в комфортном для вас режиме. Начать учиться можно прямо сейчас.

Программа разбита на модули, каждый из которых позволяет постепенно осваивать навык от простых основ до сложных тонкостей.

В каждом модуле будет:

Теория

Структурированная информация, необходимая для усвоения части навыка

Кейсы

Примеры решения типовых задач, которые помогут понять, как теория превращается в практику

Практические задания

Для самостоятельного закрепления полученной теории. После выполнения каждого задания вы получите пошаговое эталонное решение и сможете сравнить его со своим вариантом

Тесты

Для закрепления материала. Позволят вам убедиться, что вы точно всё усвоили и можете двигаться дальше.

Поддержка в комьюнити

Cообщество авторов, опытных специалистов и студентов курса. Общайтесь с единомышленниками и обменивайтесь опытом.

Курс «Дизайн для фронтендеров» входит в пакет навыков

Вы можете приобрести набор курсов по выгодной цене.
Навыки на курсах, входящих в пакет, объединены общей тематикой.

Разработчикам от разработчиков

Сделано для разработчиков, у которых мало времени на обучение.

На курсе «CSS-in-JS» вы получите:

Методику

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

Программу

Построена от простого к сложному.
Вы легко погрузитесь в тему, даже если ничего про неё не знали раньше.

Контент

Актуальная и обновляемая теория, проверенная рынком. Никакой «воды» — вы получите только необходимые знания.

Комьюнити

Поможет вам с ответами на вопросы и углублением знаний.

Комьюнити каждого курса — это авторы, опытные разработчики и студенты, прошедшие или проходящие этот курс.
Комьюнити не только помогает в освоении материала, но и постоянно делает курс лучше.

Вам это подходит, если

Вы хотите больше зарабатывать или сменить работу, но не знаете, в каком направлении развиваться:

Хотите освоить конкретный навык, но не знаете как

Не хотите тратить время на поиск актуальной информации по теме

Вам нужна конкретная методика обучения и только необходимая информация

Хотите убедиться, что полученные знания усвоились на практике

На нашей стороне опыт, исследования и методика

Опыт

9 лет выстраиваем связь с рынком коммерческой разработки. Обучаем начинающих разработчиков и видим, как они становятся опытными специалистами.

Исследования

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

Методика

Общаемся с сообществом веб-разработчиков и поэтому понимаем, как нужно учить. Максимально сокращаем время от изучения теории до решения типовых задач.

Что говорят разработчики

Загружаем…