Fale com a gente no WhatsApp Fale com a gente no WhatsApp
Fale com a gente no WhatsApp

Curso de Material UI - Fundamentos

Aprenda a utilizar os principais recursos do Material-UI com React

Nível Iniciante Categoria Desenvolvimento Front-end

  • Curso com 02h37 de vídeos
  • Certificado com 8 horas
  • 9 exercícios

Sobre o curso

O Material-UI é uma biblioteca de componentes React de código aberto, devo dizer, ele é uma das bibliotecas mais usadas no mercado. Ele segue as diretrizes, componentes e ferramentas do material design do Google para tornar os aplicativos da web mais atraentes ao público.

É uma ferramenta rápida e por isso nunca se torna um problema ao otimizar o desempenho do seu site. Ele inclui, também, uma grande quantidade de componentes que estão prontos para uso em produção e funciona com as soluções CSS-in-JS (styled-components)

O Material-UI é uma biblioteca de componentes React de código aberto, devo dizer, ele é uma das bibliotecas mais usadas no mercado. Ele segue as diretrizes, componentes e ferramentas do material design do Google para tornar os aplicativos da web mais atraentes ao público.

É uma ferramenta rápida e por isso nunca se torna um problema ao otimizar o desempenho do seu site. Ele inclui, também, uma grande quantidade de componentes que estão prontos para uso em produção e funciona com as soluções CSS-in-JS (styled-components)

O que irá aprender?

Neste curso abordaremos tudo o que você precisa aprender sobre o Material-UI. São vídeo aulas que mostram desde aspectos básicos, como, a instalação e configuração do React com Material-UI até elementos avançados como o uso e personalização de componentes utilizando CSS-in-JS (styled-components). Durante o curso criaremos um layout responsivo usando as ferramentas apresentadas. Também serão passados exercícios para que você possa fixar, praticar e aplicar o conteúdo aprendido.

Entre os itens você irá aprender:

  • O que é Material design;
  • O que é Material-UI;
  • MUI X vs MUI Core;
  • Utilizar os principais componentes do Material UI;
  • Trabalhar com Media Query no Material UI;
  • Criar e utilizar styled components.

Pra quem é esse curso?

Este curso é destinado a desenvolvedores que já conhecem o React e querem utilizar o Material-UI em sua aplicação aproveitando todos os componentes e ferramentas do material design do Google

Quais os pré-requisitos para esse curso?

Os pré-requisitos não são obrigatórios, são apenas sugestões. Eles dão uma base de parte do conhecimento que é interessante ter para um bom aproveitamento nesse curso.

Metodologia

  • Videoaulas
  • Texto e imagens
  • Início Imediato
  • Testes de aprendizado

Ambiente do curso

  • Node 16.17.0
  • React 18.2.0
  • Material-UI 5.10.6

Sobre o professor

Ariel Sardinha

Ariel Sardinha

Professor e desenvolvedor. Formando em engenharia de software. É autor de cursos em diversos temas, como, desenvolvimento front-end, Flutter, JavaScript e Vue.js. Nas horas vagas adora estudar sobre tecnologia, filme e brincar com a pequena Maria Eduarda.

Conteúdo programático

  1. Introdução

    Neste módulo vamos ver uma introdução do que será ensinado no curso

    9 aulas
    • Apresentação
    • Repositório do curso
    • O que é Material Design?
    • O que é Material UI ?
    • MUI X vs MUI Core
    • Conhecendo a documentação
    • Iniciando React pelo CDN
    • Configurando Babel
    • Configurando Material UI
  2. Iniciando no Material UI com React

    Neste módulo vamos separar o que é componente criado com React e componente do Material UI e ver como utilizar os icones.

    4 aulas
    • Criando componente React
    • Utilizando componente Material UI
    • Utilizando ícones
    • Questionário
  3. Componentes Material UI

    Neste módulo vamos iniciar o projeto e começar a montar o design da aplicação

    9 aulas
    • Criando Projeto React
    • Instalação do Material UI
    • Componentes Material
    • Como importar os Componentes
    • Criando Header
    • Criando Section
    • mediaQuery
    • Criando componente de lista de imagens
    • Questionário
  4. Styled Components

    Neste módulo vamos aprender a maioria dos recursos do styled components

    6 aulas
    • Criando primeiro componente com styled components
    • Herança de estilos
    • Acessando estilos do próprio componente
    • Acessando tema
    • Criando novas propriedades
    • Questionário
Download da ementa

Cursos relacionados

Formação em que esse curso está inserido

Utilizada e amada por milhares! Veja mais opiniões reais

  • Excelente curso! Didática simples e direto ao ponto.

    Depoimento - Alexandre
    Material UI - Fundamentos
    Alexandre Brasília / DF
  • Gostei muito do curso, foi uma ótima introdução.

    Depoimento - Tone
    Material UI - Fundamentos
    Tone Parnamirim / RN
  • O curso conseguiu sanar diversas dúvidas que eu tinha mediante ao MaterialUI.

  • Curso introdutório e objetivo sobre a biblioteca de componentes MUI

    Depoimento - Jaime
    Material UI - Fundamentos
    Jaime Fortaleza / CE
  • Material UI nos fazer criar sistemas e interfaces rapidamente para entregar valor rapido para nosso cliente.

    Depoimento - Arthur
    Material UI - Fundamentos
    Arthur Turvo / SC
  • Curso bom para começar a trabalhar com o material ui no react, pra quem não tem nenhuma prática

    Depoimento - Fábio
    Material UI - Fundamentos
    Fábio Belo Horizonte / MG
  • Muito parecido com Bootstrap

    Depoimento - Daniel
    Material UI - Fundamentos
    Daniel Resende / RJ
  • Ótimo curso! Realmente bastante esclarecedor e didático. O conteúdo é bem completo, abrangendo diversos assuntos de forma dinâmica e complementar, o que ajuda, e muito, no aprendizado e na visão de aplicabilidade. Além de todo o ambiente e dos recursos disponíveis tornarem o estudo mais amigável e menos cansativo.

    Depoimento - Dimitrius
    C# (C Sharp) Básico
    Dimitrius Três Corações / MG
  • Esse curso para mim foi um desafio que eu recebi na empresa que eu trabalho, me fizerem uma proposta para eu aprender e me certificar em C# .NET em 90 dias. Esse curso foi minha salvação! Agora vamos para o Intermediário e por fim o Avançado!!! Agradeço...

    Depoimento - David
    C# (C Sharp) Básico
    David Fortaleza / CE

Plano de acesso total!

Tenha um ano de acesso completo a todos os cursos da plataforma, incluindo novos lançamentos, mentoria de carreira e suporte direto com os professores!

Um ano de acesso completo

Contrate agora e tenha acesso ilimitado a todo o nosso portfólio. Isso inclui:

  • 1 ano de acesso a todos os cursos
  • Cursos novos toda semana
  • Suporte direto com professores
  • Aplicativos para Android e iOS
  • Plano de carreira personalizado
  • Certificados digitais inclusos
  • Suporte com SLA de 4 horas úteis
  • Acesso offline através dos apps
R$ 129,00 ECONOMIZE R$ 960,00
12x R$ 49,00 sem juros, no cartão de crédito
Matricule-se agora
Garantia incondicional de satisfação
Garantia incondicional de satisfação

Confiamos tanto nos resultados dos nossos cursos, que criamos uma garantia incondicional de satisfação para você, que são 7 dias de teste!