Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Front-End Web Development Masterclass with React and Material-UI
00 Course Overview
01 Project Preview - Your First Website (1:35)
02 Project Preview - Landing Page (0:50)
03 Why You Should Learn React (3:10)
04 Why You Should Learn Material-Ui (7:02)
05 What You'll Need (4:02)
06 How To Build React Sites Online (6:58)
Source Files
01a Mammoth Interactive Course Intro
00 About Mammoth Interactive (1:12)
01 How To Learn Online Effectively (13:46)
Source Files
01b (Prerequisite) Introduction to HTML
01. Course Requirements (2:55)
02. What Is Jsbin (3:15)
03. Setting Up The Html Document (2:41)
04. Header Tags And Paragraphs Tags (4:06)
05. Styles (3:32)
06. Bold Underline And Italic Tags (3:10)
07. Adding In A Link (1:38)
08. Adding In A Image (3:00)
09. Adding A Link To An Image (1:54)
10. Lists (4:03)
11. Tables (3:29)
12. Different Kinds Of Input (4:59)
13. Adding In A Submit Button (3:01)
14. Scripts And Style Tags (3:27)
01c (Prerequisite) Introduction to CSS
01. Course Requirements (3:41)
02. Html Styles Crash Course (4:45)
03. Adding Code To The CSS (4:46)
04. Adding In IDs To The CSS (5:16)
05. Classes In CSS (2:39)
06. Font Families (5:04)
07. Colors In CSS (5:44)
08. Padding In CSS (3:06)
09. Text Align And Transforms (3:14)
10. Margins And Width (5:33)
11. Changing The Body (4:11)
12. Latin Text Generator (1:57)
13. Adding In A Horizontal Menu With HTML And CSS (7:53)
14. Adding A Background Image (4:04)
15. Playing Around With Margins In CSS (2:20)
02 Build a Website with React and Material-UI
01 Create A New React App (7:08)
02 Install Project Dependencies (4:02)
03 Configure Cross-Browser And Responsivity (10:30)
Source Files
03 Build a Navigation Bar
04 Build A Navigation Bar (8:02)
05 Build Menu Items (5:44)
06 Style The Navigation Bar (14:16)
07 Position Navigation Bar Items (13:22)
Source Files
04 Build a Grid Layout
08 Build A Grid Layout (14:39)
09 Build 3 Cards Side By Side (6:53)
10 Build A Main Card (10:09)
11 Style Typography In Main Grid Item (6:47)
12 Build A Grid Item (16:23)
13 Reuse A Grid Item (15:07)
14 Build A Responsive Grid Item (7:17)
Source Files
05 Build a Toggle Navigation Bar
15 Get The State Of A Window (9:46)
16 Build A Toggle Navigation Bar (12:17)
17 Build A Responsive Navigation Bar (6:57)
Source Files
06 Build a Footer
18 Build A Footer (10:51)
Source Files
07 Set Up a Landing Page with React and Material-UI
01 Create A New React App (4:48)
02 Set Up The Grid Layout (5:46)
Source Files
08 Build a Main Grid Item
03 Build A Main Grid Item (8:12)
04 Style The Main Grid Item (7:19)
Source Files
09 Build a Product Information Component
05 Set Up Product Information Component (3:25)
06 Build A Grid Item (8:40)
07 Style A Grid Item (4:19)
08 Reuse A Grid Item Component (8:35)
Source Files
10 Build a Pricing Component
09 Set Up Pricing Component (4:29)
10 Build A Pricing Option Component (6:55)
11 Reuse Pricing Option Component (9:45)
Source Files
11 Build a Large Footer
12 Build A Large Footer (8:20)
13 Style A Large Footer (11:11)
Source Files
12 What's Next
14 Where To Go From Here (5:52)
Source Files
05 Set Up Product Information Component
Lesson content will be unlocked within 30 minutes.
Teachable is working on this bug.
No further action will be required on your part
.
Thank you for your patience