Pular para o conteúdo
Ajude a traduzir esta página

Aprenda MUI

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

Desenvolvedores chegam em MUI de diferentes culturas e com diferentes estilos de aprendizagem. Se você prefere uma abordagem mais teórica ou prática, esperamos que você ache esta seção útil. Como qualquer tecnologia desconhecida, MUI 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 MUI com um editor interativo. Even if you don't know anything about Material-UI yet, try changing the code and see how it affects the result.

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.

Ao começar a aprender MUI, 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: uma série de vídeos cobrindo todos os componentes importantes do Material-UI.
  • Apply Google Material Design: Este curso ensina os fundamentos do Google Material Design e como desenvolver uma pesquisa e aplicação de reserva de voo de ponta a ponta usando Material-UI e React.
  • Meet Material-UI — your new favorite user interface library: uma postagem de blog que o guia na construção de um Todo MVC enquanto aborda alguns conceitos importantes de Material-UI.
  • Learn React & Material-UI: uma série de vídeos cobrindo todos os componentes importantes do Material-UI.
  • Getting Started With Material-UI For React: uma postagem de blog que orienta na criação de uma lista de cartões simples.
  • Elegant UX in React with Material-UI: uma postagem de blog que cobre alguns conceitos importantes de Material-UI.

Pago

  • Implement high fidelity designs: Ponte entre a lacuna de Design & Desenvolvimento. Divida os projetos detalhadamente e os traga a vida com Material-UI e React.

  • Apply Google Material Design: Este curso ensina os fundamentos do Google Material Design e como desenvolver uma pesquisa e aplicação de reserva de voo de ponta a ponta usando Material-UI e React.

  • Cookbook: Crie aplicativos modernos, implementando os princípios de Material Design no React, usando Material-UI.

cookbook

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