av01_introducao_react_native (1)

Prévia do material em texto

1 
 
 
Técnico em Informática Integrado 
PROGRAMAÇÃO ORIENTADA A EVENTOS 
Introdução ao JavaScript e REACT 
Trabalho Avaliativo 01 
 
Código de Referência: Pode utilizar o código-fonte das aulas 
Descrição 
Para obtenção da nota do trabalho, será necessário atender os criterios avaliativos, usar o react-native. E seguir 
os critérios avaliativos descritos abaixo. 
 
Critérios de Avaliação 
1. Organização dos arquivos, o código-fonte da aplicação não deve apresentar erros durante uso: 1.5 Ponto 
a) As questões de 2 a 4 devem ser criadas um compoente para cada uma em arquivos separados. E 
devem ser chamados na tela principal do App. 
2. Crie uma tela com uma listagem de dados: 1.5 Ponto 
a) Use um vetor de objetos com no mínimo 3 e no maximo 10 elementos. Cada elemento deve possuir 
no mínimo 2 atributos. 
b) Crie um botão para aplicar um filtro através da função filter(), o criterio do filtro é de sua escolha. 
3. Formulário - Deve efetuar um cálculo matemático utilizando uma ou mais fórmulas: 2.5 Pontos (OBS: Não podem 
ser cálculos simples, Ex: soma ou subtração e etc...) 
a) O usuário deve informar no mínimo 2 valores como entrada de dados para a operação, e pode ou não 
informar a fórmula ou operação a ser usada. Ex: Calculadora de IMC ou conversões de moedas ou 
calculadora para realização de empréstimo(Calcular o seu juros), ou algum outro calculo de sua escolha; 
b) Utilizar o Try Catch para tratar algum tipo de excessão que venha a ocorrer no código-fonte. 
4. Crie no mínimo 3 componentes diversos, que sejam diferentes das questões 2 e 3, sendo: 3 Ponto 
a) 1 Componente usando Função Anonima; 
b) 1 Componente usando Arrow Function; 
c) 1 Componente usando Classe; 
d) Cada componente deve realizar uma ação definida por você(s) Ex: Carregar uma imagem, outro ter um 
formulário com no minimo 3 campos ou outro realizar algum calculo matemático utilizando alguma 
fórmula, ou um componente que passe parametros via props etc... 
5. Gravação de um vídeo* com no mínimo 3 e máximo de 10 minutos apresentando a aplicação e o código-
fonte. 1,5 Ponto 
 
Observações do trabalho e sobre o seu envio: 
1. Enviar o link do projeto no Expo Snack, pode utilizar o VisualCode. Se for usa-ló, deverá ser informado no 
momento do envio do código-fonte através do Moodle. 
2. O códigos-fonte do projeto devem ser compactado em um único arquivo com a extensão .zip com o 
nome_sobrenome_aluno01_nome_sobrenome_aluno02.zip. Deve ser enviado junto com o link do projeto 
do Expo Snack, em um arquivo .txt junto com o(s) nome(s) do(s) aluno(s). 
3. Compartilhar o projeto em uma pasta no Google Drive e dar permissão de acesso externo seguindo a opção. 
(Qualquer pessoa com o link pode ver. Na opção Gerar link, ir em compartilhado e em seguida - qualquer 
pessoa com o link pode ver); 
4. A pasta deve conter o projeto compactado no formato .zip e o vídeo* com explicação do projeto; 
5. Se o trabalho for individual colocar o nome_sobrenome_aluno, se for em duplo nome_sobrenome_aluno01 
e nome_sobrenome_aluno02 em um arquivo .txt dentro da pasta junto com o projeto compactado e o vídeo; 
6. Caso seja enviado o link da pasta compactada sem a permissão informada no item 03, será atribuído a nota 
zero para o aluno ou dupla. 
https://reactnative.dev/docs/getting-started
https://snack.expo.dev/
https://snack.expo.dev/
2 
 
 
 
 
* Observações sobre a gravação do Vídeo 
Itens a serem apresentados no vídeo, deve seguir o seguinte um roteiro 
– A apresentação do(s) aluno(s) e uma visão geral do que vai ser mostrado; 
– Apresentar cada parte da atividade avaliativa de acordo com os critérios avaliativos de forma resumida; 
– Mostrar o Projeto funcionando simulando o seu uso; 
– Se for dupla, todos os integrantes devem se apresentar falando o seu nome. 
 
Links Úteis 
• React-Native Documentação Oficial: https://reactnative.dev/ 
• React-JS W3Schools: https://www.w3schools.com/REACT/ 
• Gravação de Tela com o ScreenRec ferramenta gratuita: https://screenrec.com/ 
• Vídeo explicando a ferramenta ScreenRec: https://www.youtube.com/watch?v=03eE8SctU5E 
• Editor de Vídeo Schotcut Gratuito: https://shotcut.org/ 
• Vídeo explicando como usar o Schotcut: https://youtu.be/wAN7vWRuBM8 
https://reactnative.dev/
https://www.w3schools.com/REACT/
https://screenrec.com/
https://www.youtube.com/watch?v=03eE8SctU5E
https://shotcut.org/
https://youtu.be/wAN7vWRuBM8