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.

Nível Iniciante Categoria Desenvolvimento Front-end

  • Curso com 01h52 de videos
  • Certificado com 10 horas
  • 12 exercícios

Sobre o curso

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.

O que irá aprender?

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;

Pra quem é esse curso?

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.

Quais os pré-requisitos para esse curso?

Os pré-requisitos não são obrigatórios, são apenas sugestões. Eles dão uma base de parte do conhecimento que é interessante ter para um bom aproveitamento nesse curso.

Metodologia

  • Videoaulas
  • Texto e imagens
  • Início Imediato
  • Testes de aprendizado

Ambiente do curso

  • Node.js
  • Google Chrome
  • Visual Studio Code

Sobre o professor

Akira Hanashiro

Akira Hanashiro

Professor especialista em Desenvolvimento Front-end na TreinaWeb. Akira, Felipe, Hana, Hanashiro ou Hanakira, é graduado em Análise e Desenvolvimento de Sistemas, pós-graduado em Projetos e Desenvolvimento de Aplicações Web e MBA em Machine Learning, é entusiasta no desenvolvimento de jogos e multi-task. Fala japonês fluente, mas não tem com quem conversar.

Conteúdo programático

  1. Apresentação

    Apresentação do Curso

    3 aulas
    • Apresentação do curso
    • Código do curso
    • Repositório do Curso
  2. 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

    6 aulas
    • Apresentação
    • Revisão: Como Sites Funcionam?
    • Como blogs e sites dinâmicos funcionam?
    • Como as aplicações web funcionam?
    • Resumo
    • Questionário
  3. Gerador de Site Estático (Static Site Generator)

    Vamos aprender a usar ferramentas que geram sites reutilizando pedaços de nosso HTML

    8 aulas
    • 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
  4. Semântica e Acessibilidade - HTML com significado

    Descubra a importância de ter um código com significado

    7 aulas
    • 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
  5. Conhecendo o JavaScript

    Vamos entender o porquê você deve aprender JavaScript para desenvolver seus sites

    7 aulas
    • 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
  6. Boas Práticas HTML

    Aprenda práticas a serem seguidas para fazer um trabalho de melhor qualidade

    3 aulas
    • Apresentação
    • Boas Práticas ao Escrever HTML
    • Resumo
Download da ementa

Cursos relacionados

Utilizada e amada por milhares! Veja mais opiniões reais

Plano de acesso total!

Tenha um ano de acesso completo a todos os cursos da plataforma, incluindo novos lançamentos, mentoria de carreira e suporte direto com os professores!

Um ano de acesso completo

Contrate agora e tenha acesso ilimitado a todo o nosso portfólio. Isso inclui:

  • 1 ano de acesso a todos os cursos
  • Cursos novos toda semana
  • Suporte direto com professores
  • Aplicativos para Android e iOS
  • Plano de carreira personalizado
  • Certificados digitais inclusos
  • Suporte com SLA de 4 horas úteis
  • Acesso offline através dos apps
R$ 97,00 ECONOMIZE R$ 360,00
12x R$ 67,00 ou R$ 804,00 à vista
Matricule-se agora
Garantia incondicional de satisfação
Garantia incondicional de satisfação

Confiamos tanto nos resultados dos nossos cursos, que criamos uma garantia incondicional de satisfação para você, que são 7 dias de teste!