Material-ui Project #1

#1 المقدمة

#2 تنظيم ملفات المشروع

npx create-react-app .المصدر

npm install react-router-domالمصدر

Download files

#3 Install Material UI

Installation

Download files

#4 MUI <Typography />Component

Download files

#5 How to style MUI Component?

1- Plain CSS

2- The sx prop

3- custom system properties

Default theme color

Download files

#6 MUI <Button />& <IconButton />Components

Download files

#7 MUI <AppBar />& <Link />Components

Download files

#8 MUI <Avatar />Component & "&:hover": {...}

Download files

#9 MUI <Drawer />& <Divider />Components

Download files

#10 MUI <List />& <ListItem />Components

Download files

#11 MUI <Link href /> & <Link to /> & useNavigate()

Download files

#12 MUI <Box />& <Container />Components

Download files

#13 MUI <Paper />& <Card />Components

Download files

#14 MUI <TextField />Component

Download files

#15 MUI Dark mode😎

Download files

#16 MUI Adding new colors

Download files

#17 MUI Toggle light and dark modes

Download files

#18 MUI Dark mode with LocalStorage

Download files

#19 MUI Dark mode with custom colors

Download files

#20 React RouteruseLocation()Hook

Download files

#21 MUI Breakpoints (CSS Media Queries)

Download files

#22 MUI show & hide <Drawer />

Download files

#23 Task solution

Download files

#24 تنظيم ملفات المشروع

Download files

#25 Task solution

Download files

json-server crash course [شغل شركات]

#26 المقدمة

nodejs.org

json-server

json-server --watch data/db.json --port 3100

#27 Send data

#28 Get Data

#29 Delete data

#30 Auto Calculate Total Price

Download files

#30.5 مشكلة وحلها

#31 سؤال و جواب

فى هذا الفيديو سيتم تقديم بعض النصائح والاجابة على بعض الاسئلة

Material-ui Project #2

#32 project setup

Download files

#33 MUI<Menu />&<AppBar />Components

Download files

#34 Task solution

Download files

#35 MUI<Stack />&<Grid />Components

Download files

#36 Render an array of items

Download files

#37 Toggle between dark mode & light mode 😎

Download files

#38 MUI<Card />Component

Download files

#39 Task solution

Download files

#40 MUI<ImageList />Component

Download files

#41 Show & hide sidebar

Download files

#42 MUI<Fab /><Tooltip /><Modal /><ButtonGroup />

Download files

#43 اللمسات النهائية للمشروع 🧡

Download files

React Hook Form [شغل شركات]

#44 form validation with React (Project #1)

Download files

#45 React Hook Form شرح

React Hook Form

#46 MUI & React Hook Form

Download files