Курс Material UI в React - DVD

Назва -"Матеріальний курс інтерфейсу користувача - в React"

Рівень: середній

Тривалість - 4 годин

Що ви дізнаєтесь?

На курсі ви навчитеся використовувати швидкість і гнучкість, які пропонує бібліотека готових компонентів для React. Ви побачите, як створювати функціональні та гарні веб-додатки за допомогою Material UI. У багатьох курсах програмування дизайн інтерфейсу користувача часто забувають. З нашим курсом ви переконаєтесь, що це не обов’язково так. Потрібні лише знання використання готових елементів і вміння реалізувати їх у коді. Однак, щоб навчання не було лише сухим обговоренням усіх компонентів, ви створите простий додаток під час курсу. Крім того, один урок мав на меті показати співпрацю Material UI з Redux.

• Що таке бібліотека Material UI і як її встановити?

• Як застосувати це у вибраних елементах бібліотеки?

• Як стилізувати компоненти двома способами?

• Як реалізувати тема з використанням Material UI?

• li>

• Що таке реквізити?

• Ви створите декілька невеликих додатків

• Як створити форми та прапорці?

• Як створити панелі швидкого доступу за допомогою Redux?

• Створюйте дружні інтерфейси

Створюйте зручні для користувача інтерфейси

Думати про зручний для користувача інтерфейс — це не лише його правильне кодування. Турбота про візуальну сторону програми також йде рука об руку. Для цього ви будете використовувати вказівки, надані Google. Використовуючи Material UI, ви можете налаштовувати теми, стилі та кольори. Ви створите приємні та привабливі інтерфейси користувача.

Стилі в React

Є багато способів стилізувати інтерфейси користувачів у React. У цьому допомагають різні типи фреймворків, бібліотек і модулів. Одним із найпопулярніших рішень є вибір компонентів під назвою Material UI. Це можна порівняти з полицею в магазині з взуттям. Залежно від того, як ви хочете виглядати, ви вибираєте правильне взуття. Те ж саме з матеріальними компонентами інтерфейсу користувача. Просто виберіть потрібний вам елемент, і натомість ви отримаєте код, готовий для впровадження у вашій програмі.

Що таке Material UI?

Багато розробників часто мають проблеми з графічною обробкою програм, які вони створюють. Розробка графічної частини програми займає багато часу, і часто кінцевий результат не дуже вражає. Стара істина говорить, що програміст не буде хорошим графічним дизайнером, а графічний дизайнер не буде хорошим програмістом. Тому в 2004 році компанія Google вирішила полегшити це завдання, створивши бібліотеку готових шаблонів, яка отримала назву матеріального дизайну.

Це готові вказівки для графічних дизайнерів, які хочуть проектувати в плоский матеріал дизайн стиль. Щоб задовольнити потреби програмістів, була створена бібліотека material UI, яка бере шаблони з матеріального дизайну та загортає їх у компоненти React. Це значно полегшує та пришвидшує створення веб-сайтів і веб-додатків.

список уроків

1.Вступ

2.Що таке Material-UI

3.Встановлення та перші компоненти

4.Стиль

5.Тема

6.Міні-програма

7.Кнопка обертання та повернення до верхньої частини

8. Випадкові користувачі, частина 1

9. Випадкові користувачі, частина 2

10. Прапорці

11. Закуски

12. Кінець