Master HTML 5 & the Materialize CSS framework by building 5 real world responsive material design based themes
InstructorBrad Traversy
Free
The curriculum moves from a custom sandbox environment into five distinct themed projects, facilitating immediate application of CSS components and JS widgets.
Editorial course preview
These 4 complementary views highlight concrete, legible examples from the course presentation.
This slide outlines the benefits of using the Materialize Sandbox for sections 2 through 5, highlighting features such as a custom learning UI, code-along sessions, and pure HTML start states.
This slide showcases the Madmin project, featuring a responsive dashboard layout with statistical widgets, a daily visitor graph, and a recent comments section.
This slide illustrates the first project, Travelville, by showing side-by-side desktop and mobile layouts of a responsive travel agency website featuring beach imagery.
This slide introduces Project 4, the BizLand website, showcasing its responsive design through desktop and mobile views featuring a full-screen cityscape hero section.
Instruction covers a wide range of topics including typography, grid systems, and interactive elements, providing a solid grounding in the framework's capabilities.
The content relies on an older version of Materialize, leading to issues with jQuery dependencies and the Google Maps API which now requires a billing account.
One sampled review suggests that the final project introduces Sass via Koala, but the lack of foundational theory makes it difficult for learners without prior experience in the tool.
While it targets those with basic HTML/CSS knowledge, the sudden introduction of Sass in later projects creates a gap for some.