Curso de HTML5 + CSS3 - Introdução a geradores de sites estáticos | TreinaWeb
Curso de HTML5 + CSS3 - Introdução a geradores de sites estáticos
Aprenda a criar sites de forma simples utilizando geradores de sites estáticos.
O curso de Introdução a Geradores de Sites Estáticos foi feito para apresentar ferramentas e práticas que facilitam o desenvolvimento web.
Também conhecidos como Static Site Generator (SSR), os geradores de sites estáticos nos possibilitam criar sites de forma simples, reutilizando pedaços de código e gerando páginas automaticamente.
Neste curso também vamos conhecer o que é semântica, acessibilidade, a importância do JavaScript e várias coisas que podemos fazer com eles, além de conhecer boas práticas para escrever HTML.
Além disso, vamos desenvolver um projeto prático durante o curso: um site de receitas
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.
Como blogs e sites dinâmicos são feitos?
Como instalar o Node.js;
Conhecer ferramentas e sua importância;
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;
Este curso é destinado àqueles que já tenham um conhecimento de HTML5 e CSS3 e queiram conhecer ferramentas e práticas para fazer um trabalho mais rápido e eficiente, conhecendo boas práticas e ferramentas modernas.
Como funcionam blogs e aplicações web?
Nessa aula vamos entender como sistemas e blogs funcionam e os tipos de ferramentas usados em sua produção
Revisão: Como Sites Funcionam?
Como blogs e sites dinâmicos funcionam?
Gerador de Site Estático (Static Site Generator)
Vamos aprender a usar ferramentas que geram sites reutilizando pedaços de nosso HTML
A Criação de Sites Estáticos
Projeto: Iniciando um Projeto com o Next.js
Semântica e Acessibilidade - HTML com significado
Descubra a importância de ter um código com significado
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
Vamos entender o porquê você deve aprender JavaScript para desenvolver seus sites
Por que usar JavaScript? É obrigatório?
O que são as APIs do HTML5?
Como o JavaScript poderia simplificar o nosso projeto?
Boas Práticas HTML
Aprenda práticas a serem seguidas para fazer um trabalho de melhor qualidade
Boas Práticas ao Escrever HTML
Fiquei impressionado com a dinâmica do professor e aprendi muito com todo material apresentado. Curso foi simples e show de bola.
OK, bem prático.
Gostei bastante, especialmente da parte sobre Next.js, tecnologia que eu só havia ouvido falar.
Bianca Juiz de Fora / MG
Bom dia, meu nome e Marcello , estou gostando muito do curso tenho certeza que vou aprender muito com vocês aqui da TreinaWeb, parabéns pelo trabalho e didatica das aulas