Изучить 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.
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.
- 📘 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