Media-queries

Curso de Desenvolvimento de Website

Boas-vindas e Introdução

Introdução e boas-vindas

Do que é composto um website e o que é HTML

O que é preciso para fazer um site e a diferença entre site estático e site dinâmico

HTML5

Iniciando a criação de um site a partir de uma imagem (design/layout )

Dicas importantes e tags principais

Codificando o HTML principal

Importância do SEO by design

Aplicando estilos ao website - CSS

Estrutura básica, semântica do CSS e introdução ao estilo do site.

O que são seletores e para que servem?

Troubleshooting do CSS do site

Finalizando o CSS do Home Page

Adicionando comportamento à pagina com JavaScript

Introdução ao JavaScript e interação do JavaScript com o DOM

Criando um slider simples com JavaScript

Criando as demais páginas do layout modelo

Criação da página de receitas

Criação da página “faça seu pedido”.

Ajustes finais e responsividade

O que é responsividade?

Media-queries

Registro de domínio e publicação do site

O que é e como funcionam os domínios? Noções básicas.

Como funciona a hospedagem, servidores FTP e publicação de um site

Fechamento

Bônus

Criando filtros de imagem avançados com CSS3

Criando animações com CSS3

Agilizando o desenvolvimento do site com Framework Bootstrap

Você não tem acesso a esta aula

Continue aprendendo! Junte-se e comece a impulsionar sua carreira

Se você já tem uma conta,

Recursos

Nessa aula, falaremos sobre identação automático no Visual Code, e que pode ser necessário instalar um plug-in para que ela funcione para CSS. Veremos como fazer comentário em HTML e CSS. Como, por exemplo:

/* Este é um comentário CSS */

E falaremos sobre os media-queries, que é uma forma de fazer com que o CSS siga regras diferentes dependendo da dimensão ou resolução da tela do dispositivo que você está usando.