Atenção: os exemplos são trechos JSX, não aplicativos completos. Os Hooks (useState, useEffect, useRef etc.) precisam ficar dentro de componentes funcionais. O exemplo de Reanimated também deve importar useAnimatedStyle junto com useSharedValue e withTiming.
O catálogo contempla os 14 grupos da imagem e permite pesquisar componentes e copiar os códigos individualmente.
1. React Navigation
Permite navegar entre diferentes telas do aplicativo.
import AsyncStorage from '@react-native-async-storage/async-storage';
async function salvarNome() {
await AsyncStorage.setItem('usuario', 'André');
alert('Nome salvo!');
}
async function carregarNome() {
const nome = await AsyncStorage.getItem('usuario');
alert('Nome: ' + nome);
}
6. Expo Camera
Permite acessar a câmera do celular e tirar fotografias.
Instalação:
npx expo install expo-camera
Exemplo:
import { CameraView, useCameraPermissions } from 'expo-camera';
import { useRef, useState } from 'react';
const [permissao, solicitarPermissao] = useCameraPermissions();
const [foto, setFoto] = useState(null);
const camera = useRef(null);
async function fotografar() {
const imagem = await camera.current.takePictureAsync();
setFoto(imagem.uri);
}
if (!permissao) return ;
if (!permissao.granted) {
return (
);
}
{foto && }
7. Expo Video
Permite reproduzir vídeos no aplicativo.
Instalação:
npx expo install expo-video
Exemplo:
import { useVideoPlayer, VideoView } from 'expo-video';
const player = useVideoPlayer(
'https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4'
);
8. Expo Audio
Permite reproduzir arquivos de áudio.
Instalação:
npx expo install expo-audio
Exemplo:
import { useAudioPlayer } from 'expo-audio';
const player = useAudioPlayer(
'https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3'
);
9. SQLite
Permite criar banco de dados local no celular.
Instalação:
npx expo install expo-sqlite
Exemplo:
import * as SQLite from 'expo-sqlite';
const db = await SQLite.openDatabaseAsync('escola.db');
await db.execAsync(`
CREATE TABLE IF NOT EXISTS alunos (
id INTEGER PRIMARY KEY AUTOINCREMENT,
nome TEXT NOT NULL
);
`);
async function cadastrar(nome) {
await db.runAsync(
'INSERT INTO alunos (nome) VALUES (?)',
nome
);
}
async function listar() {
const alunos = await db.getAllAsync(
'SELECT * FROM alunos'
);
console.log(alunos);
}
10. Supabase
Permite conectar o aplicativo a um banco de dados na nuvem.
Conheça os principais elementos utilizados no desenvolvimento de aplicativos mobile.
O que é React Native?
React Native é uma tecnologia utilizada para desenvolver
aplicativos para dispositivos móveis utilizando JavaScript
e React. Através de componentes, podemos criar interfaces,
formulários, botões, listas, animações e diversas funcionalidades.
Legenda:NATIVOREACTBIBLIOTECA
1. Componentes básicos
View
Cria contêineres para organizar outros componentes.
NATIVO
Text
Exibe textos, títulos e mensagens na tela.
NATIVO
Image
Apresenta imagens locais ou da internet.
NATIVO
ImageBackground
Utiliza uma imagem como plano de fundo.
NATIVO
Fragment
Agrupa elementos React sem criar um contêiner visual adicional.
REACT
2. Entrada de dados
TextInput
Campo utilizado para digitar nomes, textos, senhas e informações.
NATIVO
Switch
Controle para ativar ou desativar determinada opção.
NATIVO
Button
Cria botões para executar ações.
NATIVO
Picker
Permite selecionar opções em uma lista.
BIBLIOTECA
Slider
Permite selecionar valores através de uma barra deslizante.
BIBLIOTECA
Checkbox
Permite marcar ou desmarcar opções.
BIBLIOTECA
RadioButton
Permite escolher uma opção entre várias alternativas.
BIBLIOTECA
3. Listas e rolagem
ScrollView
Permite rolar conteúdos na vertical ou horizontal.
NATIVO
FlatList
Exibe listas de elementos com renderização otimizada.
NATIVO
SectionList
Organiza listas separadas por categorias ou seções.
NATIVO
VirtualizedList
Gerencia listas extensas carregando elementos conforme necessário.
NATIVO
RefreshControl
Permite atualizar listas através do gesto de arrastar.
NATIVO
4. Botões e interações
Pressable
Cria áreas interativas que respondem ao toque.
NATIVO
TouchableOpacity
Cria botões com efeito de transparência ao pressionar.
NATIVO
TouchableHighlight
Destaca visualmente o elemento durante o toque.
NATIVO
TouchableWithoutFeedback
Detecta toques sem apresentar efeito visual.
NATIVO
Alert
Apresenta mensagens e caixas de confirmação.
NATIVO
Share
Compartilha conteúdos através dos aplicativos disponíveis no aparelho.
NATIVO
5. Layout e organização
StyleSheet
Organiza e define os estilos dos componentes.
NATIVO
Flexbox
Organiza elementos em linhas e colunas.
LAYOUT
SafeAreaView
Componente legado do React Native. Atualmente recomenda-se usar react-native-safe-area-context.
BIBLIOTECA
KeyboardAvoidingView
Ajuda a evitar que o teclado cubra campos de formulários.
NATIVO
Dimensions
Obtém as dimensões da tela do dispositivo.
API
useWindowDimensions
Obtém dimensões atualizadas da janela do aplicativo.
HOOK
6. Componentes de interface
Modal
Cria janelas sobrepostas à tela principal.
NATIVO
StatusBar
Controla a aparência da barra de status.
NATIVO
ActivityIndicator
Exibe um indicador de carregamento.
NATIVO
InputAccessoryView
Cria uma área de acessórios associada ao teclado no iOS.
NATIVO
ProgressBar
Apresenta visualmente o andamento de uma tarefa.
BIBLIOTECA
7. Imagens e multimídia
Image
Apresenta imagens e fotografias.
NATIVO
ImageBackground
Utiliza imagens como fundo de outros elementos.
NATIVO
Video
Reproduz vídeos com bibliotecas como expo-video.
BIBLIOTECA
Audio
Reproduz sons e músicas com bibliotecas como expo-audio.
BIBLIOTECA
CameraView
Permite acessar a câmera utilizando expo-camera.
BIBLIOTECA
ImagePicker
Permite selecionar imagens da galeria do dispositivo.
BIBLIOTECA
8. Navegação entre telas
NavigationContainer
Gerencia a navegação do aplicativo.
REACT NAVIGATION
Stack Navigator
Permite navegar entre telas em sequência.
REACT NAVIGATION
Tab Navigator
Cria navegação por abas.
REACT NAVIGATION
Drawer Navigator
Cria menus laterais de navegação.
REACT NAVIGATION
Expo Router
Organiza a navegação utilizando arquivos e pastas.
EXPO
9. Recursos do dispositivo
Camera
Acessa a câmera do aparelho.
EXPO CAMERA
Location
Obtém informações sobre a localização geográfica.
EXPO LOCATION
MapView
Exibe mapas e marcadores de localização.
BIBLIOTECA
WebView
Apresenta páginas da internet dentro do aplicativo.
BIBLIOTECA
Vibration
Controla a vibração do dispositivo.
API
Linking
Abre links, páginas e outros aplicativos.
API
Permissions
Solicita permissões para acessar recursos do dispositivo.
EXPO
10. Animações e efeitos
Animated
Cria animações de movimento e transformação.
NATIVO
LayoutAnimation
Anima mudanças na disposição dos elementos.
NATIVO
Reanimated
Biblioteca avançada para animações fluidas.
BIBLIOTECA
Gesture Handler
Gerencia gestos como arrastar, deslizar e pressionar.
BIBLIOTECA
LinearGradient
Cria fundos com transições de cores.
BIBLIOTECA
11. Hooks do React
useState
Armazena e atualiza informações do aplicativo.
REACT
useEffect
Executa efeitos após renderizações do componente.
REACT
useContext
Compartilha informações entre componentes.
REACT
useRef
Armazena referências sem provocar nova renderização.
REACT
useMemo
Memoriza resultados de cálculos.
REACT
useCallback
Memoriza funções entre renderizações.
REACT
useReducer
Gerencia estados através de ações e funções redutoras.
REACT
12. Armazenamento de dados
AsyncStorage
Armazena dados localmente no dispositivo.
BIBLIOTECA
SecureStore
Armazena informações sensíveis de forma protegida.
EXPO
SQLite
Permite utilizar banco de dados local.
EXPO
FileSystem
Permite criar, ler e gerenciar arquivos.
EXPO
13. Comunicação e APIs
Fetch API
Realiza requisições HTTP para servidores.
JAVASCRIPT
Axios
Biblioteca para comunicação com APIs.
BIBLIOTECA
WebSocket
Permite comunicação em tempo real.
API
Firebase
Oferece autenticação, banco de dados e outros serviços.
BIBLIOTECA
Supabase
Oferece banco de dados, autenticação e armazenamento.
BIBLIOTECA
14. APIs e funcionalidades adicionais
Alert
Apresenta mensagens de alerta ao usuário.
NATIVO
Platform
Identifica a plataforma Android ou iOS.
API
AppState
Identifica se o aplicativo está ativo ou em segundo plano.
API
Keyboard
Controla eventos relacionados ao teclado virtual.
API
BackHandler
Gerencia o botão voltar no Android.
API
Appearance
Identifica e acompanha o tema claro ou escuro.
API
AccessibilityInfo
Fornece informações sobre recursos de acessibilidade.
API
15. Exemplo prático: utilizando componentes
Observe como podemos combinar diferentes componentes
para desenvolver uma tela de aplicativo.
O livro conta a história de uma menina negra, muito bonita, que usava lindos laços de fita no cabelo. Ela tinha a pele bem escura e brilhante, como o pelo de uma pantera negra.
Um coelho branco que morava perto de sua casa ficava encantado com a beleza da menina e desejava descobrir qual era o segredo para ter aquela cor de pele.
Curioso, o coelho perguntava à menina o que ela fazia para ficar tão pretinha. Ela inventava diferentes respostas, como tomar muito café, comer jabuticaba e tomar banho de tinta preta.
O coelho acreditava nas respostas e tentava fazer as mesmas coisas, mas não conseguia mudar a cor de sua pele.
Um dia, a mãe da menina explicou ao coelho que a cor da pele dela era uma herança de sua família. O coelho então percebeu que a beleza da menina estava relacionada à sua origem e à sua história.
Mais tarde, o coelho se apaixonou por uma coelhinha pretinha e teve vários filhotes de diferentes cores. Entre eles, nasceu uma coelhinha bem pretinha, por quem ele sentiu muito carinho.
Moral da história
O livro ensina que cada pessoa tem sua própria beleza e que devemos respeitar e valorizar as diferenças. Também destaca a importância da identidade, da família e da diversidade racial.
Principais ensinamentos 1. Respeitar as diferenças entre as pessoas.
2. Valorizar a beleza negra.
3. Reconhecer a importância da família e da ancestralidade.
4. Combater o preconceito racial.
5. Entender que a diversidade torna o mundo mais bonito.
06/11/2026 - Atividades .
Adicione novos botões e funcionalidades nesta inferface
06/11/2026 - Atividades .
Adicione novos botões e funcionalidades nesta inferface
Observação: Execute os comandos em um terminal
compatível com Bash. Após a instalação, confira as versões
apresentadas para garantir que o ambiente esteja configurado.
04/11/2026 - Atualização do NodeJS.
Método 1: Usando o NVM (Recomendado)
O NVM (Node Version Manager) é uma das formas mais fáceis
de instalar, atualizar e alternar entre diferentes versões
do Node.js.
1. Verifique sua versão atual
Antes de começar, confira qual versão do Node.js está instalada:
node -v
2. Instale ou atualize o NVM
Se ainda não tiver o NVM instalado, execute o script oficial
de instalação:
Importante: após a instalação, feche e abra
novamente o terminal ou recarregue o shell com um dos comandos:
source ~/.bashrc
source ~/.zshrc
3. Instale a versão LTS mais recente
Para obter uma versão estável e recomendada do Node.js,
execute:
nvm install --lts
Ou instale uma versão específica, como a versão 24:
nvm install 24
4. Defina a versão padrão (opcional)
Para utilizar a versão LTS instalada como versão ativa,
execute:
nvm use --lts
Para definir a versão padrão nos próximos terminais:
nvm alias default 'lts/*'
5. Confirme a atualização
Por fim, verifique se a instalação foi realizada corretamente:
node -v
Pronto! Se o terminal exibir o número da
versão instalada, o Node.js está configurado corretamente.
04/11/2026 - ATUALIZAÇÃO DO NODEJS (MÉTODO 2)
Método 2: Usando o pacote n (Via NPM)
Se você já possui o Node.js instalado globalmente e deseja
uma alternativa rápida para atualizar sua versão, pode utilizar
o pacote n, disponível via NPM.
1. Limpe o cache do NPM
Primeiro, limpe o cache do gerenciador de pacotes:
sudo npm cache clean -f
2. Instale o pacote n globalmente
Execute o comando abaixo para instalar o pacote
n globalmente no sistema:
sudo npm install -g n
3. Atualize a versão do Node.js
Escolha uma das opções abaixo, de acordo com sua necessidade:
Opção A — Versão estável (LTS)
Instala a versão LTS (Long Term Support), recomendada
para maior estabilidade e suporte de longo prazo.
sudo n lts
Opção B — Última versão disponível (Latest)
Instala a versão mais recente disponível do Node.js,
que pode incluir recursos novos.
sudo n latest
4. Confirme a versão instalada
Após concluir a atualização, verifique a versão atual
do Node.js:
node -v
Pronto! Se o terminal exibir a versão
atualizada, o processo foi concluído.
Documentação e referências
Para consultar informações adicionais sobre o Node.js
e o gerenciamento de versões, acesse:
O exemplo pode usar TypeScript; confira os arquivos.
Vamos praticar um pouco sobre os exemplos que foram mostrados na aula de
hoje. Todos os exercícios são bem similares aos exemplos da aula.
Os componentes Button , Switch e Stylesheet serão mostrados na aula de
sexta-feira.
Você pode abrir os apps que estão anexos a aula e editar, mas procure realizar
entender a dinâmica da criação de cada componente.
Valor 3,0 pontos.
Após elaborar os apps crie um arquivo zip ou rar no qual você colocará os 8
arquivos.
O professor auxiliará no que for necessário.
Vamos praticar a criação de apps no react native.
Exercício 1: Tela de Boas-Vindas (View + Text)
Objetivo: Criar uma tela simples de apresentação.
Instruções: Crie um componente que exiba uma mensagem de boas-vindas com
o seu nome e sua profissão/curso em dois componentes <Text> diferentes,
centralizados na tela usando uma <View>.
Exercício 2: Cartão de Perfil (Image + Text)
Objetivo: Renderizar imagens da web junto com texto.
Instruções: Crie uma tela que mostre a foto de perfil de um usuário (use a URL
de qualquer imagem da internet no componente <Image>) e, logo abaixo dela, o
nome do usuário.
Dica: Lembre-se de definir width e height no estilo da imagem, caso contrário
ela não aparecerá.
Exercício 3: Estilizando com StyleSheet (StyleSheet)
Objetivo: Praticar a criação de regras de estilo organizadas.
Instruções: Crie uma View que funcione como um "cartão de aviso".
o O fundo da tela deve ser cinza claro (#f0f0f0).
o O cartão deve ter fundo branco, bordas arredondadas (borderRadius),
um espaçamento interno (padding) e um texto em negrito com cor
azul.Exercício 4: Leitor de Nome (TextInput + Text)
Objetivo: Manipular entrada de texto básica com estado (useState).
Instruções: Crie um campo de entrada (TextInput) com o placeholder "Qual é
o seu filme favorito?". Abaixo do campo, exiba em tempo real a frase:
"Seu filme favorito é: [NOME DO FILME]".
Exercício 5: Formulário de Login Simples (TextInput + View + StyleSheet)
Objetivo: Agrupar múltiplos inputs e organizá-los com layout.
Instruções: Crie a interface de uma tela de login contendo:
o Um TextInput para o E-mail.
o Um TextInput para a Senha (use a propriedade
secureTextEntry={true}).
o Aplique bordas, espaçamento entre os campos e padding usando
StyleSheet.
Exercício 6: Banner de Destaque (View + Image + Text + StyleSheet)
Objetivo: Combinar layout, imagem e texto estilizado.
Instruções: Crie um cartão de anúncio/produto que contenha:
1. Uma imagem do produto no topo.
2. O título do produto logo abaixo (texto grande e em negrito).
3. O preço em verde.
o Tudo deve estar envolvido por uma View com borda e cantos
arredondados.
Exercício 7: Contador de Caracteres (TextInput + Text)
Objetivo: Usar o valor da entrada de texto para realizar uma lógica simples.
Instruções: Crie um campo de texto para o usuário digitar uma mensagem curta
(ex: um post de rede social). Abaixo do campo, exiba a quantidade total de
caracteres digitados usando a propriedade .length da string armazenada no
estado.
Exercício 8: Cartão de Visitas Completo (Integração de Todos os
Componentes)
Objetivo: Consolidar todos os aprendizados em um único mini-projeto.
Instruções: Construa um cartão de visitas digital contendo:
o Foto de perfil (Image).
o Nome e cargo estilizados (Text + StyleSheet).
o Um TextInput onde o visitante pode digitar um recado.
o Um Text ao final mostrando o recado digitado.
o Tudo alinhado e centralizado dentro de uma View bem estilizada.
Dica para os alunos: Para resolver cada exercício, basta criar ou editar o arquivo
App.js no VS Code, importando os componentes necessários do 'react-native' e o
useState do 'react' quando houver interatividade!
27/10/2026 - Template para novos Apps.
import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
// ============================================================================
// 1. IMPORTAÇÃO DE OUTROS COMPONENTES
// ============================================================================
// Se quiser usar outros componentes dentro desta tela, importe aqui:
// import MeuBotao from './MeuBotao';
export default function OlaMundo() {
return (
{/* ======================================================================
2. ÁREA ONDE OS COMPONENTES SÃO INSERIDOS
====================================================================== */}
{/* Componente de Texto simples */}
Olá, Mundo!
{/* Insira outros componentes aqui abaixo */}
{/* Exemplo: Meu segundo texto */}
{/* Exemplo: */}
);
}
// ============================================================================
// 3. ESTILOS DO COMPONENTE
// ============================================================================
const styles = StyleSheet.create({
container: {
flex: 1, // Faz a View ocupar a tela inteira
justifyContent: 'center', // Centraliza os componentes na vertical
alignItems: 'center', // Centraliza os componentes na horizontal
backgroundColor: '#ffffff',// Cor de fundo da tela
},
titulo: {
fontSize: 24,
fontWeight: 'bold',
color: '#333333',
},
});
27/10/2026 - Apps utilizados como exemplos na aula de hoje
27/10/2026 - Apps utilizados como exemplos na aula de hoje
Vamos praticar um pouco sobre os exemplos que foram
apresentados na aula de hoje. Todos os exercícios são
semelhantes aos exemplos desenvolvidos em aula.
8 exercícios
Aplicações práticas
3,0 pontos
Valor da atividade
React Native
Desenvolvimento mobile
Orientações gerais
Você pode abrir os aplicativos anexados à aula e editar
os códigos existentes.
Procure compreender a dinâmica de criação de cada
componente, em vez de apenas copiar o código.
Os componentes Button, Switch
e StyleSheet serão abordados na aula de
sexta-feira. O exercício 3 apresenta uma prática inicial
de estilos com StyleSheet.
O professor auxiliará no que for necessário durante
a realização das atividades.
Exercício 1 — Tela de Boas-Vindas
Componentes:View + Text
Objetivo: criar uma tela simples de apresentação.
Instruções:
Crie um componente que exiba uma mensagem de boas-vindas
contendo seu nome e sua profissão ou curso.
Utilize dois componentes Text diferentes.
Coloque os dois textos dentro de uma View.
Centralize os elementos na tela.
Exercício 2 — Cartão de Perfil
Componentes:Image + Text
Objetivo: exibir uma imagem da internet junto com um texto.
Instruções:
Crie uma tela que mostre a foto de perfil de um usuário
e, logo abaixo dela, o nome dessa pessoa.
Utilize o componente Image.
Escolha uma URL válida de uma imagem disponível na internet.
Exiba o nome do usuário com o componente Text.
Defina as propriedades width e height
no estilo da imagem.
Dica: no React Native, imagens remotas precisam
de uma URL válida e de dimensões definidas. Utilize
source={{ uri: 'https://exemplo.com/imagem.jpg' }}
como referência de sintaxe, substituindo o endereço pelo da
imagem escolhida.
Exercício 3 — Estilizando com StyleSheet
Componente:StyleSheet
Objetivo: praticar a criação de regras de estilo organizadas.
Instruções:
Crie uma tela com uma View que funcione como
um cartão de aviso.
O fundo da tela deve ser cinza-claro: #f0f0f0.
O cartão deve ter fundo branco.
Utilize borderRadius para arredondar os cantos.
Utilize padding para criar espaçamento interno.
O texto do aviso deve estar em negrito e na cor azul.
Exercício 4 — Leitor de Nome
Componentes:TextInput + Text + useState
Objetivo: manipular a entrada de texto utilizando estado.
Instruções:
Crie um campo de entrada de texto com o seguinte placeholder:
Qual é o seu filme favorito?
Abaixo do campo, exiba em tempo real a frase:
Seu filme favorito é: [NOME DO FILME]
Utilize o componente TextInput.
Armazene o texto digitado utilizando useState.
Atualize a mensagem à medida que o usuário digitar.
Exercício 5 — Formulário de Login Simples
Componentes:TextInput + View + StyleSheet
Objetivo: agrupar campos de entrada e organizá-los com layout.
Instruções:
Crie a interface de uma tela de login contendo:
Um campo TextInput para o e-mail.
Um campo TextInput para a senha.
Utilize secureTextEntry={true} no campo da senha.
Aplique bordas aos campos de entrada.
Utilize espaçamento entre os campos e padding.
Organize os estilos utilizando StyleSheet.
Exercício 6 — Banner de Destaque
Componentes:View + Image + Text + StyleSheet
Objetivo: combinar layout, imagem e texto estilizado.
Instruções:
Crie um cartão de anúncio ou produto com os seguintes elementos:
Uma imagem do produto na parte superior.
O título do produto logo abaixo da imagem, em tamanho grande e negrito.
O preço do produto na cor verde.
Todos os elementos devem estar dentro de uma View
com borda e cantos arredondados.
Exercício 7 — Contador de Caracteres
Componentes:TextInput + Text + useState
Objetivo: utilizar o valor de uma entrada de texto para realizar uma lógica simples.
Instruções:
Crie um campo de texto no qual o usuário possa digitar
uma mensagem curta, como uma publicação em uma rede social.
Armazene a mensagem no estado utilizando useState.
Exiba a quantidade total de caracteres digitados.
Utilize a propriedade .length da string armazenada no estado.
Atualize a contagem em tempo real.
Exercício 8 — Cartão de Visitas Completo
Componentes:
integração dos componentes estudados
Objetivo: consolidar os conhecimentos em um único miniprojeto.
Instruções:
Construa um cartão de visitas digital contendo:
Foto de perfil utilizando Image.
Nome e cargo estilizados utilizando Text e StyleSheet.
Um TextInput no qual o visitante possa digitar um recado.
Um componente Text ao final mostrando o recado digitado.
Todos os elementos alinhados e centralizados dentro de uma View bem estilizada.
Dica: este exercício reúne vários dos conceitos
anteriores. Organize o código, utilize nomes claros para as
variáveis e procure manter os estilos separados da estrutura
principal da interface.
Entrega da atividade
Após elaborar os aplicativos, crie um arquivo compactado
no formato ZIP ou RAR, no qual você deverá
colocar os 8 arquivos correspondentes aos exercícios.
Verifique se cada exercício foi desenvolvido.
Confira se os arquivos estão organizados e identificados.
Compacte os oito arquivos em um único arquivo ZIP ou RAR.
Entregue o arquivo compactado conforme as orientações do professor.
Valor total: 3,0 pontos.
O professor auxiliará no que for necessário durante
a realização das atividades.
Dica final para os alunos
Para resolver cada exercício, basta criar ou editar o arquivo
App.js no Visual Studio Code, importando os
componentes necessários do pacote react-native
e o useState do pacote react
quando houver interatividade.
Vamos praticar a criação de aplicativos no React Native!
O mais importante é compreender como cada componente funciona
e como eles podem ser combinados para construir interfaces
de aplicativos.
27/10/2026 - Erros react Native
27/10/2026 - Erros react Native
13/10/2026 - Instalação do react Native, VMWare e Virtualbox
Vá até a pasta onde o arquivo foi baixado (geralmente a pasta Downloads).
2. Dar permissão de execução ao arquivo:
Digite o comando abaixo (substitua xampp-linux-*-installer.run pelo nome exato do arquivo baixado):bash
chmod +x xampp-linux-*-installer.run
Executar o instalador:
3. Rode o instalador com privilégios de administrador:bash
sudo ./xampp-linux-*-installer.run
Use o código com cuidado.
Para iniciar o xampp digite: sudo /opt/lampp/lampp start
Para parar o xampp digite:
sudo /opt/lampp/lampp stop
Abrir o painel gráfico de controle: sudo /opt/lampp/manager-linux-x64.run
Liberar permissão da pasta de projetos (htdocs): sudo chmod 777 -R /opt/lampp/htdocs
21/10/2026 - Erro ao carregar.
Essa tela azul com a mensagem "Something went wrong" é a Error Boundary genérica do Expo Go. Ela aparece quando ocorre uma falha fatal JavaScript (crash) durante a execução ou carregamento do aplicativo.
Passo 1: Como descobrir a causa exata do erroPara saber o motivo específico da falha:Na tela do celular: Toque no texto "View error log" localizado no rodapé da tela. O aplicativo mostrará o stack trace (a mensagem e a linha de código onde ocorreu o erro). No terminal do seu computador: Olhe a janela onde o comando npx expo start está rodando. O log do erro geralmente aparece destacado em vermelho ali.Causas mais comuns e como resolverErro de sintaxe ou componente não encontradoCausa: Erro de digitação no código, falta de um parêntese/chave ou importação de um componente/arquivo que não existe.Solução: Verifique o log no terminal para identificar o arquivo e a linha com erro.Propriedade indefinida (Cannot read property 'x' of undefined)Causa: Tentar acessar dados de uma variável antes que ela seja carregada ou inicializada.Solução: Use encadeamento opcional (dados?.propriedade) ou garanta que o estado inicial do React não seja undefined.Incompatibilidade ou biblioteca nativa ausente no Expo GoCausa: Tentativa de usar uma biblioteca com código nativo customizado que o aplicativo Expo Go padrão não suporta.Solução: Crie uma Development Build executando no terminal:Bashnpx expo run:android
ouBashnpx expo run:ios
Problemas no cache do Bundler (Metro)Causa: Cache antigo travado no compilador.Solução: Pare o servidor com Ctrl + C e reinicie limpando o cache:Bashnpx expo start -c
Qual mensagem aparece quando você clica em "View error log"? Se puder enviar o trecho do texto ou do terminal, te ajudo a corrigir a linha exata no seu código!
Como executar
Coloque o script e os instaladores que você tiver baixado na mesma pasta. Depois, no terminal como root, execute:
chmod +x instalar-react-native-linux-mint.sh
./instalar-react-native-linux-mint.sh
O script tentará baixar os componentes que estiverem faltando, instalar as ferramentas compartilhadas e registrar o processo em /var/log/instalar-react-native-linux-mint.log.
Importante: a sintaxe foi verificada, mas a instalação completa ainda precisa ser testada em uma máquina Linux Mint. Os downloads dependem da disponibilidade dos servidores oficiais, e pode ser necessário concluir alguma configuração do Android Studio manualmente.
Abaixo você encontra exemplos práticos de componentes
visuais e recursos para desenvolvimento de aplicativos
utilizando React Native, JavaScript e Expo.
Clique em Baixar arquivo para obter
cada exemplo individualmente.
Importante: envie todos os arquivos para a pasta
https://www.oxnar.com.br/aulas/react/componentesreact/ do servidor.
Os links utilizam caminhos relativos e apontam para essa mesma pasta.
Os arquivos JavaScript são exemplos para projetos React Native;
não devem ser executados diretamente no navegador como páginas HTML.
14/10/2026 - Elementos visuais que podem ser inseridos em um arquivo react native
Elementos visuais no React Native
O React Native permite desenvolver aplicativos para
Android e iOS utilizando JavaScript ou TypeScript.
Com seus componentes visuais, é possível criar
interfaces simples ou sistemas completos.
Conheça os principais elementos utilizados na
construção de aplicativos móveis.
1. Principais componentes visuais
📝
Textos — Text
Exibe títulos, mensagens, legendas e instruções
na tela do aplicativo.
<Text>
Olá, estudante!
</Text>
🔘
Botões — Button e Pressable
Permitem executar ações, trocar cores, confirmar
operações e abrir telas.
Atenção:
os exemplos de código apresentados são trechos
ilustrativos de componentes React Native. Eles
devem ser utilizados em um projeto React Native,
e não diretamente como elementos HTML do site.
Alguns exemplos exigem imports, estados ou
bibliotecas adicionais.
12/10/2026 - Criando o app OlaMundoApp no react Native
1. Criar o aplicativo
npx create-expo-app@latest MeuPrimeiroApp --template blank
2. Entrar na pasta do projeto
cd OlaMundoApp
3. Iniciar o aplicativo
npx expo start
4. Iniciar o aplicativo
npx expo start
09/10/2026 - Instalação do React native no windows x
1. Instalar o Node.js
Baixe a versão LTS em:
nodejs.org
Depois, verifique no PowerShell:
powershell
node -v
npm -v
2. Criar um projeto React Native com Expo
powershell
npx create-expo-app@latest MeuApp
Entre na pasta:
powershell
cd MeuApp
Inicie o projeto:
powershell
npx expo start
3. Executar no Android
No celular: instale o Expo Go e leia o QR code exibido no terminal.
No computador: instale o Android Studio, configure o Android SDK e crie um emulador. Com ele aberto, execute npx expo start e pressione a.
4. Verificar a instalação
powershell
node -v
npm -v
npx expo --version
Observação: se você pretende desenvolver com o React Native sem Expo, usando a configuração nativa do Android, precisará instalar também o Android Studio, o Android SDK e configurar as variáveis de ambiente do Java e do SDK.
Instalação do react native no Linux
1. Instalar as ferramentas necessárias
Abra o terminal (Ctrl + Alt + T) e execute os comandos a seguir.
Passo 1 — Atualizar o sistema
bash
sudo apt update
sudo apt upgrade -y
Passo 2 — Instalar o Node.js e o npm
O Node.js executa as ferramentas JavaScript, e o npm gerencia os pacotes do projeto.
Uma opção é instalar a versão LTS pelo repositório oficial do NodeSource:
bash
sudo apt install -y curl
curl -fsSL https://deb.nodesource.com/setup_24.x -o nodesource_setup.sh
sudo -E bash nodesource_setup.sh
sudo apt install -y nodejs
Esses comandos instalam o Node.js 24 LTS e o npm.
NodeSource
+1
Confira se a instalação funcionou:
bash
node -v
npm -v
2. Criar um projeto React Native
A maneira recomendada para começar é utilizar o Expo, sem precisar instalar uma ferramenta global. Execute:
bash
npx create-expo-app@latest MeuApp
Entre na pasta do projeto:
bash
cd MeuApp
Inicie o servidor de desenvolvimento:
bash
npx expo start
Isso iniciará o Expo e mostrará opções para abrir o aplicativo no celular ou em um emulador.
3. Executar no celular ou emulador
Expo Go - Developer Tools App | MWM
Opção A — Celular Android
Instale o Expo Go no celular.
Conecte o computador e o celular à mesma rede Wi-Fi.
Execute npx expo start.
Leia o QR code exibido no terminal usando o Expo Go.
Android Studio icon in Windows 11 Color Style
Opção B — Emulador Android
Instale o Android Studio, configure o Android SDK e crie um dispositivo virtual. Depois, inicie o emulador e execute:
bash
npx expo start
Pressione a no terminal para abrir o projeto no Android.
4. Verificar o resultado
Para editar a tela inicial, procure o arquivo app/index.tsx ou app/(tabs)/index.tsx, conforme a estrutura criada pelo Expo.
Salve as alterações e o aplicativo poderá atualizar automaticamente.
Importante: não é necessário instalar o React Native globalmente com npm install -g react-native-cli. Para começar, npx create-expo-app é suficiente.
Guia interativo para preparar o ambiente e criar seu primeiro aplicativo
1️⃣ Preparando o ambiente
Para começar a desenvolver aplicativos com React Native,
precisamos preparar algumas ferramentas.
Ferramentas principais:
Node.js
Visual Studio Code
Expo
Um navegador
Celular Android/iPhone ou emulador, opcionalmente
💡 Dica: Para iniciantes, utilizar
Expo é uma das maneiras mais simples de começar
com React Native.
2️⃣ Instalação do Node.js
O Node.js fornece o ambiente necessário para executar ferramentas
utilizadas no desenvolvimento React Native.
Passo 1: Acesse o site oficial do Node.js.
Passo 2: Baixe a versão recomendada (LTS).
Passo 3: Execute o instalador.
Passo 4: Mantenha as opções padrão da instalação.
Depois da instalação, abra o terminal e teste:
node -v
Também podemos verificar o npm:
npm -v
✅ Se aparecer um número de versão, o Node.js foi instalado
corretamente.
3️⃣ Instalação do Visual Studio Code
O Visual Studio Code será utilizado para escrever
e editar os códigos do aplicativo.
Procedimento:
Baixe e instale o Visual Studio Code.
Abra o programa.
Abra o terminal integrado.
Utilize o terminal para executar os comandos do projeto.
Extensões úteis
JavaScript and TypeScript
Prettier
ESLint
O VS Code não é obrigatório, mas é uma excelente opção para
desenvolvimento.
4️⃣ Utilizando o Expo
O Expo simplifica a criação, execução e teste de aplicações
React Native.
Importante:
Atualmente, para começar um projeto Expo, você pode utilizar
diretamente o comando de criação do projeto, sem precisar instalar
globalmente uma ferramenta chamada "expo-cli".
O comando utilizado para criar um projeto é:
npx create-expo-app@latest
O comando npx utiliza a ferramenta necessária
sem exigir uma instalação global permanente.
⚠️ É recomendável manter o Node.js atualizado para evitar
problemas de compatibilidade.
5️⃣ Criando o primeiro projeto
Abra o terminal no VS Code ou no terminal do sistema.
Execute:
npx create-expo-app@latest MeuPrimeiroApp
Entre na pasta:
cd MeuPrimeiroApp
Depois execute o projeto:
npx expo start
🚀 O Expo iniciará o servidor de desenvolvimento e exibirá
opções para abrir o aplicativo.
Você poderá testar o aplicativo de diferentes maneiras.
📱 Celular físico
Instale o Expo Go no celular e utilize o QR Code
apresentado pelo Expo.
🌐 Navegador
Dependendo da configuração do projeto, é possível executar
a aplicação na Web.
🤖 Emulador Android
Também é possível utilizar um emulador Android configurado
no computador.
🎉 Parabéns! Seu ambiente básico para
desenvolvimento React Native está pronto.
Painel didático — Introdução ao desenvolvimento com React Native
⚛️ React Native no Linux
Guia interativo para instalar as ferramentas, criar o primeiro
aplicativo e começar a desenvolver aplicações mobile.
Começando com React Native
O React Native permite criar aplicativos para dispositivos móveis
utilizando JavaScript/TypeScript e componentes baseados em React.
No Linux, o caminho mais simples para começar é utilizar o Expo.
💻 Computador
Linux, Node.js e Visual Studio Code.
⚛️ Desenvolvimento
React Native e Expo para criação dos aplicativos.
📱 Testes
Expo Go no celular ou Android Studio com emulador.
💡 Recomendação para iniciantes:
comece com Node.js + VS Code + Expo + Expo Go.
O Android Studio pode ser instalado posteriormente.
🧰 Ferramentas necessárias
Estas são as principais ferramentas utilizadas no ambiente de
desenvolvimento React Native no Linux.
Node.jsExecuta o ambiente JavaScript.
npmGerencia os pacotes e dependências.
VS CodeEditor utilizado para escrever o código.
ExpoFacilita a criação e execução dos projetos.
Expo GoPermite testar o aplicativo em um celular.
Android StudioPermite utilizar SDK e emulador Android.
1. Instalar Node.js
O Node.js é necessário para executar as ferramentas utilizadas
pelo React Native e pelo Expo.
🛠️ Ferramentas para desenvolver aplicativos com React Native
Para desenvolver aplicativos utilizando React Native com Expo,
você precisará de algumas ferramentas instaladas no computador e,
opcionalmente, de um celular ou emulador para testar o aplicativo.
🟢
Node.js
É o ambiente necessário para executar o JavaScript no computador
e utilizar o npm e as ferramentas do ecossistema React Native.
Necessário para executar as ferramentas do projeto.
✅Visual Studio Code
Editor recomendado para escrever o código.
✅Expo
Ferramentas utilizadas para criar e executar o projeto.
📱Expo Go
Recomendado para testar rapidamente o aplicativo
em um celular físico.
🔧 Ferramentas opcionais
Android Studio — para emulador Android
e desenvolvimento nativo.
Git — para controle de versões.
Expo Snack — para experimentar React Native
diretamente no navegador.
O Android Studio não é necessário para começar utilizando
Expo Go em um celular físico. A própria documentação do Expo
recomenda o uso de um dispositivo real para iniciar.
🚀 Fluxo básico de desenvolvimento
1Node.js
Ambiente de execução
→
2VS Code
Escrever o código
→
3Expo
Executar o projeto
→
4Expo Go
Testar no celular
⌨️ Principais comandos
Criar um novo projeto:
npx create-expo-app@latest MeuPrimeiroApp
Entrar na pasta do projeto:
cd MeuPrimeiroApp
Iniciar o servidor do Expo:
npx expo start
Depois de iniciar o Expo, um QR Code será apresentado.
No Android, ele pode ser escaneado pelo Expo Go.
💡 Para começar em sala de aula
Para uma primeira aula, a configuração mais simples é:
Node.js + VS Code + Expo + Expo Go + celular Android
Com essa configuração, o aluno pode criar o projeto no computador,
escrever o código no VS Code e visualizar o aplicativo diretamente
no celular.
```
02/10/2026 - Elaboração do primeiro App no React Native
🚀 Primeiro Aplicativo com React Native + Expo
Para começar de forma simples, recomendamos utilizar
React Native com Expo, pois ele facilita a configuração
inicial do ambiente de desenvolvimento.
1. Instale o Node.js
Baixe e instale o Node.js no computador.
Depois, abra o CMD ou PowerShell e verifique a instalação:
node -v
npm -v
Se as versões forem exibidas, o Node.js e o npm estão funcionando.
2. Crie o projeto
Abra o CMD e vá até a pasta onde deseja criar o aplicativo:
cd Desktop
Depois, execute:
npx create-expo-app@latest MeuPrimeiroApp
Aguarde a criação do projeto.
3. Entre na pasta do projeto
cd MeuPrimeiroApp
4. Inicie o aplicativo
Execute:
npx expo start
O Expo iniciará o servidor e disponibilizará um
QR Code para abrir o aplicativo.
5. Escolha onde executar
📱 Celular físico
Instale o Expo Go no Android ou iPhone
e leia o QR Code apresentado pelo Expo.
🌐 Navegador
No terminal do Expo, pressione:
w
🤖 Emulador Android
Com um emulador Android configurado, pressione:
a
6. Abra o projeto no VS Code
Abra a pasta MeuPrimeiroApp no Visual Studio Code.
MeuPrimeiroApp
Nos templates atuais do Expo, o arquivo
app/index.tsx é um dos principais pontos
de entrada da aplicação.
7. Crie seu primeiro aplicativo
Substitua o conteúdo da tela por um exemplo simples:
2️⃣ Criar projeto npx create-expo-app@latest MeuPrimeiroApp
⬇️
3️⃣ Entrar na pasta cd MeuPrimeiroApp
⬇️
4️⃣ Iniciar o Expo npx expo start
⬇️
5️⃣ Abrir no celular, navegador ou emulador
⬇️
6️⃣ Editar o código
⬇️
7️⃣ Salvar e visualizar as alterações
🎯 O que o aluno aprende?
Node.js
Expo
React Native
Componentes
JSX/TSX
Estilização
Eventos e interação
```
02/10/2026 - Instalação do React Native no Windows
🚀 Como instalar o React Native no Windows
Para começar a desenvolver aplicativos React Native no Windows, uma das
formas mais simples é utilizar o Expo.
1. Instale o Node.js
Baixe e instale a versão LTS do Node.js. Depois, abra o
PowerShell, Prompt de Comando ou terminal do VS Code e verifique:
node -v
npm -v
Se as versões forem exibidas, o Node.js está instalado corretamente.
2. Instale o Visual Studio Code
O Visual Studio Code pode ser utilizado para criar e editar
os arquivos do projeto React Native.
3. Crie um projeto React Native com Expo
No terminal, execute:
npx create-expo-app@latest MeuAplicativo
Por exemplo:
npx create-expo-app@latest AulaReactNative
4. Entre na pasta do projeto
cd AulaReactNative
5. Inicie o projeto
npx expo start
O Expo exibirá um QR Code no terminal ou no navegador.
📱 6. Teste no celular
Instale o Expo Go no celular.
Conecte o computador e o celular à mesma rede Wi-Fi.
Execute npx expo start.
Escaneie o QR Code exibido pelo Expo.
🌐 7. Teste no navegador
Depois de iniciar o projeto:
npx expo start
Pressione a tecla:
w
O projeto será aberto no navegador.
🖥️ 8. Fluxo resumido
Windows → Node.js LTS → VS Code → Expo → criar projeto → iniciar projeto
💻 Exemplo completo
npx create-expo-app@latest MinhaPrimeiraApp
cd MinhaPrimeiraApp
npx expo start
💡 Para aulas:
utilizando Expo, o aluno pode começar sem configurar inicialmente todo o
ambiente nativo do Android. Isso torna a primeira experiência com React
Native mais simples.
30/09/2026 - RESUMÃO CSS3
30/09/2026 - RESUMÃO HTML / CSS
30/09/2026 - RESUMÃO HTML.
30/09/2026 - RESUMÃO REACT NATIVE
29/09/2026 - Trabalhos sobre paginas web com css (Temas 1ºA Noite)
Victoria (Tema: Serie The Vampire diares)
Nicolly (Tema: Cabelos)
Amanda (Tema: Goop girls)
Isabella (Tema: Musica)
Quezia (Tema: Casos criminais)
Asully (Tema: O quarto album de estudio de Lady Gaga ARTPOP)
04/09/2026 - ATIVIDADE HTML .
Atividade cardapio (USE HTML E CSS)
|
Data de entrega: 09/09/2026.
Opção 3 – Cardápio de Restaurante
Crie uma página de um restaurante fictício contendo:
Nome do restaurante.
Logotipo (imagem).
Lista de pratos.
Foto de pelo menos três pratos.
Horário de funcionamento.
Informações de contato.
18/08/2026 - PREENCHIMENTO DO QUESTIONÁRIO DA SEED .
Boa noite
Por solicitação da SEED, todos os estudantes do Ensino Médio deverão responder as questões da Avaliação das Competências Gerais para o Mundo do Trabalho (CGMT) 2026.
O Laboratório de Informática a ser usado será o que está no Laboratório de Matemática, na Aula de Educação Digital (1ª) e Educação Financeira (2ª e 3ª).
1ªA - 18/08 - 1ª Aula
1ªB - 21/08 - 1ª Aula
2ªA - 19/08 - 2ª Aula
2ªB - 18/08 - 3ª Aula
3ªA - 24/08 - 1ª Aula
3ªB - 24/08 - 4ª Aula
- Professor André, Luiz e Gilberto: Postar no Classroom das respectivas turmas o link de acesso à Avaliação e o Código.
AVALIAÇÃO DAS COMPETÊNCIAS GERAIS BÁSICAS PARA O MUNDO DO TRABALHO
https://cgmt.itaueducacaoetrabalho.org.br/transicao/8za7YzNa7Ev5SYc5i5vqkdzCknPm937fbGhk6MQp2iRY-nhzXdQS1sqPnKyfpPO5FazdKq4iFRPNrxIzYfOOyB43v5tYscttew8A5Pqh
CÓDIGO: 1357
- No ato do preenchimento, os estudantes deverão assinar a lista de presença / protocolo de preenchimento.
Escolha uma das opções abaixo para desenvolver sua página em HTML.
A atividade tem como objetivo avaliar os conhecimentos adquiridos sobre estrutura
básica do HTML, utilização de títulos, parágrafos, listas, links e inserção de imagens.
Valor: 4,0 pontos
Opção 1 – Página de Perfil (Fácil)
Objetivo: Criar uma página HTML simples sobre uma pessoa (real ou fictícia).
Requisitos
Título da página (<title>).
Um título principal (<h1>).
Um subtítulo (<h2>).
Dois parágrafos.
Uma imagem utilizando os atributos src e alt.
Uma lista com três hobbies ou interesses.
Uma linha horizontal (<hr>).
Critérios de Avaliação
Estrutura correta do HTML.
Uso adequado das tags.
Imagem exibida corretamente.
Organização e identação do código.
Opção 2 – Primeiro Site Completo (Recomendada)
Tema:"Meu Filme, Série ou Jogo Favorito"
Requisitos Obrigatórios
Estrutura HTML completa (<!DOCTYPE html>, <html>, <head> e <body>).
Título da página.
Um título principal (<h1>).
Pelo menos três subtítulos (<h2>).
Três imagens relacionadas ao tema.
Um parágrafo para cada seção.
Uma lista ordenada ou não ordenada.
Um link para o site oficial ou para a Wikipédia.
Exemplo de Seções
Sobre
Personagens
Curiosidades
Galeria de Imagens
Opção 3 – Cardápio de Restaurante
Crie uma página de um restaurante fictício contendo:
Nome do restaurante.
Logotipo (imagem).
Lista de pratos.
Foto de pelo menos três pratos.
Horário de funcionamento.
Informações de contato.
Opção 4 – Agência de Viagens
Crie uma página divulgando um destino turístico.
A página deve conter:
Nome do destino.
Imagem principal.
Três pontos turísticos com imagens.
Texto explicativo sobre o local.
Lista de atividades disponíveis.
29/06/2026 - Programas, sites e aplicativos para área de segurança do trabalho.
29/06/2026 - Programas, sites e aplicativos para área de segurança do trabalho.
Busque na internet, uma relação de de 10 sites aplicativos e programas que podem ser utilizados na área de segurança do trabalho.
Elabore uma apresentação sobre apenas um deles, no qual você explicará mais a fundo o mesmo. Na quinta feira faremos uma apresentação rápida para a turma.
04/06/2026 - INTERNET DAS COISAS (UM DIA FEITO DE VIDRO)
04/06/2026 - HISTORIA DO WINDOWS
04/06/2026 - HISTORIA DO LINUX
04/06/2026 - SISTEMAS OPERACIONAIS (MS-DOS)
Entrega: 08/06/26 - Atividade Planilhas Ensino médio CEP
Elabore as planilhas abaixo.
Na coluna total deve constar o valor unitário multiplicado pela quantidade.
Na coluna valor em dólar deve constar a divisão do valor total pela cotação do dolar.
Controle Simples de Gastos Mensais
Crie uma planilha contendo as colunas: Descrição, Valor Previsto e Valor Gasto.
Insira pelo menos 5 despesas diferentes.
Utilize fórmulas de adição para calcular o total gasto.
Aplique formatação monetária (R$).
Destaque os títulos com cor de fundo e texto em negrito.
Boletim Escolar Básico
Desenvolva uma tabela com os nomes de 5 alunos e suas notas em três atividades.
Utilize a fórmula de média para calcular a nota final.
Use fórmulas de soma e divisão.
Aplique cores diferentes para alunos aprovados e reprovados.
Centralize os dados da tabela.
Tabela de Multiplicação e Potenciação
Elabore uma tabela contendo números de 1 a 10.
Crie colunas para:
Dobro do número
Triplo do número
Quadrado do número (potenciação)
Cubo do número
Utilize fórmulas de multiplicação e expoenciação.
Formate as bordas da tabela e ajuste a largura das colunas.
Controle de Produtos de uma Loja
Monte uma planilha com as colunas: Produto, Quantidade, Preço Unitário e Valor Total.
Calcule o valor total utilizando multiplicação.
Calcule o total geral dos produtos usando soma.
Aplique formatação em negrito para os totais.
Utilize cores para diferenciar cabeçalhos e valores finais.
Conversão de Medidas e Descontos
Crie uma tabela com produtos e seus preços originais.
Adicione uma coluna de desconto de 10%.
Calcule o preço final usando subtração e multiplicação.
Inclua uma coluna para converter valores de centímetros para metros.
Formate números com duas casas decimais e utilize alinhamento centralizado.
28/05/29 Atividade Planilha
Exercio para turman do TST (Só aceitarei hoje)
Exércício 21
Respostas do exercício da turma do 1ºA TST
Exercício 1
Na coluna total deve constar o valor uniário multiplicado pela quantidade.
Na coluna valor em dolar deve constar a divisão do valor total pela cotação do dolar. Controle Simples de Gastos Mensais
Crie uma planilha contendo as colunas: Descrição, Valor Previsto e Valor Gasto.
Insira pelo menos 5 despesas diferentes.
Utilize fórmulas de adição para calcular o total gasto.
Aplique formatação monetária (R$).
Destaque os títulos com cor de fundo e texto em negrito.
Boletim Escolar Básico
Desenvolva uma tabela com os nomes de 5 alunos e suas notas em três atividades.
Utilize a fórmula de média para calcular a nota final.
Use fórmulas de soma e divisão.
Aplique cores diferentes para alunos aprovados e reprovados.
Centralize os dados da tabela.
Tabela de Multiplicação e Potenciação
Elabore uma tabela contendo números de 1 a 10.
Crie colunas para:
Dobro do número
Triplo do número
Quadrado do número (potenciação)
Cubo do número
Utilize fórmulas de multiplicação e expoenciação.
Formate as bordas da tabela e ajuste a largura das colunas.
Controle de Produtos de uma Loja
Monte uma planilha com as colunas: Produto, Quantidade, Preço Unitário e Valor Total.
Calcule o valor total utilizando multiplicação.
Calcule o total geral dos produtos usando soma.
Aplique formatação em negrito para os totais.
Utilize cores para diferenciar cabeçalhos e valores finais.
Conversão de Medidas e Descontos
Crie uma tabela com produtos e seus preços originais.
Adicione uma coluna de desconto de 10%.
Calcule o preço final usando subtração e multiplicação.
Inclua uma coluna para converter valores de centímetros para metros.
Formate números com duas casas decimais e utilize alinhamento centralizado.
14/05/2026. Exercícios LibreOffice Calc.
Exercício 1 — Soma de Produtos
Objetivo: praticar formatação básica e soma.
Produto
Quantidade
Preço
Caderno
2
15
Lápis
5
3
Borracha
3
4
Coloque o título em negrito.
Centralize os títulos das colunas.
Crie uma coluna chamada Total.
Multiplique quantidade × preço.
Some todos os totais.
=B2*C2
=SOMA(D2:D4)
Exercício 2 — Controle de Gastos
Objetivo: praticar subtração e formatação de moeda.
23/04/2026. Trabalho sobre hardware - Documentos.1ª A TST (Colégio Estadual Paulo Leminski)
Objetivo: Trabalhar com as normas de formatação de trabalho
Cada aluno terá um tema;
Você deverá entregar um trabalho de texto conforme normas e uma apresentação no formato de slides;
Entrega: 23/04/2026
ALUNO (A)
TEMA
OBSERVAÇÃO
Angela Leite
Placas e outros equipamentos para som no PC
X
Hayanne
SmartPhone
X
Brenda
As 5 gerações de computadores
X
Luiz
Dispositivos para armazenamento de dados no PC
X
Adam
Computadores da Apple
X
João Vitor
Montagem do PC
X
Mariana
Impressora 3D
X
Jonny
Monitores touch screen
X
Monica
Mouse, teclado e gabinete
X
Adriana
Impressoras
X
Lucas
PC Gamer
X
Paulo Custodio
Montagem do PC
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
Edgard
Notebook e Netbook
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
Alessandro
Placa-mãe e processadores
X
Amanda
Smartphones
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
MichaeL
PC Gamer
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
José Luiz
Computadores da Apple
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
Kellynara
Formatação do PV
X
Glenda
Monitores
X
Juracir
Monitores
X
Geovana
Notebooks e Netbooks
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
João
Dispostivos para jogos no pc
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
Elton
Impressoras e Scanners
X
Jorge
Monitores
X
Sandrp
Notebooks e Netbooks
X
Fernanda
Montagem do PC
X
Euler
Computadores da Apple
X
Michele
Smartphones
X
LUCIANO
Placa de som, placa usb e webcam
X
Marcos
Placas diversas para montageem do PC
X
Ana
notebooks e notebooks
X
Jaine
Computador All in one
X
Nicolas
Formatação do PC
X
Montagem do pc
Placa-mãe e processadores
X
Fabio
Placa-mãe e processadores
X
Charlene
Dispositivos para armazenamento de dados no pc
X
23/04/2026. Trabalho sobre hardware - Documentos.1ª B TST (Colégio Estadual Paulo Leminski)
Objetivo: Trabalhar com as normas de formatação de trabalho
Cada aluno terá um tema;
Você deverá entregar um trabalho de texto conforme normas e uma apresentação no formato de slides;
Entrega: 23/04/2026
ALUNO (A)
TEMA
OBSERVAÇÃO
Vicente
Hard Disk (HD)
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
Francisco
PC Gamer
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
Aline
Impressora 3D
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
Emanuel
Placa de vídeo
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
João
Dispostivos para jogos no pc
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
Kethen
Placa-mãe e processadores
X
Elton
Impressoras e Scanners
X
Jorge
Monitores
X
Sandro
Notebooks e Netbooks
X
Fernanda
Montagem do PC
X
Euler
Computadores da Apple
X
Michele
Smartphones
X
LUCIANO
Placa de som, placa usb e webcam
X
Marcos
Placas diversas para montageem do PC
X
Ana
notebooks e notebooks
X
Jaine
Computador All in one
X
Nicolas
Formatação do PC
X
Montagem do pc
Placa-mãe e processadores
X
Fabio
Placa-mãe e processadores
X
Charlene
Dispositivos para armazenamento de dados no pc
X
Caroline
Celulares e Smartphone
X
Luciano Kuhn
PC All in one
X
26/03/2026. Trabalho sobre hardware - Documentos.1ª A (Colégio Estadual do Paraná)
Objetivo: Trabalhar com as normas de formatação de trabalho
Cada aluno terá um tema;
Você deverá entregar um trabalho de texto conforme normas e uma apresentação no formato de slides;
Entrega: 17/04/2026
ALUNO (A)
TEMA
OBSERVAÇÃO
Alexis
PC Gamer
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
Isabela
Placa-mãe e processadores
X
Igor
Impressoras e Scanners
X
Gustavo
Monitores
X
Quezia
Notebooks e Netbooks
X
Cauã
Montagem do PC
X
Isabla
Smartphones
X
Thaissa
Placa de som, placa usb e webcam
X
Amanda
Placas diversas para montageem do PC
X
Arisson
Dispositivos para jogos no PC
X
Gabriel
PC da apple
X
Vitoria
Formatação do PC
X
Isabla
Placa-mãe e processadores
X
Isabla
Placa-mãe e processadores
X
26/03/2026. Trabalho sobre hardware - Documentos.1º B - Documentos.1ª A (Colégio Estadual do Paraná)
Objetivo: Trabalhar com as normas de formatação de trabalho
Cada aluno terá um tema;
Você deverá entregar um trabalho de texto conforme normas e uma apresentação no formato de slides;
Entrega: 17/04/2026
ALUNO
TEMA
OBSERVAÇÃO
CAUÊ
PLACA MAE E PROCESSADORE
EMILLY
IMPRESSORAS E SCANNERS
LUANE
MONITORES
GEOVANA
PC GAMER
LETICIA
PLACAS DE VÍDEO
EDUARDO
NOTEBOOKS
DAVI
MONTAGEM DO PC
CAIO
PLACA DE SOM, PLACA USB, WEBCAM
MATHEUS
MANUTENAO DO PC
GABRIEL
PLACAS DIVERSAS PARA MONTAGEM DO PC
IGOR
DISPOSITIVOS PARA JOGOS NO PC
26/03/2026. Aula osbre o Google Docs - Documentos.
Usando ou o word ou googleDocs elabore um curriculum pessoal.
19/03/2026. Formatação básica de textos.
1. Formatação básica de texto
Objetivo: Aprender a formatar textos.
Atividade:
1 - Digite um pequeno parágrafo (5 a 8 linhas) sobre “Tecnologia na educação” e aplique: Título centralizado e em negrito
Texto justificado
Fonte tamanho 12 no corpo
Espaçamento entre linhas de 1,5
2. Criação de lista Objetivo: Utilizar listas organizadas.
Atividade:
Crie uma lista com 5 vantagens do uso da internet nos estudos:
Faça uma lista com marcadores
Em seguida, transforme em lista numerada
3. Inserção de imagem Objetivo: Trabalhar com elementos visuais.
Atividade:
Insira uma imagem relacionada à educação
Ajuste o tamanho
Adicione uma legenda abaixo da imagem
4. Uso de tabela Objetivo: Organizar informações em tabela.
Atividade:
Crie uma tabela com 3 colunas e 4 linhas contendo:
Nome
Disciplina
Nota
Preencha com dados fictícios.
5. Cabeçalho e rodapé Objetivo: Inserir elementos padronizados.
Atividade:
Adicione um cabeçalho com seu nome
Adicione um rodapé com número de página
Inclua a data no rodapé
6. Revisão de texto Objetivo: Utilizar ferramentas de correção.
Atividade:
Digite um pequeno texto com erros propositais e depois:
Use o corretor ortográfico
Corrija os erros sugeridos
Destaque (com cor) as palavras corrigidas
08 - Proteção dos Pés, Calçados antiderrapantes, Botina de segurança com biqueira de aço ou composite
SANDRO
09 - Proteção do Corpo,
Avental de proteção (PVC, raspa, térmico),
Macacão de proteção, Colete refletivo – Trabalhos em vias públicas ou áreas com veículos.
Aluno Responsável
10 - Cintos de segurança.
Ademir
11 - Protetor auricular tipo plug – Redução de ruídos.
13 - Máscara PFF2 / respirador descartável – Proteção contra poeiras e aerossóis.
Aluno Responsável
14 - Respirador com filtro químico – Contra vapores e gases.
lUIZ HENRIQUE
15 - Luvas de látex ou nitrílica – Proteção química e biológica,
Luvas de raspa de couro – Proteção térmica e mecânica
uvas anticorte – Manuseio de materiais cortantes.
Aluno Responsável
16 - Acidentes de trabalho - Conceitos gerais
EMANUEL /CHARLENE
17 - Panorama Geral, Conceito de acidente de trabalho,
Diferença entre acidente típico, de trajeto e doença ocupacional,
Estatísticas atuais no Brasil, Impactos sociais, financeiros e emocionais
Aluno Responsável
18 - Legislação e Normas, Direitos e deveres do empregador e do trabalhador, Comunicação de Acidente de Trabalho (CAT)
Principais Normas Regulamentadoras (NRs), como:
-> NR-01 (Disposições Gerais)
-> NR-06 (EPI)
-> NR-12 (Máquinas e Equipamentos)
-> NR-35 (Trabalho em Altura)
-> Papel do Ministério do Trabalho e Emprego na fiscalização
Sarahel
19 - Principais Causas de Acidentes
Falta de uso de EPI, Atos inseguros, Condições inseguras, Falta de treinamento, Excesso de jornada e fadiga.
Aluno Responsável
20 - Tipos de Acidentes Mais Comuns, Quedas de altura, Choques elétricos, Cortes e amputações, Intoxicações, Queimaduras, Acidentes com máquinas.
EULER
21 - Cultura de Segurança, Importância da prevenção, Comportamento seguro, Comunicação de riscos,
SIPAT (Semana Interna de Prevenção de Acidentes)
ANGELA LEITE
22 - Principais Causas de Acidentes
Falta de uso de EPI, Atos inseguros, Condições inseguras, Falta de treinamento, Excesso de jornada e fadiga.
cAROLINE
23 - Prevenção e Medidas de Controle, Uso correto de EPI, EPC (Equipamentos de Proteção Coletiva),
Treinamentos periódicos, Análise Preliminar de Risco (APR), DDS (Diálogo Diário de Segurança).
Aluno Responsável
24 - Consequências dos Acidentes, Lesões temporárias e permanentes, Impacto psicológico, Custos para a empresa
Afastamentos e benefícios previdenciários
Aluno Responsável
25 - Estudos de Caso, Análise de acidentes reais, O que poderia ter sido evitado, Lições aprendidas.
Kellynara
26 -
Aluno Responsável
27 -
Aluno Responsável
28 - .
Aluno Responsável
29 -
Aluno Responsável
30 - .
Aluno Responsável
23/02/2026. Elaboração de apresentações sobre EPI. (Valor 1,0 ponto).
TURMA DO 1ºa TST
Escolha um dos temas e avise o professor;
Elabore a apresentação no PowerPoint, Libreoffice ou googleDocs;
A apresentação deverá ter entre 10 e 15 slides;
Use fonte grande (32 ou 36) preferencialmente fonte arial ou times new romam;
Insira gráficos e figuras;
Entrega até: 06/03/2026;
Poste pelo ClassRoom ou envie por e-mail: andre@oxnar.com.br;
Temas gerais: EPIs / Acidentes de trabalho.
Tema
Aluno Responsável
01 - Luvas e proteção para as mãos
Jhonny / Vitor
02 - Botas e proteção para os pés
Jessica
03 - Proteção para os olhos e face
Fernanda
04 - Protetor auricular tipo plug,
Protetor auricular tipo concha (abafador).
Indicados para ambientes com ruído acima do limite permitidos.
08 - Proteção dos Pés, Calçados antiderrapantes, Botina de segurança com biqueira de aço ou composite
Aluno Responsável
09 - Proteção do Corpo,
Avental de proteção (PVC, raspa, térmico),
Macacão de proteção, Colete refletivo – Trabalhos em vias públicas ou áreas com veículos.
Brenda
10 - Cintos de segurança.
Lucas Raian
11 - Protetor auricular tipo plug – Redução de ruídos.
13 - Máscara PFF2 / respirador descartável – Proteção contra poeiras e aerossóis.
Aluno Responsável
14 - Respirador com filtro químico – Contra vapores e gases.
Aluno Responsável
15 - Luvas de látex ou nitrílica – Proteção química e biológica,
Luvas de raspa de couro – Proteção térmica e mecânica
uvas anticorte – Manuseio de materiais cortantes.
Aluno Responsável
16 - Acidentes de trabalho - Conceitos gerais
José Luiz
17 - Panorama Geral, Conceito de acidente de trabalho,
Diferença entre acidente típico, de trajeto e doença ocupacional,
Estatísticas atuais no Brasil, Impactos sociais, financeiros e emocionais
Aluno Responsável
18 - Legislação e Normas, Direitos e deveres do empregador e do trabalhador, Comunicação de Acidente de Trabalho (CAT)
Principais Normas Regulamentadoras (NRs), como:
-> NR-01 (Disposições Gerais)
-> NR-06 (EPI)
-> NR-12 (Máquinas e Equipamentos)
-> NR-35 (Trabalho em Altura)
-> Papel do Ministério do Trabalho e Emprego na fiscalização
Sarahel
19 - Principais Causas de Acidentes
Falta de uso de EPI, Atos inseguros, Condições inseguras, Falta de treinamento, Excesso de jornada e fadiga.
Aluno Responsável
20 - Tipos de Acidentes Mais Comuns, Quedas de altura, Choques elétricos, Cortes e amputações, Intoxicações, Queimaduras, Acidentes com máquinas.
João Victor
21 - Cultura de Segurança, Importância da prevenção, Comportamento seguro, Comunicação de riscos,
SIPAT (Semana Interna de Prevenção de Acidentes)
Aluno Responsável
22 - Principais Causas de Acidentes
Falta de uso de EPI, Atos inseguros, Condições inseguras, Falta de treinamento, Excesso de jornada e fadiga.
Amanda
23 - Prevenção e Medidas de Controle, Uso correto de EPI, EPC (Equipamentos de Proteção Coletiva),
Treinamentos periódicos, Análise Preliminar de Risco (APR), DDS (Diálogo Diário de Segurança).
Aluno Responsável
24 - Consequências dos Acidentes, Lesões temporárias e permanentes, Impacto psicológico, Custos para a empresa
Afastamentos e benefícios previdenciários
Edson Jr.
25 - Estudos de Caso, Análise de acidentes reais, O que poderia ter sido evitado, Lições aprendidas.
"
