К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Building High Quality User Experience Using Material UI · LearnSpace
Назад в каталог
courseraПрограммирование

Building High Quality User Experience Using Material UI

Курс от NIIT
Средний≈ 8.1 чАнглийский
О курсеНавыкиПрограммаПреподаватели

О курсе

A user experience is built upon a user’s experiences and interactions with a product, system, or service. Providing high quality digital experiences in a web application involves writing CSS codes which focus on display, navigation, actions, input, and communication. However, CSS has its own set of challenges which can be addressed using Material UI design library. This course will enable you to use CSS-in-JS and work with design systems like Material UI to quickly develop high quality React applications.

Навыки, которые вы освоите

UI ComponentsUser Experience DesignReact.jsUser Interface (UI) DesignCascading Style Sheets (CSS)User ExperienceUser Interface (UI)Front-End Web DevelopmentUser Centered DesignJavascriptResponsive Web DesignWeb DesignDesign Elements And PrinciplesHTML and CSS

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

2 модулей · 40 учебных материалов

01Style React Components Using Modern CSS Techniques16 материалов

Context Setting

Context SettingВидео

1.1 Style a React Component using an External StyleSheet​

Style a React Component using an External StyleSheet​ВидеоWatch and Repeat : Adding Styles to React Component using External CSS fileВидео

1.2 Make use of a CSS Module to Style a React Component ​

Make use of a CSS Module to Style a React Component ​Видео

Учитесь у экспертов

NIIT

Преподаватель курса

Building High Quality User Experience Using Material UI
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 8.1 ч

2 модулей

Язык: Английский

Субтитры: Арабский, Французский, Украинский, Китайский (Китай), Греческий, Итальянский, Бразильский португальский, Нидерландский, Корейский, Немецкий, Русский, Тайский, Индонезийский, Шведский, Турецкий, Испанский, Хинди, Японский, Казахский, Польский

Часть программы вашего университета
Watch and Repeat : Adding Styles to React Component using CSS file as moduleВидео

1.3 Apply Inline Styles to React Components

Apply Inline Styles to React ComponentsВидеоWatch and Repeat : Adding Styles to React Component using Inline StyleВидео

1.4 Style a React Component using Styled-Component Module which follows CSS in JavaScript Pattern​

Style a React Component using Styled-Component Module which follows CSS in JavaScript Pattern​ВидеоWatch and Repeat : Apply CSS-in-JS concept in React Component Видео

Practice

Practice BriefВидеоInstructions to upload the Programming Assignment SolutionЧтениеStyling ViewTube using Material libraryПрограммированиеPractice DebriefВидео

Summary

Learning ConsolidationВидеоStyle React Components using Modern CSS TechniquesЧтениеStyle React Components using Modern CSS TechniquesЗадание
02Style React Components Using Material Design System24 материалов

Context Setting

Context SettingВидео

2.1 Material Design Philosophy​

Material Design Philosophy​ВидеоWatch and Repeat : How to Install Material and use it’s Prebuilt Component in React AppВидео

2.2 Layout Components​

Layout Components​ВидеоWatch and Repeat : Implementing Layout Component of MaterialВидео

2.3 Input Components​

Input Components​ВидеоWatch and Repeat : Implementing Input Components of MaterialВидео

2.4 Navigation Components​

Navigation Components​ВидеоWatch and Repeat : Implementing Navigational Components of MaterialВидео

2.5 Surface Components​

Surface Components​ВидеоWatch and Repeat : Implementing Surface Components of MaterialВидео

2.6 Theming Components

Theming ComponentsВидеоWatch and Repeat : Implementing Custom Theme in Material DesignВидео

2.7 Material UI Hooks, HOCs​

Material UI Hooks, HOCs​ВидеоWatch and Repeat : Customizing Material prebuilt Components using Hooks and APIВидео

Practice

Practice BriefВидеоStyling Journler App using React Material Design LibraryПрограммированиеPractice Debrief Видео

Challenge

Challenge BriefВидеоViewTubeПрограммированиеChallenge DebriefВидео

Summary

Learning ConsolidationВидеоStyle React Components using Material Design SystemЧтениеStyle React Components using Material Design SystemЗадание