Изучить 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.
  • 📹 Видео
• Customize Material-UI for your project: a look at how you can customize Material-UI to align with your company identity (design system) and products
  • 📹 Видео
• 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