HTML5 + CSS3 - Introdução a geradores de sites estáticos
Faz parte das formações: Desenvolvedor Front-end Júnior
Instituição: TreinaWeb
Descrição
Neste curso iremos conhecer o Next.js, um gerador de sites estáticos. Vamos aprender vários conceitos sobre o funcionamento de sites e aplicações web, além de aprender na prática o impacto que o conhecimento de certas ferramentas causa em nossa produtividade.
Alguns itens presentes no curso:
- Como blogs e sites dinâmicos são feitos?
- Como as aplicações web funcionam?
- Como instalar o Node.js;
- Conhecer ferramentas e sua importância;
- Criação de Projeto com o Next.js;
- Organização por componentes para reaproveitamento de código;
- Criação de páginas estáticas;
- O que são Acessibilidade e Semântica?
- O que é JavaScript, sua importância e o que podemos fazer com ele;
- Build de site estático;
Ementa
1 - Apresentação
Apresentação do curso
Código do curso
Repositório do Curso
2 - Como funcionam blogs e aplicações web?
Apresentação
Revisão: Como Sites Funcionam?
Como blogs e sites dinâmicos funcionam?
Como as aplicações web funcionam?
Resumo
Questionário 3 questões
3 - Gerador de Site Estático (Static Site Generator)
Apresentação
A Criação de Sites Estáticos
Você precisa de ferramentas
Instalação do Node.js - Windows, Mac e Linux
Por que ainda usamos o terminal?
Projeto: Iniciando um Projeto com o Next.js
Resumo
Questionário 3 questões
4 - Semântica e Acessibilidade - HTML com significado
O que é Semântica?
O que é Acessibilidade? Qual a sua importância na Web?
Projeto: Criando Elementos com Significado
Projeto: Componentizando Elementos para Reutilização
Projeto: Páginas de Receitas
Resumo
Questionário 3 questões
5 - Conhecendo o JavaScript
O que é JavaScript?
Por que usar JavaScript? É obrigatório?
O que são as APIs do HTML5?
O que se pode fazer com JavaScript hoje em dia?
Como o JavaScript poderia simplificar o nosso projeto?
Resumo
Questionário 3 questões
6 - Boas Práticas HTML
Apresentação
Boas Práticas ao Escrever HTML
Resumo