I want to create a website using Material Design. Where should I start studying?

Question

css

For the time being I "created" sites on CMSs - Wordpress and Joomla. This is convenient, but not always, it's not for me to explain to you. I started to lay out my PSD templates in HTML following various tutorials and stuff. I really like Material Design and really want to make a website using it, and then write or order the development of a CMS that will fulfill certain goals. How do I properly approach this question, if at the moment I only know HTML and CSS. And write on them? It's just that I see that there are a lot of frameworks out there, some specifically tweaked for Material Design. But I can't figure out how to do it. Learn guidelines? When I tried to install any of these frameworks and try to figure them out on the go (as I used to do with CMSs), I realized that it wouldn’t work. I came across the need to install these same frameworks. For them, in turn, you need Bower. For it NodeJS etc. And before starting to study what it is and what they eat with, I would like to draw up a study plan. In general, this allegory formulates the following question:
What lessons / books / courses should I study so that knowing HTML and CSS, I learned to develop websites using Material Design and frameworks? Somehow, please forgive my WEB-Develop-illiteracy. If you need to learn JavaScript, PHP along the way, indications to the relevant documentation / lessons / books are welcome. I just don’t want to learn everything that is necessary and not necessary. Specifically - I know HTML, CSS, I want to be able to make sites on frameworks "in the style of Material Design" - where to start, how to continue, and how I will understand that I'm ready ..

Answer 1

Add JS to HTML and CSS, the tutorial is here: javascript.ru and immediately after it is JQuery to make it easier to work with selectors. Then create any designs you want. Material design is a set of principles and no frameworks are needed here, everything can be done with plain CSS.
Well, if you want to learn frameworks, then go to their websites and read how to use them in the documentation section. Bower and all sorts of other stray things, this is certainly cool, but in particular bower only copies a bunch of files from one place to another, you can do it with your hands. As for things like sass, less, it’s certainly more difficult, but if you can’t do without them, then again, all the installation info is on their sites. In addition, there is habr, youtube, google with Yandex.

Answer 2

Official guide in Russian - css-live.ru/articles/materialnyj-dizajn-vvedenie.html.
Here is a framework with good documentation (no more complicated than bootstrap) and without any nodes - www.getmdl.io/components/index.html By the
way, a framework with Russian documentation. Haven't tried it myself, so I can't say.