Category Archives: Angular

#01 – Angular2 – Fundamentos – Arquitetura 

Um pouco de teoria! – Web Apps!

Saga: M&M (Mundo Mobile)

Conheça agora as novas features do Angular2 projetadas para nos ajudar no desenvolvimento de nossos webapp. Vamos lá:

A representação da arquitetura Angular2 e todos os recursos disponíveis.

A arquitetura do Ang2 compõe:

basico_arquitetura

  • Modulos
  • Componentes
  • Templates
  • Serviços
  • Metadados
  • Diretivas
  • Injeção de dependência

basico_arquitetura2

Continua.

#02 – Ang2 – ng new 

Um pouco de teoria! #1 – Create WebApp!

Saga: M&M (Mundo Mobile)

Continuando a saga para nos familiarizar com o Angular CLI. Aprenda agora conceitos e utilização do comando ng new responsável por criar um projeto Angular. Vamos lá:

O new

Aponte para a pasta do projeto. Este comando cria um projeto Angular:

ng new MinhaApp

Pronto! Agora temos a criação do projeto Angular contendo o projeto Angular. Durante a execução teremos essas tarefas sendo realizadas (configuradas/instaladas) especialmente para nós:

basi_ng_new

  • Um novo diretório
  • As dependências NPM
  • TS configurado
  • Executor de unit tests configurado
  • Framework de teste end-to-end Protractor configurado
  • Arquivos de ambiente com configuração padrão
  • Node_modules e suas dependências

Todos os arquivos/diretórios da nova app são gerados com base no guide style Angular.

package.json

Abra este arquivo de configurações do app e veja todas as dependências criadas especialmente para nós pelo AngularCLI:

basi_ng_new_json

Agora é só abrir o projeto no VSCode

Para mais detalhes