Esta é uma loja de demonstração para fins de teste - As compras realizadas não são válidas. Dispensar
Conteúdo do curso
-
Introdução à Web e funcionamento dos navegadores.
-
Sintaxe básica e estrutura de um documento HTML5.
-
HTML Semântico: Tags estruturais (header, nav, main, section, article, footer, aside).
-
Formulários: Tipos de input, validação nativa e atributos modernos.
-
Acessibilidade básica (WAI-ARIA).
-
Introdução ao CSS3: Seletores, especificidade e cascata.
-
O Box Model (Conteúdo, Padding, Border, Margin).
-
Tipografia e cores na web.
-
Posicionamento e fluxo do documento.
-
Flexbox: Construindo layouts unidimensionais responsivos.
-
CSS Grid: Criando estruturas bidimensionais complexas com facilidade.
-
O conceito de Design Responsivo.
-
A estratégia Mobile-First (por que começar pelo celular?).
-
Viewport e meta tags.
-
Unidades relativas (em, rem, vw, vh, %).
-
Media Queries: Pontos de quebra (breakpoints) e adaptação de layout.
-
Imagens responsivas (srcset, sizes, tag picture).
-
Introdução ao JS no contexto do navegador.
-
Variáveis, tipos de dados e operadores.
-
Manipulação do DOM (Document Object Model): Selecionar e alterar elementos.
-
Eventos: Escutando interações do usuário (clique, hover, scroll).
-
Estruturas condicionais e de repetição.
-
Introdução a manipulação de classes CSS via JS para mudar estados de UI (ex: menu hambúrguer).
-
Noções de Performance Web (carregamento rápido).
-
Introdução básica a SEO (Search Engine Optimization) técnico.
-
Uso de ferramentas de desenvolvedor (DevTools) para debug e testes de responsividade.
-
Introdução básica ao controle de versão com Git e GitHub.
-
Definição do escopo do projeto (ex: Landing Page de produto ou Portfólio).
-
Desenvolvimento iterativo: Planejamento, Wireframing, Codificação, Testes.
-
Publicação (ex: GitHub Pages ou Netlify).
-
Navegadores: Chrome, Firefox ou Edge (foco nas DevTools).
-
Editor de Código: VS Code (com extensões sugeridas: Live Server, Prettier).
-
Controle de Versão: Git e GitHub.
-
Design/Prototipagem (opcional): Figma (para inspeção de layout).
Aviso Legal:
Este é um site demonstrativo com fins educacionais. Todos os produtos, cursos, compras e transações apresentados aqui são inteiramente fictícios e não possuem valor comercial.