Curso
Refatorando o código com IA
Neste curso veremos como utilizar diversas ferramentas de IA para refatorar e melhorar o nosso código. Além disso, veremos como utilizar o Github para centralizar o nosso código, facilitando a integração entre diversas ferramentas.
Esse curso inclui:
Suporte em tempo real
Certificado
Carga horária:
9 horas
(9 aulas)
Aula 1 - Separando HTML e CSS
Nesta aula, iniciaremos o processo de refatoração do site da Imobiliária Santos, uma landing page que servirá como nosso projeto prático.
Aula 2 - Utilizando o Claude para Separar HTML e CSS
Nesta aula, exploraremos uma abordagem alternativa, utilizando outra ferramenta de inteligência artificial, o Claude, para realizar a separação dos arquivos HTML e CSS.
Aula 3 - Ajustando Estilos CSS com o Copilot
Nesta aula, focaremos em corrigir um problema de visualização na seção de serviços do site da Imobiliária Santos, onde a cor do texto não estava adequada, dificultando a leitura.
Aula 4 - Implementando o Menu Hamburguer
Nesta aula, abordaremos a implementação de funcionalidades mais complexas em nosso site, especificamente o menu hambúrguer para design responsivo.
Aula 5 - Publicando Projetos no GitHub
Nesta aula, abordaremos a importância de centralizar o código-fonte de nossos projetos em um repositório na nuvem.
Aula 6 - Autenticação no Visual Studio Code
Esta aula detalha o processo de login no GitHub diretamente do VS Code, uma etapa crucial para permitir a publicação e sincronização de projetos.
Aula 7 - Publicando Projetos no GitHub via Visual Studio Code
Esta aula detalha o processo de como enviar o código do seu projeto para um repositório remoto, garantindo versionamento, colaboração e acessibilidade.
Aula 8 - Integrando o Projeto com o Bolt
Nesta aula, daremos um passo adiante na refatoração do nosso site da Imobiliária Santos, integrando o código com a plataforma Bolt e utilizando suas capacidades de IA para adicionar um menu hambúrguer responsivo.
Aula 9 - Integrando Vercel e GitHub
Nesta aula, o foco é atualizar a versão online do nosso site da Imobiliária Santos, incorporando as modificações recentes, como o menu hambúrguer responsivo.
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