Plano de Voo das 12 Semanas

Trilha de Estudos & Cibersegurança

Acompanhe o mapa das 12 aulas práticas aos sábados. Cada encontro adiciona um superpoder no computador dos nossos jovens.

Progresso da Turma 8%

Semana 2 de 12 • 1 concluídas

⚡ AULA ATUAL (SÁBADO) Aula 02 de 12 (90 minutos)

Foco Central: Cibersegurança & Extensões

O Crachá dos Arquivos: Extensões (.txt, .json, .png, .exe) e Riscos Digitais

Desmascarando o Explorador do Windows ao exibir extensões ocultas. Análise prática de arquivos de texto (.txt), dados estruturados (.json), imagens (.png) e o perigo real dos executáveis (.exe / .bat). Prevenção contra armadilhas e malware.

Prática 1: Desmascarar o Windows

Exibir Extensões Ocultas

Ativar no Explorador de Arquivos do Windows a opção que revela o sobrenome real de qualquer arquivo, acabando com o truque dos vírus invisíveis.

Prática 2: JSON do Personagem

Manipulação de Dados

Baixar personagem.json, abrir no Bloco de Notas, alterar vida para 999 e compreender como dados estruturados funcionam.

Prática 3: O Perigo do .EXE

A Pegadinha do Discord

Entender por que executáveis baixados da internet podem controlar o PC e por que armadilhas com extensão dupla como foto.png.exe são tão perigosas.

Arquivos Oficiais de Treino (Downloads Seguros):

Baixe no computador para acompanhar e praticar as modificações feitas em sala de aula.

Modelo Web (.html) Simulador de Perigo (.exe) Versão ZIP

🚀 O GRANDE SALTO: CRIANDO PARA A WEB

A Mágica do Arquivo .html

Você já viu arquivos de texto simples (.txt), dados (.json) e executáveis (.exe). Mas o que acontece quando colocamos o crachá .html? O Windows não abre no Bloco de Notas: ele abre no Navegador (Chrome / Edge) como um SITE DE VERDADE!

minha-primeira-pagina.html (No Bloco de Notas)

Código Puro

<!DOCTYPE html>

<html>

<head>

<title>Meu Primeiro Site</title>

</head>

<body>

<h1>Olá, Mundo! Eu sou [SEU NOME]</h1>

<p>Este é o meu primeiro site em HTML!</p>

<button>Clique Aqui!</button>

</body>

</html>

São apenas palavras normais com "etiquetas" (tags) que o navegador entende!

Como o Navegador Exibe na Tela:

Site Renderizado

🚀 MEU PRIMEIRO SITE • LIRACODE

Olá, Mundo! Eu sou Estudante LiraCode

Este site foi criado por mim na aula de sábado trocando a extensão para .html!

Desafio Prático na Sala:

Baixe o modelo minha-primeira-pagina.html no botão abaixo.
Dê dois cliques nele para ver abrir no navegador.
Abra com o Bloco de Notas, troque o texto para o seu nome e salve (Ctrl + S).
Aperte F5 no navegador para ver a sua mágica acontecer!

Pronto para começar a criar seu primeiro site?

Baixe o modelo completo já formatado para editar no Bloco de Notas ou no VS Code.

Baixar minha-primeira-pagina.html

SIMULADOR DIDÁTICO

Como o Windows Enxerga o Arquivo vs. O Que Você Vê

Mostrar extensões no Windows?

Ocultas (Padrão)

Muitos computadores novos vêm de fábrica configurados para esconder o crachá (.extensão). Malwares exploram isso para mandar um vírus chamado foto_do_passeio.png.exe. Clique nos arquivos abaixo para ver o perigo: