Cursos e Artigos para Programadores
Você está buscando em vídeo aula
- Implementação do Prompt e Análise dos Resultados Vídeo
Esta aula demonstra a implementação prática do prompt desenvolvido nas aulas anteriores, utilizando a plataforma Bolt.new para gerar uma landing page completa para uma imobiliária.
- A Arte de Construir um Prompt Eficaz Vídeo
Nesta aula mergulhamos no processo de construção de um prompt eficaz. Um bom prompt é a diferença entre um resultado genérico e um site que atende precisamente às nossas expectativas.
- Introdução ao Desenvolvimento Puro com IA Vídeo
Nesta aula , estabelecemos nosso objetivo: criar uma landing page completa para a Imobiliária Santos utilizando apenas instruções textuais.
- A Lógica do JavaScript e o Menu Hambúrguer Vídeo
Nesta aula final, completamos nossa análise da tríade do front-end (HTML, CSS e JavaScript) ao mergulhar no código JavaScript do nosso site.
- Layouts Responsivos com Display e a Tag Iframe Vídeo
Nesta aula, mergulhamos em um dos conceitos mais poderosos e essenciais do CSS moderno: a propriedade display.
- Tags Semânticas, IDs vs Classes e Imagens Vetoriais Vídeo
Nesta aula, continuamos nossa exploração do código HTML e CSS, focando em tags semânticas, na distinção crucial entre id e class, e na introdução de um tipo de imagem poderoso e moderno: o SVG (Scalable Vector Graphics).
- Links, Classes Múltiplas e a Pseudoclasse Hover Vídeo
Nesta aula, continuamos nossa análise detalhada do código, focando em dois elementos cruciais para a interatividade e a eficiência do CSS: a tag de link a e o conceito de classes múltiplas.
- A Conexão HTML-CSS e a Ferramenta de Inspeção Vídeo
Nesta aula, damos um passo adiante em nossa análise, explorando a conexão fundamental entre o HTML e o CSS.
- A Estrutura Semântica do HTML Vídeo
Nesta segunda aula, aprofundamos nossa análise do código HTML, movendo nosso foco do cabeçalho (head) para o corpo (body) do documento.
- A Estrutura do HTML e a Seção head Vídeo
Nesta primeira aula, focaremos na estrutura fundamental de um arquivo HTML e nos aprofundaremos nos meta-dados contidos na seção head.
- Entendendo o código da imobiliária com Template Vídeo
Neste curso vamos entender o código gerado anteriormente pela IA com base no template. A ideia é que você tenha uma compreensão geral de como essa aplicação funciona.
- Publicação Final no Vercel Vídeo
Nesta décima nona e última aula do Curso 8, chegamos ao momento culminante do desenvolvimento: a publicação do site da Imobiliária Santos em um ambiente de produção.
- Alterações Finais e Sincronização com GitHub Vídeo
Nesta penúltima aula, focamos nos ajustes finais e manuais que adicionam a camada final de personalização e precisão ao nosso projeto.
- Refinamentos Manuais e Copywriting com IA Vídeo
Nesta décima sétima aula, entramos na fase de refinamento manual, um estágio crucial onde a atenção aos detalhes transforma um site funcional em uma experiência de usuário polida e profissional.
- Sincronização Automática e Pull do GitHub Vídeo
Nesta décima sexta aula, chegamos a um marco importante no desenvolvimento do site da Imobiliária Santos: a conclusão das modificações principais via Bolt AI.
- Criando Seção de Ofertas Imobiliárias Vídeo
Nesta décima quinta aula, implementamos uma funcionalidade essencial para qualquer site imobiliário: a seção de ofertas.
- Implementando Botão Flutuante do WhatsApp Vídeo
Nesta décima quarta aula, implementamos uma funcionalidade estratégica que maximiza as oportunidades de conversão: o botão flutuante do WhatsApp.
- Implementando Links do WhatsApp Vídeo
Nesta décima terceira aula, implementamos uma personalização estratégica que reflete as tendências atuais de comunicação digital: a substituição de links telefônicos tradicionais por links diretos para o WhatsApp. Esta modificação reconhece que,
- Implementando Galeria de Corretores Vídeo
Nesta décima segunda aula, implementamos uma personalização estratégica que humaniza o site da Imobiliária Santos: a galeria de corretores. Esta funcionalidade substitui conteúdo genérico por informações específicas da equipe, criando conexão pe
- Hospedagem Automática de Imagens pelo Bolt Vídeo
Nesta décima primeira aula, exploramos um aspecto técnico fundamental do desenvolvimento web moderno: o gerenciamento automático de assets pelo Bolt AI. Através da análise de como uma imagem local foi automaticamente hospedada e disponibilizada,
- Personalizando Imagens com Copilot Vídeo
Nesta décima aula, damos continuidade ao processo de personalização do site da Imobiliária Santos, focando agora na substituição de imagens específicas. O objetivo é trocar uma imagem da seção Sobre por uma nova imagem que já foi adicionada à
- Seleção e Download de Imagens Vídeo
Nesta nona aula, focamos em um passo fundamental para a personalização de qualquer site: a seleção e download de imagens de alta qualidade. Demonstramos como utilizar bancos de imagens gratuitos para encontrar recursos visuais que se alinhem com
- Implementando o Menu Responsivo Vídeo
Nesta oitava aula, abordamos um dos pilares do design responsivo: a implementação de um menu hambúrguer. Este componente é essencial para garantir uma experiência de usuário fluida e intuitiva em dispositivos com telas menores, como smartphones
- Refinamentos com GitHub Copilot Vídeo
Nesta sétima aula, damos continuidade ao desenvolvimento do site da Imobiliária Santos, agora trabalhando diretamente no Visual Studio Code com o projeto clonado do GitHub. Com os créditos do Bolt esgotados, utilizamos uma ferramenta alternativa
- Clonando o Projeto do GitHub Vídeo
Nesta sexta aula, realizamos uma transição fundamental no nosso fluxo de desenvolvimento: migrar o projeto do ambiente online (StackBlitz) para o ambiente local (VS Code). Este processo é essencial para ter controle total sobre o código e poder
