Почему разработчику нужно уметь в дизайн?

Если вы работаете на большом проекте, то рано или поздно столкнётесь с дизайн-системами, нужно будет понимать, как с ними работать. А ещё дизайнер может уйти в отпуск или заболеть — хорошо бы уметь вносить правки в макет самостоятельно, чтобы дедлайны потом не горели, а техлид восхищался вашим кругозором и набором навыков на все случаи жизни.

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

До 4 декабря на него и курсы внутри будет действовать скидка 30%. Успевайте ухватить необходимый курс или весь пакет сразу по выгодной цене — https://tml.io/gsgsx

Зачем нужен CSS-in-JS

Новая неделя — новая тематическая неделя в канале. С понедельника по пятницу будем рассказывать про новый подход к стилизации веб-приложений CSS-in-JS. Начнём со статьи.

Читайте, чтобы узнать, что такое CSS-in-JS и какие проблемы он решает.

Статья — https://tml.io/nnnhb

Задача на знание CSS-in-JS

Как CSS-in-JS инкапсулирует стили на уровне компонентов?

1. Стили связываются с компонентами при помощи специфичных селекторов. Поэтому переопределить стили довольно сложно, но можно.

2. Стили связываются с компонентами при помощи сгенерированных классов. Эти классы уникальные, поэтому не могут повторяться ни в нашем, ни в стороннем коде.

3. Стили указываются инлайново на DOM-элементах, соответствующих компонентам.

Выберите правильный ответ ниже 👇🏼

Скидка 30% на курс CSS-in-JS

В течение недели мы немного углубились в основы CSS-in-JS. Если появилось желание прокачаться по полной и применять в работе новый подход к стилизации веб-приложений, то приходите на курс.

Типовые задачи, которые вы научитесь решать:
— Подготовка и подключение дизайн-токенов;
— Разработка библиотеки компонентов;
— Стилизация сеток;
— Темизация пользовательского интерфейса;
— Формирование стилей любой сложности при помощи JavaScript;
— Эффективное переиспользование стилей при помощи вспомогательных компонентов и миксинов;
— Осознанный выбор инструмента для работы с CSS-in-JS в зависимости от проекта и задач.

Скидка будет действовать до 25 декабря включительно. Успейте ухватить обучение со скидкой — https://tml.io/r3pjp

Попробуйте курсы до мидла бесплатно

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

Что вас ждёт:

— Обучающие статьи по теме курса — просто и понятно объяснят сложные темы.
— Демонстрации с кодом — научат решать типовые задачи.
— Задания — закрепят знания на практике.
— Эталонные решения — покажут, как правильно решать задания.
—Тесты — покажут, как вы усвоили материал.

Бесплатный раздел доступен на курсах:
– «Анимации CSS»;
– «Алгоритмы и структуры данных»;
– «TypeScript»;
– «Git и GitHub»;
– и ещё 6 курсах.

Демо-доступ к первому разделу будет открыт навсегда. Вы можете начать обучение в любой момент.

Выбрать курс и начать обучение — https://tml.io/y1hjo

Врываемся в новую неделю с новой темой — знакомимся с паттернами проектирования

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

Чтобы узнать про паттерны больше, читайте статью — https://tml.io/za82b

Если нужного варианта нет, пишите предложения @danillkinnn