Materialize CSS From Scratch With 5 Projects

Go to class
Write Review

Materialize CSS From Scratch With 5 Projects provided by Udemy is a comprehensive online course, which lasts for 10 hours worth of material. Materialize CSS From Scratch With 5 Projects is taught by Brad Traversy. Upon completion of the course, you can receive an e-certificate from Udemy. The course is taught in Englishand is Paid Course. Visit the course page at Udemy for detailed price information.

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

    What you'll 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

    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/transitionsand build 5 beautiful and completely responsive, real world themes from absolute scratch.

    Custom MaterializeSandbox

    I have created a completelycustomHTML 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 - Atravel 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)