Introdução ao Angular

Blz pessoal, como estão vocês?!

Hoje eu irei escrever um pouco sobre meus primeiros passos no desenvolvimento com o Angular e sobre os projetos e conhecimentos adquiridos dentro da trilha de aprendizado do Módulo 3 | Angular. Durante o Santander Bootcamp Full Stack Developer 2022!

Primeiros passos para desenvolver com Angular

Instalando e configurando o ambiente:

Para configurar seu ambiente basta seguir os seguintes passos:

1- Instalar o node.js

Basta acessar: (https://nodejs.org/en/) e clicar no primeiro botão (versão recomendada), então o instalador será baixado, logo após, basta clicar em “next” e aceitar os termos para que a instalação finalize.

2- Instalar o TypeScript.

Com a instalação do node completa, basta acessar o npm (gerenciador de pacotes do node), através do terminal ou prompt e digitar o seguinte comando: npm install -g typescript

OBS: Para usuários de MAC ou Linux deve ser adicionado sudo antes do comando, ficando da seguinte formasudo npm install -g typescript

3- Instalar o angula-cli.

Agora é só digitar digitar no terminal ou prompt o comando npm install -g @angular/cli

OBS: Para usuários de MAC ou Linux deve ser adicionado sudo antes do comando, ficando da seguinte forma sudo npm install -g @angular/cli

4- Instalar um editor de texto (Visual Studio Code, Sublime, Atom) da sua preferência e colocar a mão na massa para criar o projeto...

Criando a primeira aplicação com Angular

Para criar um projeto, basta seguir os seguintes passos:

1- Escolher o diretório onde o projeto será salvo.

2- No prompt ou terminal vamos utilizar o comando ng new + nome do projeto. Ao executar esse comando, será criada uma nova pasta contendo a estrutura e os diretórios com os arquivos necessários para iniciar o projeto.

3- No prompt ou terminal vamos utilizar o comando ng serve e acessar a aplicação através da URL http://localhost:4200/ Desta forma podemos testar de forma fácil e imediata, as alterações realizadas no projeto.

Com isso finalizamos a configuração, criação e exibição de um projeto no angular!! Espero ter ajudado até aqui, e te aguardo no próximo conteúdo… “Trabalhando com módulos e componentes” 😊

#Santander Bootcamp Full Stack Developer #Angularjs #nodejs