Curso
Aumentando sua produtividade com templates e IA
Neste curso nós veremos como utilizar dois recursos que tem como objetivo aumentar a produtividade no desenvolvimento de sites: os templates e a IA. O objetivo é entender como os templates podem acelerar o desenvolvimento de um site e como a IA pode ser uma poderosa ferramenta na hora de codificar.
Esse curso inclui:
Suporte em tempo real
Certificado
Carga horária:
8 horas
(8 aulas)
Aula 1 - Introdução
Nesta aula vamos apresentar uma visão geral sobre templates, mostrando o que são, como funcionam e como podem acelerar o desenvolvimento de páginas.Também vamos conhecer o site html.design,que disponibiliza diversos templates gratuitos para down
Aula 2 - Modificando o Template
Usar templates aumenta a produtividade. Mas, se você não conseguir alterar o resultado, não vale a pena - pois o ideal é adaptar o template para o seu cliente final. Nesta aula vamos começar a personalização do template PetLor.
Aula 3 - Substituindo uma imagem
Nesta aula, daremos continuidade à personalização do template PetLor, com foco na substituição da imagem do banner da página inicial. Para isso, vamos utilizar um banco de imagens gratuito.
Aula 4 - Gerando imagens com IA
Nesta aula, vamos explorar o uso de Inteligência Artificial para gerar imagens personalizadas. Vamos substituir a logomarca do template PetLor por uma nova imagem gerada com IA, utilizando a ferramenta Reimagine do Freepik.
Aula 5 - Traduzindo o Template
Nesta aula vamos alterar os textos do menu e do banner da página inicial, traduzindo esses conteúdos para deixar seu site mais personalizado para o seu cliente - ou seja, o contratante do site.
Aula 6 - Alterando a imagem do banner da página
Nesta aula, que marca o início do processo de finalização da nossa landing page, vamos substituir a imagem do banner principal por uma versão mais elegante e personalizada, alinhada à identidade da nossa Petshop.
Aula 7 - Removendo os Slideshows
Na aula anterior setamos a imagem definitiva do banner da nossa landing page. Agora, vamos fazer mais um ajuste no layout final do site, removendo os slideshows automáticos do template — mantendo apenas a nova imagem fixa no topo da página.
Aula 8 - Usando IA com o GitHub Copilot
Nesta aula, vamos experimentar um novo caminho: utilizar a inteligência artificial do GitHub Copilot para acelerar essas personalizações.
Veja outros cursos de HTML e CSS
Criando uma landing page apenas com Prompt
Entendendo o código da imobiliária com Template
Criando o site de uma imobiliária com Template