Resumo do curso

  • Compile seu código LESS com Grunt.
  • Use mixins e extensões.
  • Facilite a manutenção de seu código.
  • Utilize media queries para customizar seus estilos.
  • Elimine números mágicos, extenda o CSS e evite repetições.

Público alvo

Desenvolvedores front end e designers que se interessam em melhorar o trabalho com css.

Conteúdo relacionado

Cursos de Automação e Performance em Front-end

Leia nossos artigos de Front-end

Última atualização

25/09/2019

Já é aluno?

Comece o curso agora

6h

p/ conclusão

74

Atividades

150

Minutos de video

3527

Alunos nesse curso

8.9

Nota deste curso

Certificado de participação

Um pouco mais do conteúdo

Descubra se esse curso é pra você lendo as primeiras aulas de LESS: CSS simples e produtivo

Instrutores

  • Atualmente projeto, ensino e lidero Product Design na Alura Cursos Online de Tecnologia.UX Designer e desenvolvedor front-end com um histórico de quatro anos em ensinar.Desenvolvimento de interfaces web e sua implementação front-end, desde o HTML/CSS, projetando protótipos de alta fidelidade e testes com usuários.

Conteúdo Detalhado

  1. Introdução

    • Isolando valores do CSS com variáveis
    • Compilando LESS e gerando um CSS
  2. Funções de cor

    • Modificando as cores com as funções de cor do LESS
  3. Grunt

    • Compilando o LESS com o Grunt
  4. Mixins

    • Reutilizando código com mixin
    • Passando parâmetros nos mixins
    • Comentando seu LESS
  5. Aninhamento

    • Organizando sua hierarquia com regras aninhadas
  6. Imports

    • Modularizando seu código com imports
    • Concatenando o CSSs em um só arquivo
  7. Extend

    • Não repetindo regra CSS com extend
    • Mixin ou extend? Qual usar?
  8. Media query

    • Media queries direto nas regras CSS
    • Media queries dinâmicas com variáveis
    • Melhorando a visualização de sintaxe do LESS
  9. Operações matemáticas

    • Multiplicando valores
    • Contas com variáveis

Ainda não estuda com a gente?

Invista na transformação da sua carreira!

Comece agora

nossos alunos e alunas

Experiências de quem já mergulhou com a gente.

Foi muito bom, poder descobrir as diferenças e igualdades entre SASS e LESS.

LESS: CSS simples e produtivo

Raphael Wilker Mendes Araújo

Curso incrível. Fiquei com vontade de criar arquivos e editá-los todos os dias.

LESS: CSS simples e produtivo

Humberto Pereira Bravo

Muito bom, agora meu jeito de escrever css é completamente mais rápido e prático.

LESS: CSS simples e produtivo

Felipe Silva Machado

Aprenda Automação e Performance com esse e outros cursos, comece agora!

Plus

  • Acesso a TODOS os cursos da plataforma

    Mais de 1200 cursos completamente atualizados, com novos lançamentos todas as semanas, em Programação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.

  • Alura Challenges

    Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.

  • Alura Cases

    Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.

  • Certificado

    Emitimos certificados para atestar que você finalizou nossos cursos e formações.

  • Alura Língua (incluindo curso Inglês para Devs)

    Estude a língua inglesa com um curso 100% focado em tecnologia e expanda seus horizontes profissionais.

12X
R$85
à vista R$1.020
Matricule-se

Pro

  • Acesso a TODOS os cursos da plataforma

    Mais de 1200 cursos completamente atualizados, com novos lançamentos todas as semanas, em Programação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.

  • Alura Challenges

    Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.

  • Alura Cases

    Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.

  • Certificado

    Emitimos certificados para atestar que você finalizou nossos cursos e formações.

  • Alura Língua (incluindo curso Inglês para Devs)

    Estude a língua inglesa com um curso 100% focado em tecnologia e expanda seus horizontes profissionais.

12X
R$120
à vista R$1.440
Matricule-se
Conheça os Planos para Empresas

Acesso completo
durante 1 ano

Estude 24h/dia
onde e quando quiser

Novos cursos
todas as semanas