HTML5 e CSS3 - Desenvolvimento de Sites para Iniciantes
Sobre o Curso
Crie sites completos e responsivos (funcionam em celulares e computadores) e dê o primeiro passo para sua carreira de desenvolvedor (a) Front-end.
Curso ministrado passo a passo para iniciantes e...
Requisitos
Não há pré-requisitos, curso abordado do zero para iniciantes e estudantes.
Introdução ao HTML e CSS
| smart_display | Apresentação | |
| smart_display | Alinhamento | |
| smart_display | Primeiras tags HTML | |
| smart_display | Inserindo os primeiros conteúdos no HTML | |
| smart_display | Hierarquia de títulos em HTML | |
| smart_display | Títulos e textos em HTML | |
| smart_display | Destaques e semântica | |
| smart_display | Trabalhando com Viewport | |
| smart_display | Topo e rodapé | |
| smart_display | Introdução ao CSS | |
| smart_display | CSS para cabeçalho e rodapé | |
| smart_display | CSS para alinhamentos e espaçamentos | |
| smart_display | Utilizando imagens na tag figure | |
| smart_display | Utilizando classes | |
| smart_display | Id e arquivo CSS | |
| smart_display | Introdução ao JavaScript | |
| smart_display | Personalizando a resposta com JavaScript | |
| smart_display | Adaptando o conteúdo para celulares | |
| smart_display | Encerrando a introdução |
Protótipo - Modelo de Site
| smart_display | Sobre a nova sessão protótipo de site | |
| smart_display | Estrutura inicial do modelo responsivo | |
| smart_display | Inserindo informações de cabeçalho do site | |
| smart_display | Unidades de medida CSS | |
| smart_display | Ajuste de fontes responsivas | |
| smart_display | Ajustes no Footer | |
| smart_display | Ajustes na Section | |
| smart_display | Criando espaçamentos gerais com Padding e Margin | |
| smart_display | Centralizando margens do site | |
| smart_display | Opções de medidas máximas de tela | |
| smart_display | Adaptando imagens no protótipo | |
| smart_display | Tamanhos de imagens em CSS | |
| smart_display | Trabalhando com posição fixa - Position Fixed | |
| smart_display | Desenvolvendo uma caixa interativa | |
| smart_display | Padronizando os títulos | |
| smart_display | Estrutura da Grid | |
| smart_display | CSS para Grid | |
| smart_display | Grid responsiva | |
| smart_display | Formulários | |
| smart_display | Inputs de formulários | |
| smart_display | Área de texto | |
| smart_display | CSS para Inputs | |
| smart_display | Botões para formulário | |
| smart_display | Links e navegação | |
| smart_display | Efeito Over em links | |
| smart_display | Considerações finais de protótipo |
Projeto Fast Food Básico para Iniciantes
| smart_display | Iniciando o primeiro projeto Fast Food | |
| smart_display | Alterações iniciais | |
| smart_display | Logotipo no Header | |
| smart_display | Utilizando e modificando padrões de cores | |
| smart_display | Tons gradientes em CSS | |
| smart_display | Editando os dizeres e o layout do exemplo fast food | |
| smart_display | Formatando as fontes | |
| smart_display | Inserindo imagens | |
| smart_display | Efeitos em links | |
| smart_display | Alterando elementos da página | |
| smart_display | Formatando opções de compras | |
| smart_display | Formatando botão compras | |
| smart_display | Inserindo produtos no site | |
| smart_display | Preenchendo o site | |
| smart_display | Link âncora | |
| smart_display | Finalizando a navegação | |
| smart_display | Funcionalidade WhatsApp | |
| smart_display | Publicando o site | |
| smart_display | Testando o projeto em vários dispositivos | |
| smart_display | Teste seus conhecimentos |
Landing Page
| smart_display | Projeto landing page | |
| smart_display | Ajuste de conteúdo | |
| smart_display | Padronizando a página | |
| smart_display | Ajustes de section | |
| smart_display | Inserindo a capa do ebook | |
| smart_display | Definindo target para links | |
| smart_display | Finalizando o conteúdo da página | |
| smart_display | Inserindo as informações do autor | |
| smart_display | Publicando o projeto de download PDF | |
| smart_display | Modificando o projeto landing page | |
| smart_display | Adicionando informações no projeto de vendas | |
| smart_display | Adicionando mais chamadas para ação | |
| smart_display | Layout de botão vendas | |
| smart_display | Detalhes do projeto de vendas | |
| smart_display | Finalizando o projeto de vendas |
Projeto Final
| smart_display | Introdução ao projeto | |
| smart_display | Criando a pasta do projeto | |
| smart_display | Criando o topo do site | |
| smart_display | CSS do header | |
| smart_display | Topo complementar | |
| smart_display | Edição de footer | |
| smart_display | CSS para container e comentários | |
| smart_display | Inserindo conteúdo de texto | |
| smart_display | Imagens de conteúdo | |
| smart_display | Div de conteúdo | |
| smart_display | Editando divs | |
| smart_display | Versão de celular | |
| smart_display | Versão responsiva de conteúdo | |
| smart_display | Versão responsiva de topo | |
| smart_display | Ícone do Whatsapp | |
| smart_display | Botões | |
| smart_display | Navegação | |
| smart_display | Inserindo vídeos externos | |
| smart_display | CSS para vídeos responsivos | |
| smart_display | Ajustes finais | |
| smart_display | Hospedagem profissional | |
| smart_display | Registrando domínio | |
| smart_display | Publicação profissional | |
| smart_display | Considerações finais |
Este curso inclui:
- Video aulas: 104
- Carga horária: 12h17
- Certificado validado
- Recursos adicionais
Instrutor(a):
WAGNER CARDOSO
25 cursos5295 alunosSou formado em Análise e Desenvolvimento de Sistemas e Pós-Graduado em Docência para Ensino Superior. Desde 2012 atuo em uma ONG na Cidade de São Paulo - Brasil, onde sou Técnico Especializado e ministro aulas para turmas presenciais na área de Informática.