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

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: 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: Aprenda como criar um aplicativo web totalmente com JavaScript a partir do zero, usando uma stack moderna de JavaScript e Material-UI.