Baixe o app para aproveitar ainda mais
Leia os materiais offline, sem usar a internet. Além de vários outros recursos!
ATIVIDADE PRATICA - FERRAMENTA DE DESENVOLVIMENTO WEB
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Compartilhar
Prévia do material em texto
CENTRO UNIVERSITÁRIO INTERNACIONAL UNINTER
ESCOLA SUPERIOR POLITÉCNICA
CURSO
FERRAMENTAS DE DESENVOLVIMENTO WEB
ATIVIDADE PRÁTICA
PROFESSOR
CIDADE - ESTADO
2021
1
1. Estrutura de pastas do projeto
2. Arquivos:
a. app.component.html
https://1drv.ms/u/s!Av0LwdFxjksAmRkCsoSxiRUWUCwf?e=Qxqt0aa
<!DOCTYPE html>
<html lang en>
<head>
<meta charset="UTF 8">
<meta http equiv="X-UA-Compatible" content="edge">
<meta name="viewport" content="width=<device-width>, initial-scale=1.0">
<title>Ferramentas de Desenvolvimento WEB</title>
</head>
<body>
<h1>Atividade Prática - UNINTER 2021</h1>
<div class="content"></div>
<table class="rTable">
<thead>
<tr>
<th><></th>
<th>Nome do Aluno</th>
<th><></th>
<th>RU</th>
<th><></th>
<th>Nome do Curso</th>
<th><></th>
<th>Data de Nascimento</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let people of data">
<td></td>
<td>{{people.NOME}}</td>
<td></td>
<td>{{people.RU}}</td>
<td></td>
<td>{{people.CURSO}}</td>
<td></td>
<td>{{people.DN}}</td>
</tr>
</tbody>
</table>
<div></div>
</body>
</html>
<router-outlet></router-outlet>
https://1drv.ms/u/s!Av0LwdFxjksAmRkCsoSxiRUWUCwf?e=Qxqt0aa
b. app.component.ts
https://1drv.ms/u/s!BP0LwdFxjksAmRgfmDYdykMD-6jq?e=io7Piad
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
title = 'ola-mundo';
data: Array<any>
; constructor() {
this.data = [
{ NOME: 'João das Neves', RU: '812021', CURSO: 'Ferramentas de Desenvolvimento
Web', DN: '27/05/1985' },
{ NOME: 'Super Mario Bros', RU: '123456', CURSO: 'Super Nintendo', DN:
'12/01/1967' },
{ NOME: 'Ninja Giraia', RU: '654321', CURSO: 'Programas de Televisão Japone-
sa', DN: '05/12/1945' },
{ NOME: 'Pedro Alvares Cabral', RU: '000001', CURSO: 'Descobrindo Continen-
tes', DN: '01/01/1500' },
{ NOME: 'Harry Potter', RU: '698521', CURSO: 'Como lidar com a fama de ser o
escolhido', DN: '03/05/1999' }
];
}
}
3. Imagem do código em Execução
https://1drv.ms/u/s!BP0LwdFxjksAmRgfmDYdykMD-6jq?e=io7Pid
Continue navegando
Materiais relacionados
25 pág.
Perguntas relacionadas
Compartilhar