Aprenda como preparar um ambiente de desenvolvimento para programar com o Angular e crie o seu primeiro projeto simples.

Características

• Criação da estrutura inicial da aplicação
• Criação do componente de olá mundo
• Execução da aplicação

Exemplo de código

import { Component, OnInit } from '@angular/core';

@Component({
 // contém o nome pelo qual o componente é conhecido dentro da nossa aplicação
 selector: 'app-ola-mundo',
 //  endereço para o template HTML do componente
 templateUrl: './ola-mundo.component.html',
 // contém o endereço de todas as folhas de estilo do componente
 styleUrls: ['./ola-mundo.component.css']
})
export class OlaMundoComponent implements OnInit {

 constructor() { }

 ngOnInit() {
 }

}

O que eu preciso aprender?

1. Angular CLI

• Aula 4 - Instalando o Angular CLI
• Aula 2 - Angular CLI

2. Como executar a aplicação

• Aula 3 - Executando a aplicação

3. Criando o primeiro componente

• Aula 5 - Criando o componente de Olá Mundo