Перейти к контенту

Изучить Material-UI

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

Как и любая незнакомая технология, Material-UI имеет кривую обучения. Немного терепения и практики и вы скоро освоитесь. Разработчики начинают знакомиться с Material-UI с разным практическим опытом и разным подходом к обучению. Независимо от того, предпочитаете ли вы теоретический или практический подход, мы надеемся, что этот раздел руководства будет полезен для вас.

Первый пример

Следующая страница содержит небольшой пример использования Material-UI в интерактивном редакторе. Даже если вы еще ничего не знаете о Material-UI, попробуйте изменить код и посмотреть, как ваши правки повлияют на результат.

Примеры проектов

Доступны несколько примеров проектов, включающих всю инфраструктуру, необходимую для разработки и развертывания вебсайтов на 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: a blog post that guides you in building a simple card list.
  • 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.

  • 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.

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

cookbook

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