Curso Angular 13: Instalando o Angular - primeiro projeto

Fala galera beleza sejam bem-vindos a segunda aula aqui do nosso curso em lá e hoje a gente vai fazer uma surra no Word vai criar outra primeira aplicação instalar o ângulo nossa máquina para rodar essa aplicação em Vê aí o que que tá acontecendo um pouco por baixo dos panos para gente ir já criando o conhecimento sobre esse prêmio Beleza então bota aqui ela hoje primeiramente a gente vai instalar o clipe sei lá durma com ele quem está ao menos g a roupa lavar acontece aqui da está estudando Escola Global pacote para que esteja acessível

em qualquer passa essa máquina Então a partir desse momento ele vai conseguir rodar ela que sabe criar projeto de água em qualquer local isso é muito interessante porque uma ferramenta que a gente vai ter a mais para poder trabalhar com os nossos projetos de água agora podemos criar projetos mais facilmente utilizaremos em Genil nome do projeto então e esse comando aqui né ele vai estar tão por jato de água Robertinho ela poder escolher algumas opções e ele vai estar iniciando uma DS para gente parar e lança aplicação para testar o projeto para digitar NG Surf

então ainda tá servindo aplicação na porta ele conseguia implicar o que código está no as pastas nosso computador vai dar um navegador quando algum usuário acessar Então a gente vai estar aí iniciando o projeto bota que a gente pode alterar os arquivos de dar passar aí que eu gosto da vereadora Então esse é série que já conta com hot-reload Então a gente vai fazer as operações lá é automaticamente salvo aqui ele reflete no navegador É bem interessante como funciona a bola então instalar em nosso celular e do ângulo e Delas primeiro Project é este mais

nada agora está lá aí o ABS eu queria mostrar pra vocês que o repositório os códigos do curso tá então tá o link aqui na descrição vou colocar em todo o vídeo Onde tiver alguma dúvida quiser baixar botão estar aqui fazendo forte que a vontade tá A ideia é o que cada um dos bens aqui Apresente uma aula então a gente tá na hora de ver ela hoje para ver o código ele ia fazer aqui essa aula quando chegar a parte do projeto ele vai tá aqui ó eu já tô momento Então esse é o

projeto do curso e quando Segue o para algum código dele lá vai dá uma olhada aqui é isso eu consegui tirar tua dúvida do código tá vou mostrar pra vocês como funciona que a gente que não conhece Kitty Não agora já tá mais ciente de como acompanhar esse código aqui tá lembrando aqui também vai ter algumas imagens eventualmente então eu te falei isso tudo para vocês para vocês não tem trabalho baixar o por fora tá então beleza bora aqui para terminal como é que a gente vai instalar o ano agora o meu dente aqui tá

offline Então vou botar aqui ó npm install tá me o arroba égua Barras e lycra fazendo isso eu vou estar de folga Global Como eu disse antes né ele vai tá disponível o cliente para gente trabalhar eu vou dar entre aqui no caso tá instalado não tiver não vai instalar né mas tá bem centraliza para uma versão a estrutura tá bom então esse aqui não é tão demorada galera depois aí e ele concretizar a situação ele vai estar conseguindo de acessar o angola no nosso terminal aqui né pelo menos o NG que é o celular

beleza então quando terminar aqui eu volto pra mostrar pra vocês olha sogra não fez nada aqui Talvez um de vocês para as outras mensagens que é a concretização da instalação agora a gente pode digitar aqui MG tá ele vai mostrar alguma mensagem comandos disponíveis e são os comandos que o LG pode executar para gente fazer alguma coisa com projeto de água por exemplo sorvete que a gente viu lá no slide e roda aplicação de réguas tá agora ainda tem que abrir o terminal e passei o pé dental na pasta que vocês desejam aí criar o

projeto poder trabalhar com ela tá eu vou abrir aqui já volto de novo Olha só agora abrir aqui é o meu terminal na parte do tirar o projeto que agora eu vou dar uma MG Ah tá e vou botar o nome do meu projeto é só botar aqui curso trás Uai mas por exemplo Tá mas pode ficar à vontade de colocar qualquer coisa vocês queiram partir desse momento ele tava mudando o novo projeto para a gente vai o 14 arquivos que são necessários para tu poder aí executar o ângulo na tua máquina Beleza você tá

