Materialize CSS From Scratch With 5 Projects

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

Best Seller

Created by Brad Traversy
Last updated 2/2018
English [Auto-generated]
What Will I 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
  • Basic HTML & CSS

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 is the target audience?
  • Anyone that wants to learn & master Materialize CSS and build real world themes

Size: 1.62G


Content retrieved from:


  1. coder April 20, 2018 Reply
  2. ♕● Diana ●♕ April 19, 2018 Reply
  3. Camila April 15, 2018 Reply
  4. Arc April 12, 2018 Reply
  5. Katey April 12, 2018 Reply
  6. Jintu rajkhowa April 12, 2018 Reply
  7. Raubinsh arya April 12, 2018 Reply
  8. Muhammad Yaqub April 11, 2018 Reply
  9. jerry April 11, 2018 Reply
  10. Raphael Etim April 11, 2018 Reply
  11. Mostafiz April 11, 2018 Reply
  12. Noor April 10, 2018 Reply
  13. kmetek April 10, 2018 Reply
    • Noor April 10, 2018 Reply
  14. Katey April 10, 2018 Reply
  15. Qaiser April 10, 2018 Reply
  16. AMIT April 10, 2018 Reply
  17. Samarpit April 10, 2018 Reply
  18. Oracle April 10, 2018 Reply
  19. xAndre April 10, 2018 Reply

Add a Comment

Your email address will not be published. Required fields are marked *