Plano de estudo portátil

O MAPA DESTE MÊS

Domina a linguagem
que dá forma à web.

Acompanha HTML, JSON, CSS e Projetos Integrados num só lugar. Os dados ficam guardados no servidor local (PC).

0% progresso
global

Sua Galeria de Conquistas

🥉 Primeiros Passos Conclui 1º exercício
🏷️ Mestre HTML Conclui 100% HTML
📦 Mestre JSON Conclui 100% JSON
🎨 Mestre CSS Conclui 100% CSS
🚀 Full-Stack Pro Conclui todos os Projetos

Progresso Global de Aprendizagem

0 de 0 concluídos
HTML 0%
0/0 tarefas
JSON 0%
0/0 exercícios
CSS 0%
0/0 exercícios
Projetos 0%
0/0 projetos

TRILHO 01

HTML, do documento à página.

0/0 concluídas

TRILHO 02

JSON, do dado à interface.

0/0 concluídos

TRILHO 03

CSS, da regra ao sistema.

0/0 concluídos

PROJETOS FULL-STACK

Desafios de Integração (HTML + JSON + CSS)

0/0 concluídos

PLAYGROUND INTERATIVO

Testa o teu código HTML & CSS em tempo real

FERRAMENTA AUXILIAR

Validador de Sintaxe JSON

Cole o teu código JSON abaixo para verificar se contém erros de estrutura, aspas ou vírgulas em falta.

RECURSOS & DOCUMENTAÇÃO

Manuais e Fontes de Estudo Oficial

HTML

MDN Web Docs — HTML

Guia oficial e referência completa sobre tags, elementos semânticos e formulários em HTML5.

Aceder ao Manual MDN ↗
HTML

W3Schools — Tutorial HTML

Manual interativo com exemplos práticos, testes e exercícios de HTML.

Aceder ao W3Schools ↗
JSON

JSON.org — Especificação Oficial

A especificação original e sintaxe detalhada do formato JSON.

Aceder ao JSON.org ↗
JSON

MDN Web Docs — Trabalhar com JSON

Manual prático de parsing e serialização (`JSON.parse` e `JSON.stringify`) em JavaScript.

Aceder ao Guia MDN JSON ↗
CSS

MDN Web Docs — CSS & Layouts

Guia definitivo de Flexbox, CSS Grid, Seletores e Media Queries para design responsivo.

Aceder ao Manual MDN CSS ↗
CSS

CSS-Tricks — Guia Completo de Flexbox e Grid

Manuais visuais excelentes para dominar alinhamentos e grelhas modernas em CSS.

Aceder ao Guia Flexbox ↗