Angular: O que é? – Aprenda instalar

Angular é uma plataforma e framework para construção da interface de aplicações web, usando HTML, CSS e principalmente JavaScript. Angular foi desenvolvido pelo Google.

Angular permite construções utilizando elementos básicos interessantes, podemos destacar os principais componentes, como templates, diretivas, roteamento, módulos, serviços, injeção de dependência e ferramentas de infraestrutura que automatizam tarefas, para executar os testes unitários de uma aplicação.

Angular é uma plataforma open source, possui uma grande comunidade, existe várias empresas utilizando e tem muito material de estudo para quem deseja se aperfeiçoar na plataforma.

Angular 2+ ou Angular 2 é uma reescrita do Angular JS, feito pela mesma equipe que o construiu.

O Angular JS foi querido das pessoas no mercado por alguns anos, pois é um framework de desenvolvimento web, já o Angular 2 uma plataforma que não era só para desenvolvimento web, mas também mobile e com mudanças significativas na sua estrutura.

Possui Linguagem TypeScript a linguagens mais usadas nas aplicações do Angular e a que mais vemos na sua documentação, uma linguagem de programação feita pela Microsoft. É também um superset do JavaScript, faz tudo que o JavaScrips faz e ainda mais algumas coisas.

O Angular já tive várias verões e a mais atual e o Angular 8.

Instalações do Angular

Gerenciador de pacotes npm

Os aplicativos Angular, CLI Angular e Angular dependem dos recursos e funcionalidades fornecidos pelas bibliotecas disponíveis como pacotes npm. Para baixar e instalar pacotes npm, você deve ter um gerenciador de pacotes npm.

Este guia de configuração usa a interface da linha de comandos do cliente npm, que é instalada. Node.jspor padrão.

Para verificar se você tem o cliente npm instalado, execute npm -vem uma janela de terminal / console.

Instalar a CLI Angular

Você usa a CLI Angular para criar projetos, gerar código de aplicativo e biblioteca e executar uma variedade de tarefas de desenvolvimento em andamento, como teste, empacotamento e implantação.

Instale a CLI Angular globalmente.

Para instalar a CLI usando npm, abra uma janela de terminal / console e digite o seguinte comando:

npm install -g @angular/cli

Criar um espaço de trabalho e aplicativo inicial

Você desenvolve aplicativos no contexto de um espaço de trabalho Angular.

Para criar um novo espaço de trabalho e um aplicativo inicial:

1- Execute o comando da CLI ng newe forneça o nome my-app, como mostrado aqui:

 

ng new my-app

 

2- O ng newcomando solicita informações sobre os recursos a serem incluídos no aplicativo inicial. Aceite os padrões pressionando a tecla Enter ou Return.

A CLI Angular instala os pacotes Angular npm necessários e outras dependências. Isso pode levar alguns minutos.

A CLI cria um novo espaço de trabalho e um aplicativo de boas-vindas simples, pronto para ser executado.

 

Executar o aplicativo

A CLI Angular inclui um servidor, para que você possa criar e servir seu aplicativo facilmente localmente.

1- Vá para a pasta da área de trabalho (my-app).

2- Inicie o servidor usando o comando da CLI ng serve, com a –openopção

 

cd my-app

ng serve –open

O ng servecomando inicia o servidor, observa seus arquivos e reconstrói o aplicativo à medida que você faz alterações nesses arquivos.

A opção –open (ou apenas -o) abre automaticamente o seu navegador para http://localhost:4200/.