Curso de Materialize: Crie Temas para Web e Apps +2 Projetos

Name: Curso de Materialize: Crie Temas para Web e Apps +2 Projetos
Rating: 4.8 (74 reviews)

Desenvolva Templates Profissionais para Web e para Aplicativos com o Framework baseado no Material Design da Google.

Highest Rated

Created byEmerson Carvalho, Ponto Cursos

Last updated 11/2020

Portuguese

Portuguese [Auto],

What you'll learn

Conhecer as principais ferramentas do Materialize
Manipular CSS e JS para criar um Template Personalizado
Criar um Tema Personalizado com Materialize
Criar Templates Responsivos para Web Sites
Criar Templates para Aplicativos Mobile
Criar uma OnePage com efeito Parallax

Course content

9 sections • 53 lectures • 5h 34m total length

O que é um Framework?3:41
Nesta aula vamos conhecer o que é e no que pode nos ajudar os famosos Framework.
Instalação via CDN5:00
Nesta aula aprenderemos como realizar a instalação do Materialize via CDN.
Instalação via Download2:57
Nesta aula aprenderemos como realizar a instalação do Materialize via Download.

O que irei aprender nesta seção?0:57
Cores6:20
Nesta aula iremos aprender a como trabalhar com as cores em componentes e letras no Materialize.
Paleta de Cores0:01
Confira a paleta de cores oficiais do Materialize.
Grid14:13
Nesta aula vamos aprender como é construída a estrutura do básica de um layout com o Framework Materialize.
Classe Auxiliares7:56
Nesta aula aprenderemos algumas classes auxiliares que são muito úteis durante o desenvolvimento de um layout profissional.
Classes para Mostrar e Esconder conteúdo de acordo com o View Port0:05
Conheça todas as Classes do Materialize que são úteis para esconder e mostrar conteúdos em determinados aparelhos.
Fotos, vídeos e Incorporação do Youtube9:26
Nesta aula iremos aprender a como incorporar vídeos do youtube responsivos e também a como trabalhar com imagens e vídeos no Materialize.
Efeito Pulse2:55
Nesta aula aprenderemos o efeito CSS Pulse que é muito utilizado em botões para chamar a atenção do usuário.
Efeito de Sombra3:53
Nesta aula iremos aprender a trabalhar com o recursos de sombra que nos permite simular um efeito 3D dentro do nosso layout.
Tabelas6:32
Nesta aula aprenderemos a usar as tabelas responsivas do framework.
Tipografia4:12
Nesta aula conheceremos toda a tipografia do Framework Front-end Materialize CSS.

O que irei aprender nesta seção?0:43
Ícones5:42
Nesta aula aprenderemos a trabalhar com ícones em nossas aplicações.
Botões14:19
Nesta aula conheceremos os 3 tipos de botões que compõe este Framework.
Breadcrumbs2:48
Nesta aula conheceremos o componente que ajuda a organizar a navegação do usuário pelo nosso site.
Paginação4:01
Nesta aula aprenderemos a utilizar o componente que pode ser usado para paginação de conteúdo em nossos sistemas.
Footer7:10
Nesta aula aprenderemos a utilizar o componente facilitador de criação de Mega Footer em nossa aplicação.
Listas9:33
Nesta aula aprenderemos a utilizar os recursos de listas do Framework Materialize Css.
Badges4:12
Nesta aula aprenderemos a utilizar e personalizar os sinais de alerta de nossa aplicação.
Botão de Ação Flutuante10:38
Nesta aula aprenderemos a trabalhar com um componente que é muito utilizado em aplicativos móveis e em sites para exibir as redes sociais.
Cards19:31
Nesta aula vamos aprender todas as configurações necessárias para usar os Cards na nossa aplicação.
Barra de Navegação20:58
Nesta aula iremos aprender a como utilizar todas as funções para criação de uma Barra de Navegação no Materialize CSS.

O que irei aprender nesta seção?0:39
Autocomplete9:29
Nesta aula aprenderemos um recurso bem interessante para formulários que busca completar palavras de acordo com o que o usuário esta digitando.
CheckBox2:25
Nesta aula iremos conhecer as formatações e tipos de Check Box disponíveis no Framework.
Chips6:50
Nesta aula iremos aprender a trabalhar com um recurso muito usado para marcas as tags de uma aplicação.
Calendários Interativos14:26
Nesta aula aprenderemos a configurar e traduzir o calendário e relógio interativo que o Framework Materialize CSS disponibiliza para uso nos formulários
Range, Switches e Radio Buttons5:42
Nesta aula aprenderemos a trabalhar com este componente no Materialize.
Select8:34
Nesta aula aprenderemos a trabalhar com este componente no Materialize.
Inputs de Texto19:11
Nesta aula aprenderemos a trabalhar com este componente no Materialize.

