Commit inicial - add do repo privado para o repo NT style: changes header's logo and colors style: changes home page first session layout feat: creates about us home page section chore: creates home page section for whom chore: creates student materails home page section chore: creates teachers materials home page section chore: creates teacher materials home page section style: changes primary color style: changes color at activities page style: changes about page color style: changes name to Decoda fix: changes route to about page at footer fix: changes background color style: changes game page header colors style: changes footer colors chore: adds home page sections title style: changes main font family to Lato style: adds title font fix: changes sizes to be more responsive for mobile ajuste no build vercel atualiza regras envio homol Adiciona instrucoes de uso add JupyterLite fix solucao turtle Add Mole Mash e Modal de Falhas Add Progress Bar na pagina de Atividades fix game name chore: atualiza lockfile removendo vercel analytics inclusão de efeito ao mudar de fase add mecanismo de solução de fases em debug vite config test add BaseGame e refator do MoleMash refatoração turtle refatoração automato refatoração automato add tag bug 1 e 2 automato mostrar apenas games em homologação na pagina de atividades aumentar timeout das fases finais do Turtle fix bug scroll add video refactor semaforo arrumar ordem das cores add build docs update vercel update vercel update vercel update vercel update vercel add vercel jupyter add vercel jupyter fix deploy Vercel fix deploy Vercel fix deploy Vercel add cripto add cripto refatoração fix tour Mole Mash . remover arquivos de controle chore: adds development tag for activity card remover arquivos de status indevidamente versionados atualizar cores nas atividades add Quebra Cabeças add Quebra Cabeças add iniciativas add Iniciativas alteração de fotos pesadas fix menu mobile fix menu mobile fix menu mobile add Aspirador update icons update identidade visual documentação update jupyter add kernel python local add kernel python local add kernel python local feat: add health check feat: add primeiros passos add letramento mover letramento de lugar update path games update path games fix: ajuste clique rapido no botão executar remover dead code fix: refactor: extract shared utilities for storage, phase unlock and mobile detection stabilize context references and fix stale closure extrair GameProgressContext do GameStateContext (SRP) refactor(game): extrair usePhaser e useGameModals de GameBase + corrigir bugs descobertos refactor(game): remove todos os aliases PT/EN duplicados Remover aliases PT/EN da camada de modais refactor + tests security: add CodeSanitizer and integrate into GameInterpreter - CodeSanitizer.js: 4 built-in rules (max_length, infinite_while, infinite_for, excessive_nesting) with pluggable extra rules - GameInterpreter.executeCode: calls sanitizeCode() before js-interpreter, differentiates CodeSanitizationError (warn) from other errors (error) - 21 unit tests for CodeSanitizer (100% coverage) - 4 integration tests in GameInterpreter for sanitization paths add CodeSanitizer fix: fase 10 aspirador fix: bug semaforo teste feat: add version Ajusta a landing page para ficar mais próxima ao protótipo ajusta raio da borda do botão de Acesse nosso Laboratório pequenos ajustes de layout na página de iniciativas atualiza tabela de jogos educativos com os jogos disponíveis atualmente ajustados pequenos detalhes e informações do jogos na seção de guias pedagógicos troca nome playground para laboratório e adiciona imagens do lab adiciona documentação de conceitos básicos de programação ajustado pequenos erros de digitação adiciona tooltip com conceitos escondidos em hover na tag +N de conceitos update docs dev desativar tour setup matriz MoleMash setup matriz MoleMash fix: link update version update docs update docs mudou o layout de quem somos mudei as imgs dos icons e baixei o botao centraliza titulo com imagem e ajusta sessão com gradiente vermelho-rosa adiciona responsividade para a pagina quem somos ajusta botão de conheça nossa história ajustes ajustes na home + add. teclado update version security security feat: add tapume para telas pequenas v1.1.0 feat: decoda offline feat: doc offline offline fix: ajustes para release fix: navbar; config ordenação; versão fix: rotas docs e jupyter para pwa delete private files Co-authored-by: Indra Araujo <indra.araujo.santos@gmail.com> Co-authored-by: solange dos santos <sollangelive71@gmail.com>
6.3 KiB
sidebar_position, title
| sidebar_position | title |
|---|---|
| 1 | Condicionais |
Condicionais (SE/ENTÃO)
Condicionais são como as decisões que tomamos todos os dias. É o computador perguntando "SE isso acontecer, ENTÃO o que eu devo fazer?"
O que são Condicionais?
Condicionais são estruturas de decisão que fazem o programa escolher diferentes caminhos baseado em uma condição.
Analogia: Sair de Casa
Imagine que você vai sair de casa:
- SE estiver chovendo, ENTÃO levo guarda-chuva
- SE estiver sol, ENTÃO uso óculos escuros
- SE estiver frio, ENTÃO pego um casaco
Isso é exatamente como funcionam as condicionais na programação!
Como Funcionam?
Estrutura Básica
flowchart TD
A[Início] --> B{Condição}
B -->|Verdadeiro| C[Executa bloco SE]
B -->|Falso| D[Executa bloco SENÃO]
C --> E[Fim da decisão]
D --> E
SE (condição) ENTÃO
faça isso
SENÃO
faça aquilo
Exemplo: Semáforo
- SE luz vermelha, ENTÃO pare
- SE luz amarela, ENTÃO atenção
- SE luz verde, ENTÃO siga
Atividades Desplugadas
1. Semáforo Humano
Material: Cartões coloridos (vermelho, amarelo, verde)
Como fazer:
- Estudantes ficam em fila como carros
- Educador levanta cartão
- SE vermelho → param
- SE amarelo → andam devagar
- SE verde → andam normal
2. Roupa do Dia
Material: Cartões com símbolos do tempo
Como fazer:
- Mostre cartão do tempo (sol, chuva, frio)
- Estudantes escolhem roupa adequada
- SE chuva → guarda-chuva
- SE sol → óculos
- SE frio → casaco
3. Jogo do Dado
Material: Um dado
Como fazer:
- SE número par → bata palmas
- SE número ímpar → pule
- SE número 6 → grite "BINGO!"
Na Programação Visual
Blocos Condicionais
No Decoda, você verá blocos como:
- Bloco "SE": Em formato de losango
- Condição: O que verificar
- Ação: O que fazer se verdadeiro
Exemplo no Jogo Semáforo
- SE botão pressionado
- ENTÃO muda cor do semáforo
- SENÃO mantém cor atual
Tipos de Condicionais
1. SE Simples
- Apenas uma condição
- SE verdadeiro, faz algo
- SE falso, não faz nada
Exemplo: SE chovendo, levo guarda-chuva
2. SE/SENÃO
- Uma condição com duas opções
- SE verdadeiro, faz A
- SENÃO, faz B
Exemplo: SE chovendo, levo guarda-chuva, SENÃO levo óculos
3. SE/SENÃO SE
- Múltiplas condições
- Testa várias possibilidades
Exemplo:
- SE muito frio, casaco pesado
- SENÃO SE pouco frio, casaco leve
- SENÃO, sem casaco
Reconhecendo Condicionais no Dia a Dia
Em Casa
- SE fome, comer
- SE sede, beber água
- SE sono, dormir
No Trânsito
- SE semáforo vermelho, parar
- SE pedestres na faixa, parar
- SE combustível baixo, abastecer
No Celular
- SE bateria baixa, carregar
- SE mensagem chegou, notificar
- SE tela tocada, acender
Dicas para Educadores
Como Ensinar
- Comece com exemplos reais: Use situações que os estudantes vivem
- Use atividades físicas: Movimento ajuda na compreensão
- Pratique muito: Repita com diferentes exemplos
- Trabalhe em grupo: Discutam as decisões juntos
Erros Comuns
- Confundir condição com ação: "SE guarda-chuva" em vez de "SE chovendo"
- Esquecer o SENÃO: Não pensar no que acontece quando é falso
- Condições impossíveis: "SE sempre verdadeiro"
Sinais de Compreensão
- Identifica condicionais em situações reais
- Explica com próprias palavras
- Cria exemplos originais
- Antecipa o resultado antes de testar
Objetivos de Aprendizagem
Ao final desta seção, estudantes devem conseguir:
- Identificar condicionais no cotidiano
- Criar estruturas SE/ENTÃO simples
- Usar condicionais em programação visual
- Explicar por que condicionais são importantes
Atividades de Fixação
1. Complete a Frase
- SE ___, ENTÃO escovo os dentes
- SE ___, ENTÃO levo agasalho
- SE ___, ENTÃO ligo o ar condicionado
2. Dramatização
Criem situações onde precisam tomar decisões e representem usando SE/ENTÃO.
3. Lista de Decisões
Façam uma lista de 10 decisões que tomam durante o dia usando estrutura condicional.
Referências e Recursos
Sites Educativos
- Code.org - Condicionais - Atividades práticas
- CS Unplugged - Decision Trees - Árvores de decisão
- Scratch for Educators - Recursos para condicionais
Vídeos Explicativos
- Condicionais Explicadas - Khan Academy
- If/Then Logic - Code.org
- Programming Basics - Conceitos básicos
Jogos e Atividades
- Lightbot - Jogo de programação com condicionais
- CodeMonkey - Ensina programação através de jogos
- Scratch Jr - Para crianças menores
Literatura
- Resnick, M. (2017). Lifelong Kindergarten: Cultivating Creativity. MIT Press
- Wing, J. M. (2006). Computational thinking. Communications of the ACM
- Bell, T. (2018). Computer Science Unplugged. Creative Commons
Próximo: Explore Loops para aprender sobre repetição automática!