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
02. What Is Jsbin
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock