Course Content — Modules

Módulo 1 — Visão Geral: o que são widgets e como escolher

• Widget x elemento de layout (container, grid, flex)

• Critérios: objetivo, performance, acessibilidade, manutenção

• Widget nativo x plugin de terceiros (riscos e compatibilidade)

Módulo 2 — Widgets Essenciais (core)

• Heading, Text Editor, Image, Video

• Button, Icon, Icon List

• Divider, Spacer (quando usar com cuidado)

• HTML (boas práticas para embed leve)

Módulo 3 — Layout e Estrutura (containers + widgets)

• Container: direção, gap, align, justify, wrap

• Backgrounds, overlays e bordas sem exagero

• Z-index e posicionamento (quando realmente precisa)

• Seção responsiva “padrão” para repetir no site

Módulo 4 — Widgets de Conteúdo e Prova Social

• Image Carousel / Gallery (como não pesar)

• Testimonials / Reviews (padrões e variações)

• Tabs/Accordion/Toggle (FAQ e conteúdo denso)

• Progress/Counter (quando faz sentido)

Módulo 5 — Widgets de Conversão

• Form (Elementor Pro) ou alternativas compatíveis

• Call to Action, Pop-up (Pro) e boas práticas de UX

• Shortcode (integrações com plugins: CRM, agenda, pagamento)

• Link tracking (noções) e CTAs por etapa do funil

Módulo 6 — Widgets Dinâmicos e Theme Builder (Pro)

• Post Title, Post Content, Featured Image

• Posts/Loop (Loop Builder, se aplicável)

• Templates para blog: archive e single

• Condições de exibição e hierarquia

Módulo 7 — Interações e Efeitos (sem “efeito pelo efeito”)

• Motion effects e transforms com moderação

• Sticky, reveal e animações leves

• Microinterações: hover/focus com acessibilidade

• Teste de performance após efeitos

Módulo 8 — Performance: widgets que mais pesam e como otimizar

• Sliders pesados: quando trocar por seção estática

• Carrosséis: limite de itens, lazy load e tamanhos

• Vídeos: embed otimizado e poster

• Fonts/Icons: reduzir bibliotecas e requests

• Checklist: cache, minificação, imagens WebP

Módulo 9 — Biblioteca de Seções (widgets em blocos reutilizáveis)

• Transformar combinações em templates de seção

• Padrões: hero, benefícios, depoimentos, FAQ, CTA final

• Global Widgets (quando vale)

• Nomenclatura e versionamento simples

Módulo 10 — Projeto Prático

• Montar 1 landing page com 8–10 widgets “do bem”

• Revisar responsividade (mobile/tablet/desktop)

• Otimizar performance (imagens + fontes + efeitos)

• Checklist final antes de publicar