querendo arquivos aqui como vocês podem ver vou terminar esse processo eu gosto de novo pra gente ver o que aconteceu então nessa agora e finalizou a instalação agora a gente dá um LS aqui ó e eu vejo que tem um projeto chamado curso é que tá a partir de sua mãe a gente pode trabalhar só conversa hoje eu vou dar um CD dele e vou dar um pouco de folga aí vai abrir uma escolhi naquela pasta para mim tá então esse aqui é o Projeto aberto no vs code Beleza e como você pode observar ele

tem diversos arquivos aqui diversas pastas a gente não vai focar nessa aula esses caras a gente vai ver isso Possivelmente tá pessoal ele vai trabalhar com a o projeto rodando a inicialização dele estação do ano tudo mais né fácil do que a gente já fez até agora pela falta a gente rodar o projeto e antes mas como eu falei assim não precisamos terminar externo trabalho terminado vez pude ouvir aqui na pracinha ou abrir o botão direito nesse menu botar o pen integrity Interno abrir entendam integrado E tu vai ter acesso ao projeto é por este

mal é interessante que a gente fique na pasta principal dele não ia ser seu em outra pasta tá E que pode digitar o comando MG some tá é porque desse momento eu vou rodar a aplicação de água e o ângulo me deu Almeida essa instalação desses etapa tá então ele vai ser bicho aqui em alguma porta do nosso local roxo e ainda consegui abrir um navegador e ver o resultado final deste comando e daquele bild aqui fez na no comando anterior tá e esse comando se não costumam demorar tanto na galera talvez a primeira vez

eu moro um pouco mais e depois é mais tranquilo tá E outra coisa não se esqueça de se inscrever no canal super importante para mim também é deixa seu like aí ajuda com parcialmente com mais pessoas consequentemente mais pessoas aprender a água também e esse é um dos meus objetivos aí esse curso gratuito para você está com muito ainda por mim as aulas mais fácil né Depois a gente vai avançar daquele projeto consegue mostrar para vocês lá passar tá então é só ele tá rodando aqui na sua carroça e disse que tava olhando aqui ó

http local fosse ontem 4002 ajudando contra o clique aqui e vai abrir isso nosso navegador a sua observado aqui ele abre uma página gente links de referência né de sugere aqui no comando para criar um componente entendeu Possivelmente que isso pode pegar esses links aqui aprender um pouco mais da própria documentação do ano né fomentação oficial massa né a gente vai passar isso agora a gente vai prender aqui no curso tá eu fiz essa aqui ó eu gostaria de fazer uma modificação no projeto entender como é que pode refletir aqui né já que interessa página

de exemplo na hora que a gente quer que aprendeu água não ver a ROM desse aqui a gente vai chegar aqui é tá muito essa está um componente tu vai matar o agente principal esse épique tá todos os arquivos aqui correspondem a esses componentes vou chegar aqui no HTML e é o template da aplicação ou do componente Então os componentes um texto padrão aqui em vai aprender mais sobre isso depois tá mas a ideia aqui é que a gente apaga tudo aí para dar um controlar that his Face tá tem que botar uma dá um

é louco é a informação tá eu o hello world 1 e esse aqui é o WhatsApp nossa saúde Monte com um arquivo template gente volta lá para nós trabalhador onde vem que tudo aquilo é só é substituído pelo nosso o óleo aqui acabou de criar coisas que uma tag HTML infantil ali tudo quentinho ele antes eram é chamado CCS é últimos HTML necessários planos né e criar uma aquela página lado A gente não precisa aquilo eles vai criar os nossos próprios componentes nosso próprio CSS Esse é o grande intuito Beleza então agora chegamos ao final

que aprendeu a instalar o ângulo que aprendeu a criar o projeto com ele rodar e fazer alterações simples no componente agora na próxima ao e avançar para outros tópicos importantes também do ano Beleza espero ter gostado esqueci fermento seu like super importante para mim combater para um amigo e dá uma olhada aqui na descrição que vai encontrar os nossos cursos ali naquele precinho bacana repositório do curso também as redes sociais por hoje é isso ficando por aqui espera vou a próxima valeu