Desenvolvimento Web

Aprenda a criar sites modernos do zero com HTML, CSS e JavaScript. Domine as tecnologias fundamentais da web com projetos práticos.

Objetivo

Aprender a criar sites modernos e responsivos utilizando as tecnologias mais atuais do desenvolvimento web. Dominar HTML, CSS e JavaScript, além de frameworks modernos como Tailwind CSS para criar interfaces profissionais.

Tecnologias

HTMLCSSJavaScriptTailwind CSSVS CodeDevToolsGit

Módulos do curso

Fundamentos

Entenda os conceitos básicos do desenvolvimento web.

  • O que é front-end, back-end e full stack
  • Como funciona um site (navegador, servidor, código)
  • O papel do HTML, CSS e JS no navegador
  • Criando seu primeiro arquivo .html
  • Ferramentas básicas: VS Code, Live Server, DevTools

HTML

Aprenda a estruturar o conteúdo das suas páginas web.

  • Tags essenciais (html, head, body, h1-h6, p, etc)
  • Atributos comuns (href, src, alt, target)
  • Formulários: input, label, button, select, textarea
  • Semântica básica: header, main, footer, section

CSS

Domine a estilização e o visual das suas páginas.

  • Seletores, propriedades e valores
  • Cores, fontes, tamanhos, espaçamentos
  • Box model e display
  • Posicionamento: flexbox básico
  • Como usar classes para estilizar

JavaScript

Adicione interatividade e dinamismo aos seus sites.

  • Variáveis, funções e eventos
  • Manipulando elementos com document.querySelector()
  • Eventos: click, input, submit
  • Exibindo mensagens e mudando estilos
  • Exemplo prático: formulários e interações

Tailwind CSS

Acelere seu desenvolvimento com utility-first CSS.

  • O que é Tailwind e por que usar
  • Conceito de utility-first
  • Instalação e configuração com Vite ou CDN
  • Layout com Flexbox e Grid
  • Responsividade (sm:, md:, lg:)

Projetos Práticos

Durante o curso, você irá construir 5 projetos práticos para aplicar seus conhecimentos e construir um portfólio impressionante.