Repositório para atividades da disciplina de Tópicos Avançados em Computação.

1° Como instalar o TypeScript? 📝

Precisamos inicialmente instalar a plataforma Node.js.

O compilador TypeScript na linha de comando pode ser instalado como um pacote Node.js.

npm install -g typescript

2° Como criar um projeto TypeScript? 📝

Crie uma pasta com o nome do seu projeto e execute o comando:

npm init

3° Como fazer a compilação automática ao salvar um arquivo TypeScript? 📝

Executando o comando a seguir o typescript fica em modo standby até que seja feita alguma ação:

tsc -w

4º Como declarar variáveis e constantes? 📝

function olaMundo(nome: string) {
  console.log("Olá Mundo")
}

olaMundo("Davi")

5° Como declarar uma função e especificar seus parâmetros e o tipo de retorno? 📝

function olaMundo(nome: string) {
  console.log("Olá Mundo")
}

var meuNome = "Davi Josué Palmas";
olaMundo(myName);

6° Como especificar um valor default na passagem de parâmetros em uma função, caso o invocador não especifique um valor? 📝

function olaMundo(nome: string) {
  console.log("Olá Mundo")
}

var meuNome: string = "1";
olaMundo(meuNome);

7° Como declarar uma interface? 📝

interface Pessoa {
  nome: aly,
  cidade: aly
}

8° Como instanciar um objeto de uma interface? 📝

interface Pessoa {
  nome: aly,
  cidade: aly
}

const pessoa: Pessoa = {nome: 'Davi', cidade: 

9° Como declarar uma classe? 📝

class Pessoa {
  private nome: string;

  constructor(nome: string) {
    this.nome = nome;
  }
}

10° Como instanciar um objeto de uma classe utilizando o operador new? 📝

class Pessoa {
  private nome: string;

  constructor(nome: string) {
    this.nome = nome;
  }
}

const pessoa = new Pessoa('Davi')

11° Como declarar uma função seguindo a notação arrow function? 📝

const olaMundo = () => {
  console.log("Olá Mundo")
}

olaMundo();

12° Quais são os tipos de dados do TypeScript? 📝

var jaVotou: boolean = false;
var ano: number = 2021;
var nome: string = "Davi";
var numeros: number[] = [1, 2, 3, 4, 5];
var numeros: Array<number> = [1, 2, 3, 4, 5];
enum Cor { Vermelho, Verde, Azul };
var c: Cor = Cor.Azul;
var Any: any = 4;
Any = "Talvez seja uma string";
Any = "false";

function User(): void {
  alert("Mensagem de aviso")
}

13° Como instanciar um array vazio? Cite duas formas. 📝

var pessoas: string[] = [];
var pessoas: Array<string> = [];

14° Como instanciar um array tipado de números? Cite duas formas. 📝

var numeros: number[] = [1, 2, 3, 4, 5];
var numeros: Array<number> = [1, 2, 3, 4, 5];

15° Como percorrer um array com a estrutura for e mostrar no console do navegador o valor de cada item? 📝

for (let volta = 1; volta <= 5; volta++) {
  console.log('Dando a volta número ' + volta);
};

16° Como percorrer os itens de um array utilizando o seu método forEach()? 📝

numeros.forEach(element => {
  console.log("Percorrendo números " + numeros);
});

17° Como filtrar itens de um array? 📝

function ehMaior(valor) {
  return (valor >= 10);
}

var numeros = [12, 5, 8, 130, 44].filter(ehMaior);
console.log("Teste de valor : " + numeros);

18° Como aplicar transformações sobre os itens de um array? 📝

// Mapeando array de números para um array de raízes quadradas
var numeros = [1, 4, 9];
var raizes = numeros.map(Math.sqrt);
console.log("Raizes: " + raizes);

19° Como sintetizar/reduzir valores de um array em um único valor? 📝

var numeros = [1, 2, 3, 4, 5, 6];
var total = numeros.reduce(function (total, numero) {
  return total + numero;
}, 0);
console.log(total);

20° Criar uma interface para representar uma “Cidade”, contendo dois atributos: uf e o nome da cidade. 📝

interface Cidade {
  nome: string,
  uf: string
}

const pessoa: Cidade = {
  nome: 'Medianeira', 
  uf: PR'
}

console.log(pessoa);

21° Criar um array de Cidade, adicionando algumas cidades. 📝

var cidades: string[] = ['Medianeira', 'Foz do Iguaçu', 'Cascavel', 'Curitiba'];
console.log("Lista de cidades: " + cidades);

22° Criar um projeto para consumo de uma API REST. 📝

Esta API disponibiliza uma lista de usuários, que podem ser obtidos de forma paginada. Fazer uma página HTML, para exibir a lista dos usuários e os links de paginação. Criar o TypeScript para consumir os dados da API e atualizar a página HTML conforme a paginação selecionada pelo usuário. Mostrar os dados dos objetos oriundos da API (nome, e-mail e avatar). Siga o exemplo de consumo de uma API.

Consumo de API REST
Integração Contínua - Docker & Jenkins
Ecommerce