e a galera beleza sejam bem-vindos é mais mal nosso curso e Águas tá na hora de cuidar e eu sou Matheus Batista o gente vai entender a estrutura gerada pelo comando NG New cria um novo projeto de água então a sala é mais teórica dá para a gente entender o que o ângulo a criou para gente e como que a gente vai utilizar aqueles arquivos e pastas geradas beleza é muito importante a gente entender também o que está por baixo do capô por trás das Cortinas para gente conseguir mexer para gente conseguir desenvolver melhor com
algum frame o biblioteca quente eles né então sempre costumo fazer uma aula assim os meus cursos pra gente conseguir aí é outra perspectiva o creme assim tá trabalhando a tecnologia que tá trabalhando tá então aqui eu trouxe algumas os Highlights de algumas pastas né que são importantes mas lá no editor de fora A gente vai ver mais em detalhes beleza eu estrutura do ângulo vamos entender melhor o que criado o apóstolo NG nildão ele gênio a gente viu que o a paz a criação do projeto não permite a gente rodar crucificou injeção Então já entrega
para gente aí algo pronto em água e essa é o ano Como ter filho chamar ele cria uma série de pastas e arquivos que faz parte também da estrutura que expliquem lá para vocês a primeira aula que é super importante do olho aqui atrás o rumo para gente trabalhar tá então uma das pastas criadas anodo Mornas tá então isso não é exclusividade do ângulo e sim uma parceria criada motor por GTA node npm junto Pois é a pasta onde as dependências externas são instaladas então ele vai ter todos os pacotes que o ângulo era independente
inclusive os próprios pacotes do Hangar né porque é isso que vai possibilitar a gente a utilizar as funcionalidades dele né então é uma pasta que geralmente não é pressionada não é pose tório a gente pode excluir ou quer hora e estabelecer ela simplesmente digitando ele tem muito alta então quanto Como projeto do curso que vai estar aqui na descrição né o link da do Kit eu vou dar uma empresa estatal para poder utilizar esse código e sem ela o projeto vai funcionar e eu não coloco essa pasta do projeto pois tá tem que ser descartável
mesmo esse objetivo essa pasta Talent contém todas as Independentes ele vai ter a pasta src significa associou fonte né onde a programar aplicação então ele vai estar na maioria das vezes trabalhando com os arquivos e criando pastas dentro dessa pasta aqui hoje é um código fonte e aonde a gente mais trabalho e essa RC epp essa sim é a praça principal de componentes service certo então código é a maior parte tempo é esse ep mas tensa src e digamos Iguaba todo o código do projeto mas apps é a pasta foco a gente vai estar criando
os componentes o service para gerenciar das suas componentes nossos templates então é que o foco maior nela Pois é urgente vai tá mais programando que a gente vê da tela digamos assim a gente volta para essa receita vindo mas em configurações né é cotação de componentes globais certo modo então As duas são importantes mas tem essas distinções né eu boto aqui também mas formação importante né os componentes são divididos em algumas partes um vai ter a parte de táxi clipe seria lógica da aplicação em tricoline fez a se transformando em um PC com um controle
né que interage com o Model S o arquivo. Táxi o PS HTML5 template a viu então do mvc é o gente vai criar os elementos que serão representados na tela quando algum usuário cliente acesso a nossa aplicação CSS é o que coloca estilos nosso HTML então aqui no ano trabalha com a visão mais Skol pedir que que é isso Você SS que ele é próprio para o componente Então já tem isso criado de fábrica bem interessante porque ele não vaza para os outros componentes do projeto então geralmente a gente tem que configurar esse outros filhos
é aqui vem de Padre Fábio que digamos assim e também tem um arquivo lá ele dessas não uma bola teste esse curso mas você entender que os componentes criados eles geram esses 4 arquivos aqui tá ó gente vai ter tá Desculpe é a lógica é primeiro que eu template.css é os estilos por HTML e teste que é um arquivo de teste do componentes beleza dito isso deve-se resumo geral órbita de código pra gente ver mais a fundo essas pastas e arquivos aqui galera tô com o projeto igual ao da última fala né Eu não achei
ele só para relembrar para vocês como é que inicia só dá uma injeção ele vai começar a rodar o projeto navegador tá então esse comando que você tem que dar quando ela pausa um curso muito no outro dia então sempre tá digitando Este comando é bem comum aqui no terminal ele vai estar tá aplicação é aqui no lado esquerdo tem as pastas e arquivos criados ele então tem algumas partes que tem um ponto no início né que são geralmente pastas que atribuem configurações para alguma coisa então e mais pro lado de meta configurações né Por
exemplo o a All para aí de entender mais rápidas e importações estão tiver quem tem uma ponta uma lema.do vs code né a gente vai conseguir trabalhar melhor com um ângulo aqui nessa ideia tá aí também vai ter a passa no demora não se a casa não foi para vocês estão todas essas aqui são as dependências do ângulo né podem ver tem muitas mas é do ar que eu falei pra vocês né alfremaq bem robusto então ele vai depender de muita coisa para poder entregar algo bem pronto para gente tá então resolver que geralmente ensino
instalar pacotes em processo de agora porque nem tudo já é embutido no próprio frame Então se fosse procurar aqui vocês vão ver as dependências dele inclusive a dos ângulos né Essa aqui são os pacotes digamos desculpe diploma onde vai poder criar as unidades com formulários ocorre do frame o a partir de halter seu like hein Tá utilizando né então muita coisa que a gente já viu a gente tá bem refletida aqui agora nos arquivos e pastas deixar o e é isso essa aí cê já vai entrar em detalhes tá E aqui esses arquivos de tags
Olimpíadas geralmente não mexe tá tirando pra conseguir alguma coisa ou outra mas por exemplo a gente vir aqui na hora que vai ignorar os arquivos para uma aplicação de água já vem prontinha também pra gente que é o repositório igreja tem o meu de modas aqui tá outra coisa que vai ter aqui são arquivos de configuração do ângulo e aguarde são aqui esse aqui pode ser virtualmente vocês façam alguma alteração mínima né necessária para poder mudar algo que é interfere presente na BIOS do angula quando a gente gera ela topa vir aqui as configurações de
BIOS é o arquivo de endereço aqui o principal né então vai ficar nesse detalhe sair da configuração do projeto de água enche o coração do carro uma fêmea de testes né é tempo para 15 dias só as partes estão é onde todas as dependências do prédio são exibidas as dependências desenvolvimento também tá então não sei que precisa por gostar rodando e o presente também que os inscritos que a gente roda é que vocês vêm aqui em uma de serve de bild nesta alguns clipes aí vai tá utilizando ao longo da tua programação de projeto de
água né inclusive de rodar tarde né é através de injeção né então o regime que seria como o projeto funciona esse aqui realmente a gente muda para nossas necessidades a gente precisa como é que tá confiram nossos projetos alguns arquivos de configurações está escrito está então basicamente arquivos de configurações de que forma é quando a gente entra o src a gente vê mais arquivo orientados a aplicação tá aqui é o arquivo em HTML que é o arquivo que o usuário acessa quando ele entra na aplicação que eu senti muda esse tá então vai refletir a
lutar e tudo navegador né vou abrir aqui ó almost era contra o cliente a gente vê que o curso agora né porque a gente muda que lá alterando-se tá isso aqui aqui tutorial de angula Hora de colar eu vou salvar automaticamente quando a gente vai carregar página ele reflete as atrações ali tem uma coisa faz rico Então esse aqui o arquivo de entrada né o castigo que vai proporcionar também eu já vi escrito pra gente tem webhook aqui que eu mande o angula é inserido Nossa aplicação então o meio dessa tag aqui estomâgo rodando aplicativos
principal da aplicação com seus ativos de Bootstrap o arquivo para dar início ao projeto mas teu arquivo pai os pontos SS daqui importante também depois aqui ficam os estilos globais aplicação e vai aprender mais sobre CSS e água depois também tá mas basicamente sem ter um estilo padrão de formulário para todos os formatos sistema ainda colocar aqui e não a nível de componente que a gente repete - código tá essa ideia depois arquivo de teste também vai configuração dos Testes não vai ser cobrado esse curso aqui tá entre a pasta de essa Instagram então essa
parte aqui é interessante que a gente coloca o projeto imagem estática gente vai utilizar o projeto é o novo da empresa net poder colocar aqui e aí gostaria direto da O que é aquilo cidade que a gente poderia colocar essa parte aqui ele tem vários amigos que são os ambientes que o ângulo vai poder rodar por exemplo a mente se movimentar meio de produção ele pode ter resultados diferentes o meio desse ambiente né Isso é utilizado para por exemplo a introdução eu vou tirar todos nos comentários então consigo aqui fazer diferenças entre os dois ambientes
eu estou utilizando esse projeto tá só precisa entender aí como é que funciona essa questão vermelha e aqui a gente essa parte aqui bem Cruz vão ver que o código todo que ele vai fazer vai ficar bem dentro do ERP né é onde tá a programar aplicação E aí vai ter a divisão de companhias que eu explicar para vocês aí vai ter isso imagem tarde futuramente né mas basicamente o arquivo por tag script até onde a gente vai ter a questão de configuração do componente né E também o código de lógica dele então esse aqui
o arquivo ocupante base na geralmente tomate muito medo ele vai dar vida aos outros componentes a Ah tá mas aqui ficaria por exemplo o evento de clicamos assim né E também ele me mostra esse seletores templateurl styleurl então eu configurações também de comparência deu esse detalhe se aproximar O que é tudo bem os componentes ativa de testes que esse aqui é componente pontos pack por desta aonde vai ter pode criar teste né para garantir o bom funcionamento nosso componentes época nesse ponto HTML não vejam a finalização aqui né o a extensão de arquivo ou que
manda esse aqui arquivo de template então a gente já viu aqui se você disse alguma coisa aqui a gente vai lá na tela depois é o arquivo que tá trazendo aqui a viu para gente né olha só alguma coisa então o que é colocá-la vai ser parte daquilo componente que por sua vez está inserido na página Então vai refletir no navegador também e por último inteiro é ponto componente com sucesso que você é se desculpa e o serviço só serve aquele componente Então está bem interessante porque eu não vá e pronto componentes então eu posso
colocar regras não tão específico e se conseguir utilizar os alimentos não fala mais linda mais rápida se colocar muito claro assim muita de é muito importante e ele ajuda a mitigar o CSS né dividido achar o arquivo só isso é bom para projetos grandes né então pensamos que eu amo a trabalha aí na sua orientação a processos maior está curso da minha carga de arquivo de pasta geradas também é superior a outros fremax do mercado Beleza então essa entrou para vocês sobre as pastas e arquivos criados o mal super importante tá Às vezes a galera
costuma é ignorar um pouco isso eu gravo vocês é tão importante quanto saber que a componente saber interagir com o formulário tirei da tubagem ou qualquer outro recurso ela vai saber o que ele gera aqui para gente Para quando a gente tiver alguma necessidade específica para gente dar um novo escrito já sei que vou ver aqui então eu entender a maneira mais básica possível dessa maneira geral aqui na visão macro que está sendo gerado para gente só depois a gente conseguiu o que acontecer na próxima Tá eu espero ter gostado se gostar aí deixa comentário
se inscreva deixa o like super importante para mim galera compartilhe com os amigos também dá aquela força pois aprender também mais sobre angularjs aqueles que são se encontra vários links importantes os ossos cursos o Big Head do repositório aqui do projeto do curso de água na cozinha das aulas vai tá lá também as nossas redes sociais Beleza vou ficando por aqui e te espero na próxima valeu
