Course Information
Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
10 Hour(s) 25 Minute(s)
Language
English
Taught by
Brad Traversy
Rating
Course Overview
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)
Course Content
- 10 section(s)
- 63 lecture(s)
- Section 1 Intro & Getting Started
- Section 2 CSS Components - Part 1
- Section 3 CSS Components - Part 2
- Section 4 Interactive Components - Part 1
- Section 5 Interactive Components - Part 2
- Section 6 Project 1 - Travelville
- Section 7 Project 2 - Quazzu
- Section 8 Project 3 - Madmin
- Section 9 Project 4 - BizLand
- Section 10 Project 5 - Galappear (With Sass)
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
Skills covered in this course
Reviews
-
TTouhid Rahman
Definitely worth the money. More complex projects could be added; some were too simple and many pages/components were just copy-paste of others.
-
SSergio Alvarez Pinto
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
-
LLuca Molinari
I really love this framework but it seems a little out of date and not popular if you compare it with bootstrap but It gets the job done and I really like it. The course requires a minor refresh since I found my self check way too often the materialize website (1.0.0) trying to fix jquery/javascript dependencies. I came back to this after months since it bugged me that I had it at 97% completed in my basket. I would replace Project 5 since it was the worst one for me. ScrollFire is not part of materialize 1.0.0 so all you get is in the Q&A someone who provide the complete solution with a workaround which made the course finish on a weak note. This really gets you up and running with this framework.
-
UUjSri
A very useful course. Brad helps you create some amazing example projects - and explains everything well. It is well-paced and the resources provided are very helpful as well. Though I completed this a bit late ( considering there is a new version with some changes in the implementation as explained in their documentation) - this course has been highly helpful and also makes you understand how to refer to the documentation and the widgets being used and update your code accordingly if you would like. Another of the Brad's courses I would highly recommend for creating good looking front - ends pages.
