Planos Anual, Bianual e Vitalício com até 58% Off

5/5

Curso de Materialize CSS – Criando Templates Responsivos

Professor Jaison Schmidt
Compartilhar no facebook
Compartilhar no twitter
Compartilhar no linkedin
Compartilhar no whatsapp

Sobre o curso

Este Curso de Materialize é um dos primeiros do Brasil usando este framework.

Seu objetivo consiste na criação de templates responsivos usando as principais ferramentas do framework Materialize CSS.

Abordamos desde o básico ao avançado, ou seja, a configuração do ambiente e a instalação do framework até a criação de um layout responsivo, cujo objetivo consiste em funcionar todos os dispositivos de forma agradável e correta.

Se você nunca trabalhou com este framework, aqui é o lugar perfeito, pois iniciaremos desde o início até o desenvolvimento completo de nosso projeto.

O que você vai aprender

Este Curso de Materialize é bastante prático, onde desde a primeira vídeo aula você já terá contato com o framework e, progressivamente, vai aprender como trabalhar com os principais elementos. Vamos aprender do básico até a criação de um layout completo, contendo barra de navegação responsiva, elementos mobile, sistema de grids, slider de imagem e vários outros elementos que permitem ao desenvolvedor criar layouts bonitos e agradáveis.

Veja aqui o layout que você aprenderá desenvolver no treinamento

Público alvo

O Curso de Materialize CSS – Criando Templates Responsivos é indicado a todos os Web Designers e profissionais interessados no desenvolvimento de interfaces responsivas utilizando Material Design com o framework Materialize CSS.

Trailer

Algumas aulas do curso

Reproduzir vídeo
Reproduzir vídeo
Reproduzir vídeo

Ementa do curso

Módulo 1
  • Configuração do ambiente de trabalho
  • Instalando o framework e criando o template básico
Módulo 2
  • Criando a barra de navegação responsiva
  • Configurações da barra de navegação e uso de css personalizado
Módulo 3
  • Trabalhando com menus do tipo Dropdown
  • Criando o menu responsivo para dispositivos móveis
Módulo 4
  • Configurando um slider responsivo de imagens básico
  • Alterando as mensagens do slider e baixando imagens gratuitas
Módulo 5
  • Formando as mensagens via CSS e deixando o slider com full heigth
  • Criando o container para exibição dos serviços
  • Trabalhando com grids e classe flow-text
  • Utilizando ícones e finalização da área de serviços
  • Criando a seção de equipe utilizando grid, container e section
Módulo 6
  • Trabalhando com cards e imagens responsivas
  • Exibindo a localização da empresa através do Google Maps e Chips
Módulo 7
  • Criando da seção de fale conosco
  • Criando um formulário de contato responsivo
  • Criando o rodapé da página
Módulo 8
  • Exibindo o conteúdo progressivamente através do plugin scrollfire
  • Criando o menu de navegação usando scroll suave nas páginas
  • Criando um layout com 100% da largura da página
Módulo 9
  • Transformando o slider em Boxed
  • Criando a estrutura básica de uma página interna
  • Finalização da página interna e finalização do curso