Aprenda Material-UI

Novo no Material-UI? É fácil de aprender, se você souber por onde começar! Este guia irá ajudá-lo a dar o pontapé inicial.

Desenvolvedores chegam ao Material-UI de diferentes culturas e com diferentes estilos de aprendizagem. Caso você prefira uma abordagem mais teórica ou prática, esperamos que você ache esta seção útil. Como qualquer tecnologia desconhecida, o Material-UI tem uma curva de aprendizagem. Com prática e paciência, você logo vai pegar o jeito.

Primeiro Exemplo

A página de uso contém um pequeno exemplo de Material-UI com um editor interativo. Mesmo que você ainda não saiba nada sobre o Material-UI, tente alterar o código e veja como isso afeta o resultado.

Projetos de exemplo

Há alguns projetos de exemplo disponíveis, fornecendo a infraestrutura necessária para desenvolver e implantar sites em React.

Modelos

Esta seleção de modelos básicos pode ajudar você a começar a criar o seu aplicativo.

Recursos recomendados

Ao começar a aprender o Material-UI, você pode encontrar postagens de blogs de terceiros, livros e cursos em vídeo mais úteis do que a documentação oficial. Aqui estão alguns recursos recomendados, uma parte deles é gratuita.

Grátis

• Introduction to Material-UI: a series of videos covering all the important Material-UI components.
  • 📹 The videos
• 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
  • 📹 The videos
• 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.
  • 📝 The blog post
• Learn React & Material-UI: a series of videos covering all the important Material-UI components.
  • 📹 The videos
• Getting Started With Material-UI For React: a blog post that guides you in building a simple card list.
  • 📝 The blog post
  • 📹 The video
• Elegant UX in React with Material-UI: a blog post covering some important Material-UI concepts.
  • 📝 The blog post

Pago

• 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