Materialize CSS From Scratch With 5 Projects (

Master HTML 5 & the Materialize CSS framework by building 5 real world responsive material design based themes

Created by: Brad Traversy

Produced in 2018

What you will learn

  • Learn to correctly structure HTML 5 documents with semantic tags and attributes
  • Learn and create amazing high quality Materialize themes and UIs from scratch
  • Learn the Materialize utilities, classes, components & JS widgets using a custom sandbox environment
  • Learn some custom JavaScript/JQuery to make your themes more interactive

Quality Score

Content Quality
Video Quality
Qualified Instructor
Course Pace
Course Depth & Coverage

Overall Score : 98 / 100

Live Chat with CourseDuck's Co-Founder for Help

Need help deciding on a css course? Or looking for more detail on Brad Traversy's Materialize CSS From Scratch With 5 Projects? Feel free to chat below.
Join CourseDuck's Online Learning Discord Community

Course Description

This course is for anyone that knows basic HTML and a little CSS that wants to take their frontend website and UI creation to the next level using the Materialize CSS framework which is based off of Google's Material Design scheme. You will learn all of the CSS and JavaScript components, animations/transitions and build 5 beautiful and completely responsive, real world themes from absolute scratch.
Custom Materialize Sandbox
I have created a completely custom HTML learning environment for the first few sections of this course. Each lecture has an html page associated with it and has a start state. As we move along through the lectures, you code along with me learning all that Materialize offers including CSS components, utilities, JS widgets and more.
5 Real Projects/Themes
We will create the following projects from scratch..
  1. Travelville - A travel agency website/theme (Carousel slider, autocomplete, scrolling navigation)
  2. Quazzu - Cloud hosting theme (SideNav, cards, CSS overlays)
  3. Madmin - Interactive admin theme (Working todo list, charts, preloader, counter script)
  4. BizLand - Business consultation theme with a full screen landing page (Scrollfire, Google maps integration)
  5. Galappear - Graphic design portfolio (Uses Sass and scrollfire for scroll animations)
Who this course is for:
  • Anyone that wants to learn & master Materialize CSS and build real world themes

*Some courses are excluded from this sale. Coupon not working? If the link above doesn't drop prices, clear the cookies in your browser and then click this link here.
Also, you may need to apply the coupon code directly on the cart page to get the discount.

Coupon Code

Instructor Details

Brad Traversy

Brad Traversy has been programming for around 12 years and teaching for almost 5 years. He is the owner of Traversy Media which is a successful web development YouTube channel and specializes in everything from HTML5 to front end frameworks like Angular as well as server side technologies like Node.js, PHP and Python. Brad has mastered explaining very complex topics in a simple manner that is very understandable. Invest in your knowledge by watching Brad's courses.



50 total reviews

5 star 4 star 3 star 2 star 1 star
% Complete
% Complete
% Complete
% Complete
% Complete

Brad is an outstanding teacher. I love his teaching style and pace. This course is really well organized and provides an excellent overview of Materialize and five different projects to practice using Materialize including Sass. I would highly recommend this course and Brad as the instructor.

Overall a great course, and I found the 5 projects incredibly useful, and it'll be even better once it's updated for Materialize 1.0.0- a great overview and some excellent practical skills dev- I had some difficulties with the 'sidenav' CSS b/c of the changes to the CSS and javascript** 1) scroll down until you get to the TEMPLATE section 2) select DOWNLOAD for the ZIP files** solution - use the TEMPLATE file , and download from the Materialize website... use the entire

SHORT REVIEW:Very Nice, its safe to purchase!LONG REVIEW: Very "hands on" course. Not a lot of unnecessary theory. Great final products. Lots of typing but thats totally fine. 5 projects result in much repetition of the most important aspects wich is Excellent for learning All of my final versions are equal to Brad's ones, so its safe use the files he provide. Great Course at December 4, 2019

I liked your Bootstrap 4 course and i am certain i will like this one also.One thing i would have liked is the creation of the starter to be completely offline. I did fix this by running NPM install on Jquery and Materialize. I know this course is not about NPM but i think a lot of people would have found it usefull to work without a internet connection (e.g. learn while traveling on the train) Thanks

The course it's not updated to the new Materialize 1.0 version and some points are obsolete but I think this is a very valid Materialize course anyway.

This course was great!! I learned so much about layouts and materialize as a framework. I'm using what I learned here to create my profile portfolio!!

Formation oriente projets. Trs intressant!, comme d'habitude. J'ai aim.Thanks!, Brad.

Brilliant Course. Took this to learn on Materialize for professional work and it really helped me learn a lot. Would definitely be buying more courses from Brad! Kudos Brad!

Yes, this was a good match. I really enjoy Brad's courses and his hands-on approach. I will run through each of the projects again on my own to review, as I usually do. His courses are always a valuable future reference.

It was awesome, thanks again brad. Its 4 stars because its a little outdated but worth it, there are solutions in Q & A sections

I've just finished this course.Overall It's really good course. I enjoyed it.???

As always, Brad's work is clean, concise, clear and enjoyable to follow along with and learn.