1 -Para criar um projeto, posicione o prompt até a pasta de projetos e execute a instrução “ionic start <nome-do-projeto> blank

2 – No menu escolha a opção “Angular”

3 – Create free ionic account ? Responda N

4 – Ao finalizar, se posicione no diretório do projeto e execute o comando “code .” Há um espaço entre a palavra “code” e o “ponto”.

5- Dentro do Visual Studio Code, vá até o menu “Terminal” -> “New Terminal”

6 – O terminal será aberto na parte inferior da tela, execute o comando “ionic serve –l”

7 – Install @ionic/lab ? Responda Y

8 – O navegador default do seu computador será aberto e seu aplicativo será executado.�Esse procedimento só precisa ser feito uma vez, sempre que um arquivo do seu aplicativo for alterado e salvo, as mudanças feitas são atualizadas automaticamente.�Para salvar uma alteração feita em um arquivo pressione “Ctrl S”.�

9 – O projeto tem centenas de arquivos.�Inicialmente vamos manipular apenas dois:�calcSimples > src > app > home �home.page.html -> tela do aplicativo��calcSimples > src > app > home�home.page.ts > código fonte da tela, arquivo que é feita a programação das funcionalidades da tela.�

Código do arquivo home.page.html

Código do arquivo home.page.ts

Nosso aplicativo usa programação orientada em objetos.

Para usar um objeto é preciso criar uma classe.

​

Uma classe possui apenas três componentes:

​

Atributo: são as variáveis que precisaremos usar no código fonte do aplicativo.

​

public n1: number;

Método: são as instruções que em conjunto possuem um determinado objetivo dentro do aplicativo.

​

adicionar() {

this.res = this.n1 + this.n2;

}

​

Construtor: método que é executado automaticamente, sempre que aplicativo for iniciado. Usado principalmente para definir configurações iniciais para o aplicativo.

​

constructor() {

this.n1 = 0;

this.n2 = 0;

this.res = 0;

}