Plataformas de Aplicações Web

Lista de Exercícios – Aula 15

PetTopStore - Loja online - Parte 2

Questão única

Crie um componente Svelte que permite converter temperatura na escala celsius para
fahrenheit com as seguintes características:
● Um INPUT para se digitar o valor da temperatura em celsius, associado com uma
variável chamada "celsius".
● Um botão com o título "converter" que executa uma função que atribui a variável
"fahrenheit" o valor correspondente ao que está em "calsius".
● Um texto abaixo do botão com o valor em fahrenheit após a conversão.

Utilize a seguinte fórmula para converter celsius para fahrenheit:

F = (C x 9/5) + 32
Onde:
C = temperatura em celsius
F = temperatura em fahrenheit

Dica: As funções parseInt ou o parseFloat, do Javascript, permitem a conversão de texto

para int ou float, respectivamente.
 Desenvolvimento para Dispositivos Móveis
Lista de Exercícios – Aula 14
Criando App Blog

Exercício 1
Com base na aula 14 Criando Blog, você vai criar uma Agenda de contatos. Para isso, você
vai utilizar a API <https://jsonplaceholder.typicode.com/users>, similar a atividade da aula
12. Nesta API, há um conjunto de 10 usuários com os seguintes campos (Ex usuário com
id: 1):

{
"id": 1,
"name": "Leanne Graham",
"username": "Bret",
"email": "Sincere@april.biz",
"address": {
"street": "Kulas Light",
"suite": "Apt. 556",
"city": "Gwenborough",
"zipcode": "92998-3874",
"geo": {
"lat": "-37.3159",
"lng": "81.1496"
}
},
"phone": "1-770-736-8031 x56442",
"website": "hildegard.org",
"company": {
"name": "Romaguera-Crona",
"catchPhrase": "Multi-layered client-server neural-
net",
"bs": "harness real-time e-markets"
}
},

Exercício 2
Na tela principal do seu app, liste os usuários. Os campos que devem aparecer são: nome
e número de telefone. Você deve fazer isso ao carregar a tela, assim como na criação do
Blog traz as postagens no início.

Exercício 3
Ao clicar em um contato, o usuário deverá ser redirecionado para outra tela, a tela de
detalhes do contato, que acessa o “user” da API com “id” igual ao “id” do contato clicado.
Para isso, faça uma nova consulta a API acessando o user desejado, isto é, pelo “id”
 Desenvolvimento para Dispositivos Móveis
Lista de Exercícios – Aula 14
Criando App Blog

específico: <https://jsonplaceholder.typicode.com/users/1>. Nesse caso retornará o user

de id igual a 1.

Exercício 4
Na tela de detalhes, você deve exibir nome, username, email, contato, website e endereço.

Dicas e Sugestões:
1. Navegue pela API e veja que métodos você vai utilizar e o retorno deles

2. Use os recursos da aula 11, touchables e navegação para clicar em um contato e ser
direcionado para a página de detalhes.
3. Use o conteúdo da aula 12 para pegar os dados da API e listá-los. Tem um exemplo
igualzinho na aula. :)
4. Use o conteúdo da aula 14 para combinar listagem de dados acessados via API, com
touchables e navegação. É um exemplo igualzinho ao Blog, mas agora é uma Agenda.
5. Cuidado! Há dados dos usuários que vem aninhados. Por exemplo, o endereço é um
composto de várias informações. Pesquise como tratar esse tipo de dado.
 Desenvolvimento para Dispositivos Móveis
Lista de Exercícios – Aula 15
Publicação

Exercício 1
Vamos gerar as builds de publicação do nosso App

Exercício 2
Escolha um aplicativo construído em alguma atividade presencial, preferencialmente os
últimos que têm mais recursos.

Exercício 3
Crie os artefatos para Android. De preferência, gere a APK e instale no seu dispositivo se
for Android.

Exercício 4
Crie os artefatos para iOS.

Dicas e Sugestões:
1. Para criar os artefatos você vai precisar preparar o app para publicação! Se você
ainda não sabe como fazer isso, volte duas casinhas e assista a vídeo-aula presente
no material didático da aula 15. Prepara o arquivo app.json e os assets. Pode usar
os mesmos ícones usados na aula.
2. Além disso, no mesmo material, tem o passo-a-passo para fazer a criação dos
artefatos sugeridos! Fácil né?
3. Já criou os artefatos acompanhando as vídeo-aulas do material? Escolha outro App
e repita o processo.