Material-UI With React
Material-UI is an excellent framework to develop beautiful React components faster! This course teaches the fundamentals of Google Material Design and how to develop an end-to-end flight search and booking application using Material-UI and React.
1
01-Agenda (00:31)
02-What are the Pre-requisites for this course? (00:22)
03-What is covered in course? (1:00)
04-What is not covered in this course? (00:24)
05-About Author (00:36)
06-Why Material-UI? (00:47)
07-Why Material-UI continued? (04:29)
Project Set Up Description
08-Project Setup (04:29)
09-Summary (00:25)
2
01-Agenda (00:25)
02-Quick Overview of ES6 Syntax (06:28)
03-What is CSS-In-JS? (03:12)
04-What is Material-UI Grid? (04:27)
05-Summary (00:23)
3
01-Agenda (00:20)
02-Build Stratafly Header (07:37)
03-Set Up Material Theme (06:29)
04-Develop TripType And Traveller Components Part I (06:00)
05-Develop TripType And Traveller Components Part II (04:31)
06-Develop Location And Date Components (06:45)
07-Develop Empty Results Component (01:29)
08-Summary (00:23)
4
01-Agenda (00:24)
02-Develop SearchResults Component (10:34)
03-Develop TravellerDialog Component (9:06)
04-Introduction To Flights Data Set (01:46)
05-Summary (00:28)
5
01-Agenda (00:16)
02-Implement Flight Search (03:40)
03-Add State To SearchForm Component (04:43)
04-Add Actions To TravellerDialog Component (06:15)
05-Summary (00:28)
6
01-Agenda (00:26)
02-Develop ReviewSelection Component (06:46)
03-Develop ReviewSelection Component PartII (06:13)
04-Develop ReturnFlights Component (03:36)
05-Summary (00:23)
7
01-Agenda (00:20)
02-Develop And Integrate Payment Component (06:25)
03-Develop And Integrate Confirmation Component (03:26)
04-Summary (00:53)