Изучить Material-UI

Новичок в Material-UI? Легко начать изучение, если ты знаешь с чего начать! Это руководство поможет вам быстро начать работу.

Как и любая незнакомая технология, Material-UI имеет кривую обучения. Whether you prefer a more theoretical or practical approach, we hope you'll find this section helpful. Разработчики начинают знакомиться с Material-UI с разным практическим опытом и разным подходом к обучению. Независимо от того, предпочитаете ли вы теоретический или практический подход, мы надеемся, что этот раздел руководства будет полезен для вас.

First example

Следующая страница содержит небольшой пример использования Material-UI в интерактивном редакторе. Even if you don't know anything about Material-UI yet, try changing the code and see how it affects the result.

Example projects

Доступны несколько примеров проектов, включающих всю инфраструктуру, необходимую для разработки и развертывания вебсайтов на React.

Шаблоны

Эта подборка базовых шаблонов поможет вам начать разработку собственного приложения.

Рекомендуемые ресурсы

Впервые изучая Material-UI, вы можете найти публикации в блогах, книги и видео курсы более полезными, чем официальная документация. Вот несколько рекомендуемых ресурсов, в том числе и бесплатные.

Free

• Introduction to Material-UI: a series of videos covering all the important Material-UI components.
  • 📹 Видео
• Getting Started With Material-UI For React: статья, которая поможет вам создать простой список карточек.
  • 📹 Видео
• Meet Material-UI — your new favorite user interface library: a blog post that guides you in building a Todo MVC while covering some important concepts of Material-UI.
  • 📝 Сообщение в блоге
• Learn React & Material-UI: a series of videos covering all the important Material-UI components.
  • 📹 Видео
• Getting Started With Material-UI For React: статья, которая поможет вам создать простой список карточек.
  • 📝 Сообщение в блоге
  • 📹 Видео
• Elegant UX in React with Material-UI: a blog post covering some important Material-UI concepts.
  • 📝 Сообщение в блоге

Paid

• Implement high fidelity designs: Bridge the gap between Design & Development. Break down detailed designs and bring them to life with Material-UI and React.

  • 💻 The Course

• Apply Google Material Design: This course teaches the fundamentals of Google Material Design and how to develop an end-to-end flight search and booking application using Material-UI and React.

  • 📹 Watch Course Trailer
  • 💻 The Course

• Cookbook: Build modern-day applications by implementing Material Design principles in React, using Material-UI.

  • 📘 The book

• Builder Book: Learn how to build a full-stack JavaScript web application from scratch, using a Modern JavaScript stack and Material-UI.
  • 📘 The book