Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Desenvolvimento de Sites HTML, CSS e Inteligência Artificial
Rating: 4.8 out of 5(3,185 ratings)
8,487 students

Desenvolvimento de Sites HTML, CSS e Inteligência Artificial

Aprenda Como Desenvolver Projetos Web Com Codificação e Sem Codificação (Vibe Coding) Utilizando IA e Antigravity
Created byWagner Cardoso
Last updated 8/2026
Portuguese
Portuguese [Auto],

What you'll learn

  • Criar sites modernos do zero utilizando a base do desenvolvimento Front-End: HTML, CSS e JavaScript.
  • Desenvolver projetos com design responsivo (Mobile First) que funcionam perfeitamente em celulares e PCs.
  • Utilizar Inteligência Artificial como assistente para otimizar, corrigir e acelerar a criação de sites.
  • Aplicar o conceito de Vibe Coding usando a IDE Antigravity para criar projetos com menos código manual.
  • Aproveitar códigos para melhorar a produtividade com base em um protótipo inicial
  • Desenvolverá sites semânticos e entenderá como estruturar um projeto de forma profissional
  • Integrar APIs e usar JavaScript de forma visual e assistida por IA para criar aplicações interativas
  • Estruturar um portfólio profissional criando e publicando projetos reais, do protótipo à hospedagem.

Course content

4 sections • 83 lectures • 11h 11m total length

  • Introdução4:58
  • Instalando VsCode7:53
  • Primeiras Tags HTML10:36
  • Estrutura Básica HTML6:44
  • Idioma e Mapa de Caracteres8:07
  • Hierarquia de Títulos7:16
  • Parágrafos e Quebra de Linhas4:52
  • Topo do Site6:06
  • Rodapé do Site4:31
  • Sobre Imagens6:41
  • Inserindo Imagens no Site5:13
  • Formato WEBP8:23
  • Viewport7:44
  • Comentários HTML5:19
  • Semântica5:34
  • Ajustes Iniciais no Cabeçalho8:39
  • Introdução ao CSS9:30
  • Cores em Hexadecimal e RGB6:38
  • Criando Tabela de Cores7:03
  • Gradiente de Cores com CSS7:10
  • Ajustes de Espaço Interno com CSS5:42
  • Sobre Padrões de Fontes5:41
  • Padronizando Fontes na Prática11:00
  • Cor de Fundo e Tag Button4:15
  • CSS para o Botão do Site7:34
  • Substituindo Imagem do Topo2:10
  • Padronizando Espaçamentos7:05
  • Sobre o Atual Mercado5:04
  • Como Configurar o Icone na Bar5:43
  • Dicas de Estudos e Anotações6:32
  • Sobre Section e Class8:11
  • Envelopamento e Destaque9:38
  • Formatando a Section Class5:00
  • Inserindo Uma Nova Section6:29
  • Ajustes com Display Flex8:57
  • Formatando Imagens da Section9:02
  • Criando Listas7:33
  • CSS para Lista Desordenada11:35
  • Folha de Estilos CSS7:29
  • Inserindo Conteúdo com DIV12:16
  • CSS Display Flex12:34
  • Responsividade com Media Query13:58
  • Section Matérias7:20
  • Section Matérias CSS e Wrap13:25
  • Adicionando Colunas3:34
  • Finalizando o Footer9:52
  • Separadores4:59
  • Dicas de Ajustes14:42
  • Dica Rápida de Ajuste2:18
  • Ajustes e Considerações Finais13:09

Requirements

  • Ter acesso a um computador com internet.

Description

Quer aprender a criar sites incríveis do zero unindo a base da codificação e com o poder da Inteligência Artificial?

Com este curso, você dominará os pilares da web (HTML e CSS) e descobrirá como as novas tecnologias de IA estão revolucionando o mercado de desenvolvimento.

Este curso foi feito especialmente para iniciantes, estudantes e curiosos que querem dar o próximo passo na jornada como desenvolvedores, aprendendo tanto a codificação tradicional quanto as modernas técnicas de criação sem codificação (Vibe Coding).

O que você vai aprender:

  • Fundamentos Sólidos: Estruturar páginas web com HTML de forma profissional e criar designs modernos com CSS.

  • Inteligência Artificial no Front-End: Como utilizar a IA como sua assistente de desenvolvimento para acelerar a criação de sites e resolver problemas.

  • Vibe Coding e Antigravity: Aprenda a desenvolver projetos focando na lógica e na "vibe", utilizando a IDE Antigravity para criar aplicações com pouca ou nenhuma codificação manual.

  • JavaScript e APIs com IA: Entenda os fundamentos do JavaScript e veja como consumir APIs de forma inteligente usando as ferramentas de Vibe Coding.

  • Design Responsivo (Mobile First): Criar modelos adaptáveis para celulares e computadores, essencial para o mercado atual.

  • Projetos Práticos: Construir um portfólio real e publicá-lo na internet.

Como será a sua jornada? Vamos desenvolver desde o primeiro código, evoluindo gradualmente. Passaremos por introduções teóricas e projetos simples até chegarmos a sites completos e profissionais.

Você aprenderá sobre aplicação de cores, integração com o WhatsApp, uso do moderno conceito Mobile First — com dicas de um professor que atua na área há mais de 20 anos — e, claro, como a Inteligência Artificial pode multiplicar a sua produtividade.

Por que escolher este curso?

  • O melhor dos dois mundos: Aprenda a base no código e o futuro com IA.

  • Conteúdo com linguagem simplificada e completa, ideal para iniciantes.

  • Aulas práticas, com exemplos reais e aplicáveis no mercado.

  • Suporte exclusivo para tirar suas dúvidas durante o aprendizado.

  • Certificado de conclusão e Acesso vitalício.

Prepare-se para transformar sua criatividade em projetos reais e construir o futuro da web!

Garanta sua vaga agora e dê o primeiro passo para se tornar um desenvolvedor web moderno!

Who this course is for:

  • Iniciantes absolutos que desejam criar sites do zero, mas não sabem por onde começar.
  • Estudantes de TI e tecnologia que buscam aliar a teoria da faculdade ou curso técnico à prática com projetos reais.
  • Entusiastas e curiosos que querem usar a Inteligência Artificial para acelerar o desenvolvimento de aplicações web.
  • Pessoas interessadas em "Vibe Coding" para desenvolver projetos funcionais com pouca codificação manual.
  • Designers e profissionais criativos que desejam dar vida aos seus próprios layouts criando suas páginas web.
  • Qualquer pessoa que queira dominar HTML, CSS e JavaScript combinados com o poder das novas ferramentas de IA.

Report abuse