Carrossel de Imagens11:12
Nesta aula aprenderemos a criar e manipular os carrosséis de imagens que podem ser usados em galerias de fotos.
Collapsible6:33
Nesta aula aprenderemos a implementar o efeito em listas que podem ser utilizadas para esconder e mostrar conteúdo de acordo com o clique do usuário.
Feature Discovery6:57
Nesta aula iremos aprender a utilizar um recurso bem legal que é utilizado para mostrar ao usuário as funções escondidas em um determinado item.
Mídias9:59
Nesta aula aprenderemos a trabalhar com fotos e montar um slide show em nossa aplicação.
Mini Projeto #01 - Site em formato de Slider4:08
Nesta aula iremos montar e configurar um mini projeto que é um Site no estilo Slide Show.

O que irei aprender nesta seção?0:35
Material de Apoio para criação da Página0:59
Nesta aula iremos realizar o download dos arquivos necessários para iniciarmos a criação da nossa OnePage com efeito Parallax.
Criando o Cabeçalho da OnePage10:50
Nesta aula iremos criar o cabeçalho de nosso site com um menu responsivo.
Criando a Seção Principal da OnePage com efeito Parallax10:29
Nesta aula aprenderemos a configurar uma seção com efeito parallax e que será responsável por exibir a parte principal do nosso site.
Criando a Seção de Ícones do Site6:38
Nesta aula iremos aprender a criar uma seção de ícones personalizados e que é muito utilizado em sites OnePage.
Criando outras seções da nossa OnePage e treinando o uso do efeito Parallax5:49
Nesta aula iremos criar outras seções do nosso site e reaplicar o uso do efeito parallax em outras seções da página.
Criando um Mega Footer para nossa OnePage5:57
Nesta aula iremos aprender a como criar um Mega Footer personalizado em nossa OnePage.

O que irei aprender nesta seção?0:50
Adquirindo um Domínio para meu Site2:21
Nesta aula você irá aprender a como adquirir um domínio que servirá para ser o seu endereço na web.
Realizando o Cadastro em um Servidor Comercial3:05
Nesta aula aprenderemos a como realizar o cadastro no servidor comercial e resgatar nosso bônus.
Primeiros Passos no Servidor Comercial3:41
Nesta aula aprenderemos a como criar nossa hospedagem sob medida.
Configurando, enviando os arquivos e testando nosso site no servidor6:26
Nesta aula iremos aprender a como configurar e enviar os nossos arquivos para a hospedagem.
Criando Emails Personalizados2:21
Nesta aula você irá aprender a criar emails personalizados para comunicação com seus clientes.

Requirements

Conhecimento de marcação HTML
Conhecimento de Estilização por CSS
Conhecimento Básico de Responsividade
Conhecimento Básico de Jquery e JavaScript

Description

Materialize CSS é um framework front-end moderno e responsivo baseado em Material Design da Google. Neste curso ensinaremos desde os conceitos mais básico aos componentes mais complexos, como por exemplo a instalação do framework, a forma de utilizar corretamente as tags, também iremos juntos montar alguns layouts responsivos, cujo objetivo consiste em demonstrar na prática como utilizar os componentes, plugins e ferramentas que o framework oferece do jeito certo.

Após o curso o aluno será capaz de criar Templates profissionais para sites e também para aplicativos mobile.

Se você esta a procura de uma alternativa ao Bootstrap 4 este framework é o mais indicado.

Who this course is for:

Para pessoas envolvidas na criação de sites tanto na área de design quanto na de desenvolvimento e programação
Entusiastas que querem montar o design de blogs e de áreas administrativas
Quem deseja criar uma aplicação e não tem ideia de como montar o layout
Designers que querem uma alternativa ao Bootstrap 4

Curso de Materialize: Crie Temas para Web e Apps +2 Projetos

What you'll learn

Explore related topics

Course content

Introdução3 lectures • 12min

CSS do Materialize11 lectures • 57min

Componentes11 lectures • 1hr 40min

Formulários8 lectures • 1hr 7min

JavaScript5 lectures • 39min

Projeto #02 - Design de um site estilo One Page com efeito Parallax7 lectures • 41min

Publicando nosso Projeto em um Servidor Comercial6 lectures • 19min

Repositório Git1 lecture • 1min

Seção Bônus1 lecture • 1min

Requirements

Description

Who this course is for: