Master HTML 5 & the Materialize CSS framework by building 5 real world responsive material design based themes
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..
Travelville - A travel agency website/theme (Carousel slider, autocomplete, scrolling navigation)
Quazzu - Cloud hosting theme (SideNav, cards, CSS overlays)
Madmin - Interactive admin theme (Working todo list, charts, preloader, counter script)
BizLand - Business consultation theme with a full screen landing page (Scrollfire, Google maps integration)
Galappear - Graphic design portfolio (Uses Sass and scrollfire for scroll animations)
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
4 Lectures
7 Lectures
7 Lectures
6 Lectures
5 Lectures
6 Lectures
7 Lectures
9 Lectures
5 Lectures
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...
Instructor is teaching himself at a pace which suits him. Student has to wasting time pausing videos going back and forth all the time. Saying its not course of Sass, Instructor completely ignored talking Sass or giving even a brief intro of essentials about Sass. Although Sass is very much related to css in turn Materialize css which this course is all about. Student who new to Sass find unable to understand the very last project of this course. I will suggest instructor to increase his pace while designing his new courses so that students have to rewind videos over and over again to waste their precious time to understand things bit by bit.
Great course, great teacher! Learnt all the basics, then applied in 5 different projects which were very practical for real world situations.
The inclusion of sass in the last project was a great addition. Highly recommend!
Overall Brad does a great job of explaining Materialize and as usual his project-based approach is a great way to learn. The downside is that Google has changed the way you interact with the Google Maps API since the course was published and Materialize 1.00 has been release that eliminates the dependency on JQuery so the course needs to be updated. Having said that, the course does provide a good grounding in understanding how Materialize works and can be used to design web sites.
Brad is a good teacher and I feel very comfortable using Materialize now. Course does seem slightly outdated however everything still works the same.
I think it's a great knowledge for a css framework ,but in my opinion when you use framework alot you will lose creativity on html css so.. i think my advice not useing framework in all projects .
I learned how to deploy sass and the features of materialize css. I hope to have more updated version.
The course exceeded my expectations in that it left me confident I can now easily implement a planned web project. There was a good range of skills on display and the pace of the course was well thought out. Somewhat distracting was that sometimes the screen recording of VSCode would become blurred while the instructor was typing, but this was had no lasting effect since it cleared soon after. The project files are good and will provide a very useful resource as I build my skill level.
Thanks to the instructor
a good course as always from Brad , but it needs to be updated to version 1.0.0 and use only vanilla JS especially for the firescroll part
Brad is a very good teacher and has very deep knowledge on web development . He takes his time to explain which makes all his courses beginner friendly . I recomend all of his courses if you have a goal to be a full stack Web developer
Your email address will not be published. Required fields are marked *
Fabian F.
Another outstanding course by Brad! Nice projects, and as always his style of teaching is just great! Keeps you engaged and interested to the very end. You can apply what you learn in each section of this course almost immediately.