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/.