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

Curso de Material UI - Trabalhando com temas

Aprenda como configurar e utilizar o tema do Material-UI

Nível Iniciante Categoria Desenvolvimento Front-end

  • Curso com 04h05 de vídeos
  • Certificado com 10 horas
  • 9 exercícios

Sobre o curso

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

Neste curso, abordaremos os principais tópicos relacionados a temas. Criaremos um projeto para reforçar os conhecimentos adquiridos durante o curso, além de exercícios de fixação

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

Neste curso, abordaremos os principais tópicos relacionados a temas. Criaremos um projeto para reforçar os conhecimentos adquiridos durante o curso, além de exercícios de fixação

O que irá aprender?

Neste curso, conheceremos o que é o Material Design e como ele interfere na biblioteca do Material UI. Também iremos configurar todo o tema da aplicação utilizando diferentes temas, como dark e light, e veremos como funciona a paleta de cores e a tipografia.

Entre os itens você irá aprender:

  • O que é Material design;
  • Como o Material Design influencia o Material;
  • MUI X vs MUI Core;
  • Como funciona a paleta de cores e tipografia;
  • Como podemos configurar a tema da aplicação.

Pra quem é esse curso?

Este curso é destinado a desenvolvedores que já conhecem o React e o Material UI e desejam se aprofundar em como funciona o tema do Material UI.

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.15

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, veremos uma introdução do que será ensinado no curso.

    4 aulas
    • Apresentação
    • Repositório do curso
    • O que é Material Design?
    • Preparando ambiente
  2. Variáveis de configuração do tema

    Nesta aula veremos como trabalhar com variáveis para configurar nossos temas.

    9 aulas
    • createTheme
    • Entendendo o ThemeProvider
    • Paleta de cores
    • Tipografia
    • Espaçamento
    • Pontos de interrupção
    • Componentes
    • Mesclando temas
    • Questionário
  3. Paleta e Cores

    Neste módulo, iremos nos aprofundar um pouco mais na paleta de cores e como podemos aplicá-la em nosso site.

    7 aulas
    • Princípios
    • Diferencie elementos da interface do usuário
    • Variantes secundárias, escuras e claras
    • Cores de superfície, fundo e erro
    • Cores de tipografia e iconografia
    • Documentação do Material Design
    • Questionário
  4. Typography

    Neste módulo, iremos nos aprofundar em como funciona a tipografia do Material-UI.

    5 aulas
    • Entendendo Typography do Material Design
    • Definindo família de fontes
    • Adicionando fontes personalizadas
    • FontSize responsiva
    • Questionário
  5. Projeto Final

    Agora iremos criar um projeto para pôr em prática tudo que aprendemos durante o curso.

    8 aulas
    • Definindo aplicação base
    • Criando Header
    • Configurando tema padrão
    • Definindo tema claro e escuro
    • Criando contexto para acessar o tema
    • Aplicando troca do tema automático
    • Criando tela home
    • Criando Footer
Download da ementa

Cursos relacionados

Formação em que esse curso está inserido

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

  • Parabéns pelo conteúdo. Bastante informação relevante.

  • Curso muito bom. Ensinou muita coisa nova!

    Depoimento - Alexandre
    Material UI - Trabalhando com temas
    Alexandre Brasília / DF
  • Antes de começar o curso eu já possuía um conhecimento mediano sobre C# e mesmo no módulo básico vi funcionalidades que ainda não conhecia. Ótimos métodos de aprendizagem, simples e eficaz. Recomendado.

    Depoimento - Carlos
    C# (C Sharp) Básico
    Carlos Poços de Caldas / 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
  • Gostei muito do curso, ele abriu minha mente para o Visual Studio e o C#, deixando bem claro os usos das ferramentas. Assim como me ajudou a revisar de forma bem pratica os principais conceitos de Programação Orientada a Objetos. Recomendo.

    Depoimento - William
    C# (C Sharp) Básico
    William Poços de Caldas / MG
  • Já fui e paguei caro por um curso de C# que não me instruiu em nada, pois não tinha o conhecimento básico. Aí arrisquei no TreinaWeb, pois sempre tive preconceito com cursos assim... a distancia. Sempre achei que presencial com uma pessoa ali do seu lado era a melhor forma... estava enganado... Ótimo curso, didática excelente. E vamos agora para o Intermediário. Vlw equipe do TreinaWeb

    Depoimento - Leonardo
    C# (C Sharp) Básico
    Leonardo Nilópolis / 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
  • Bom, já tinha um conhecimento em programação C#, resolvi fazer o básico só por fazer e me surpreendi, vi muitas coisas novas, entendi melhor vários conceitos, enfim, estou a caminho do intermediário e recomento é um ótimo curso.

    Depoimento - Roberto
    C# (C Sharp) Básico
    Roberto Itaquaquecetuba / SP
  • Curso Excelente, otimos professores, explicação muito boa...ja estou adquirindo o proximo curso c# avançado. Indico para qualquer um e garanto um dos melhores curso que ja fiz. Parabens a toda equipe.

    Depoimento - Fabrício
    C# (C Sharp) Básico
    Fabrício Cariacica / ES

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!