Front-End Web Development Masterclass with React and Material-UI
Harnessing the Power of React and Material-UI for Stunning User Interfaces
Created by John Bura
01
Skill level
All levels
02
Sections
15
03
Lectures
84
04
Instructor
John Bura
What's inside
This course includes.
✓
15
Sections
✓
84
Lectures
✓
84
Resources
✓
Certificate of completion
Included
✓
Mobile and desktop access
Included
✓
AI learning assistance
Included
Unlock all courses with our Subscription Bundle! Get unlimited access to entire course library, books and assets. Learn more and subscribe today!
Course content
Curriculum & lectures.
+ 00 Course Overview 7 lectures
01 Project Preview - Your First Website
Locked
02 Project Preview - Landing Page
Locked
03 Why You Should Learn React
Locked
04 Why You Should Learn Material-Ui
Locked
05 What You'll Need
Locked
06 How To Build React Sites Online
Locked
Source Files
Locked
+ 01a Mammoth Interactive Course Intro 3 lectures
00 About Mammoth Interactive
Locked
01 How To Learn Online Effectively
Locked
Source Files
Locked
+ 01b (Prerequisite) Introduction to HTML 15 lectures
01. Course Requirements
Locked
02. What Is Jsbin
Locked
03. Setting Up The Html Document
Locked
04. Header Tags And Paragraphs Tags
Locked
05. Styles
Locked
06. Bold Underline And Italic Tags
Locked
07. Adding In A Link
Locked
08. Adding In A Image
Locked
09. Adding A Link To An Image
Locked
10. Lists
Locked
11. Tables
Locked
12. Different Kinds Of Input
Locked
13. Adding In A Submit Button
Locked
14. Scripts And Style Tags
Locked
Resources
Locked
+ 01c (Prerequisite) Introduction to CSS 16 lectures
01. Course Requirements
Locked
02. Html Styles Crash Course
Locked
03. Adding Code To The CSS
Locked
04. Adding In IDs To The CSS
Locked
05. Classes In CSS
Locked
06. Font Families
Locked
07. Colors In CSS
Locked
08. Padding In CSS
Locked
09. Text Align And Transforms
Locked
10. Margins And Width
Locked
11. Changing The Body
Locked
12. Latin Text Generator
Locked
13. Adding In A Horizontal Menu With HTML And CSS
Locked
14. Adding A Background Image
Locked
15. Playing Around With Margins In CSS
Locked
CSS Resources
Locked
+ 02 Build a Website with React and Material-UI 4 lectures
01 Create A New React App
Locked
02 Install Project Dependencies
Locked
03 Configure Cross-Browser And Responsivity
Locked
Source Files
Locked
+ 03 Build a Navigation Bar 5 lectures
04 Build A Navigation Bar
Locked
05 Build Menu Items
Locked
06 Style The Navigation Bar
Locked
07 Position Navigation Bar Items
Locked
Source Files
Locked
+ 04 Build a Grid Layout 8 lectures
08 Build A Grid Layout
Locked
09 Build 3 Cards Side By Side
Locked
10 Build A Main Card
Locked
11 Style Typography In Main Grid Item
Locked
12 Build A Grid Item
Locked
13 Reuse A Grid Item
Locked
14 Build A Responsive Grid Item
Locked
Source Files
Locked
+ 05 Build a Toggle Navigation Bar 4 lectures
15 Get The State Of A Window
Locked
16 Build A Toggle Navigation Bar
Locked
17 Build A Responsive Navigation Bar
Locked
Source Files
Locked
+ 06 Build a Footer 2 lectures
18 Build A Footer
Locked
Source Files
Locked
+ 07 Set Up a Landing Page with React and Material-UI 3 lectures
01 Create A New React App
Locked
02 Set Up The Grid Layout
Locked
Source Files
Locked
+ 08 Build a Main Grid Item 3 lectures
03 Build A Main Grid Item
Locked
04 Style The Main Grid Item
Locked
Source Files
Locked
+ 09 Build a Product Information Component 5 lectures
05 Set Up Product Information Component
Locked
06 Build A Grid Item
Locked
07 Style A Grid Item
Locked
08 Reuse A Grid Item Component
Locked
Source Files
Locked
+ 10 Build a Pricing Component 4 lectures
09 Set Up Pricing Component
Locked
10 Build A Pricing Option Component
Locked
11 Reuse Pricing Option Component
Locked
Source Files
Locked
+ 11 Build a Large Footer 3 lectures
12 Build A Large Footer
Locked
13 Style A Large Footer
Locked
Source Files
Locked
+ 12 What's Next 2 lectures
14 Where To Go From Here
Locked
Source Files
Locked
Description
About this course.
Welcome to the Course: Front-End Web Development Masterclass with React and Material-UI!
Embark on an exciting journey into the world of front-end web development, where you will master React and Material-UI to build stunning and responsive user interfaces. This comprehensive masterclass is designed to empower you with the skills and knowledge needed to create modern, interactive, and visually appealing websites.
Whether you're a beginner looking to enter the world of front-end web development or an experienced developer seeking to enhance your React and Material-UI skills, this masterclass will empower you to create visually stunning and responsive user interfaces. Join us on this exciting journey to elevate your front-end web development expertise!
Instructors
Taught by people who ship.
John Bura
Founder and CEO of Mammoth Club and Course Pro, the #1 AI-powered Learning Management System for course and content development, training and evaluation.
Ready to start building?
Harnessing the Power of React and Material-UI for Stunning User Interfaces