
React Material UI Complete Course
Course Description
OVERVIEW:
After completing Material UI course, you will be able to create user friendly interface by using different components of MUI. You can create high quality websites interfaces by using MUI components. MUI provides all the necessary components to create a stunning website. You can use, Grid, stack and lot of other stuff from MUI for creating user interface.
INTRODUCTION:
MUI is a react component library for creating beautiful UI components. By using MUI, we can easily create website by using prebuilt components from MUI. By using MUI components, the development process gets faster.
PREREQUISITES:
Before starting this course, you should have a working knowledge of Following:
- HTML fundaments
- CSS Fundaments
- Reac.js basics
This training is compatible with Windows 8, Windows 8.1, Windows 10, And MAC operating system.
CERTIFICATION:
You are hereby advised to visit www.virtualacademy.pk and get yourself certified in Complete Course of React Material UI Training, furthermore you'll have to meet the following criteria for earning this particular Registered Certification.
- You will have to complete all 39 lessons through Virtual Academy Online Learning Management System at www.virtualacademy.pk.
- Every lesson has 3 to 5 quizzes, which you must have to pass with 70% marks.
- You need to submit your project/assignments on time.
- After completion of Virtual Academy offered React Material lessons via www.virtualacademy.pk Online Learning Management System there will be final exam which comprises of 50 to 100 questions.
After having assessment of your account with www.virtualacademy.pk whether you meet all the above terms and conditions, then we will dispatch your Certificate/Diploma at your given address.
COURSE CONTENTS
Introduction
- What is MUI
- How to add MUI in React
Inputs Component
- Button
- Button Group
- Text field
- Select
- Radio Button
- Checkbox
- Switch
- Rating
Layout Components
- Box
- Stack
- Grid
- Image List
Surfaces Component
- Accordion
- AppBar
- Card
- TopBar
Navigation Components
- Bottom Navigation
- Breadcrumbs
- Drawer
- Link
- Menu
- Tabs
Data Display Components
- Avatar
- Badge
- Chip
- Divider
- List
- Tooltip
- Typography
MUI theme customization
Final Exam and Certification
Course Curriculum
- 1. Course Introduction Video
- 2. What is Material UI
- 3. How to Install Material UI in React
No Quiz For This Chapter.
No Notes available for this chapter
- 1. Typography in Material UI
- 2. Button Component
- 3. Button Group
No Quiz For This Chapter.
No Notes available for this chapter
- 1. Text Field
- 2. Select Dropdown
- 3. Radio Button
- 4. Checkbox
- 5. Switch Control
- 6. Rating Component
No Quiz For This Chapter.
No Notes available for this chapter
- 1. Box Component
- 2. Stack Component
- 3. Grid Layout
- 4. Card Component
- 5. Accordion
- 6. Image List
No Quiz For This Chapter.
No Notes available for this chapter
- 1. AppBar and Toolbar
- 2. Menu
- 3. Link Component
- 4. Breadcrumbs
- 5. Drawer Navigation
- 6. Bottom Navigation
No Quiz For This Chapter.
No Notes available for this chapter
- 1. Avatar Component
- 2. Badge Component
- 3. Chip Component
- 4. Divider Component
- 5. List Component
- 6. Tooltip
No Quiz For This Chapter.
No Notes available for this chapter
- 1. Alert Component
- 2. SnackBar Notification
- 3. Dialog Modal
- 4. Progress Indicators
- 5. Skelton Loading Placeholder
- 6. Loading Button
No Quiz For This Chapter.
No Notes available for this chapter
- 1. Masonry Layout
- 2. Tabs Component
- 3. Timeline in MUI
- 4. Customizing Material UI Theme
No Quiz For This Chapter.
No Notes available for this chapter