ATENÇÃO! Acabei não mostrando como HABILITAR o SSG no Angular, então vou deixar o link aqui para quem quiser buildar e servir sua aplicação usando a técnica de SSG angular.io/guide/prerendering
Kipper tá de parabéns pelo conteúdo, me ajudou demais, eu estava quebrando a cabeça para fazer o meu container do angular rodar na VPs, depois dessa aula, percebi o que estava fazendo de errado, muito obrigado msm ❤
Fernanda, parabéns pela didática! As tuas explicações estão bem melhores até mesmo que as de um curso que comprei... Já percebi que para cada aplicação que eu precisar colocar em container vou ter que observar vários detalhes de configurações, já começando com este de "fazer uma porta escutar a outra". Obrigado mesmo! Tudo de bom para ti!
Fernanda, seria bem legal ensinar como fazer o CI/CD com GithubActions para a instancia do Docker sem ter que fazer o rebuild a cada mudança no código do projeto, por exemplo, ao fazer mudanças no app/src, como fazer o deploy do novo código sem ter que fazer o rebuild da imagem, mas somente fazer com que a instancia do docker no VPS puxe o novo código e execute sem fazer o servidor ter que reiniciar...
atualmente qual melhor framework css para se trabalhar com angular, um que sejá fácil de configurar, bom para escala e que ganhe tempo para estilos mais complexos? Em suma se hoje você fosse montar um "setup" para criação de design system com angular (estilização, CD/CI, testes, animações, componentes), quais tecnologias vc escolheria? (EX: Prime NG)
Kipper, beleza?! A abordagem para Produção com a sua experiência do dia a dia, é sempre realizar o Deploy com o NGINX (ou outro do gênero), e o servidores Angular, Vue e etc só para desenvolver? Eu entendi que também é possível deixar rodando diretamente com esses servidores, é só para entender como funciona a tomada de decisão em um cenário real...
Oii, tudo bem? Ótima pergunta! Isso depende muito da necessidade de cada empresa. Tem alguns casos em que a aplicação precisa controlar um pouco mais a requisição para rotear ela entre diferentes aplicações, nesse caso a abordagem com nginx é preferível. Já se você quer subir um backend em node, Que não precisa de geração estática, por exemplo, talvez um nginx seja um over engineering e apenas a aplicação node bastasse. Mas, como sempre na computação, a resposta é depende hahaha
Fernanda, eu criei um ambiente de desenvolvimento docker compose, com dotnet sql server, como posso fazer a inclusão do angular neste ambiente, poucos vídeos e bem antigos falando sobre docker compose para dotnet e angular mas nada alinhando esses 3 containers
Bem eu consegui integrar os 3 containers funcionando e se comunicando, depois de subir o front end com seu tutorial ele ja se comunicou sem estar na mesma rede, (não esperava por isso), ai depois foi só jogar os 3 no mesmo compose, configurando igual você iniciou com a porta 8080:80 e deu bom, obrigado vou usar como base para subir meus projetos para o hub e compartilhar meus projetinhos, vlw mesmo.
Fe,conforme eu vou alterando e criando novos arquivos localmente, é para nginx perceber isso e atualizar meu contêiner automaticamente, por enquanto que contêiner está rodando ? Ou sempre que tiver alterações eu tenho que dar down na img atual e buildar novamente ?
FALA FERNANDA, SOU SEU CHARÁ E TBM DESENVOLVEDOR WEB RS FUI TENTAR USAR O MÓDULO DE FILTRO NGX FILTER PIPE NO ANGULAR 17 MAS NA HORA DE IMPORTAR ELE DIZ Q NÃO PODE IMPORTAR COMPONENTE SEM SER STANDALONE... VC USA OUTRO FILTRO P ANGULAR 17 OU TEM ALGUMA MANEIRA DE CONTORNAR ISSO?? DESDE JÁ, OBRIGADO
Sim, dockerfile é feito de sequência de "determinações" ou vamos dizer ações. Imagine você indo se preparar para executar um serviço em Vue, você define isso no Dockerfile. Então a maneira que você imaginar faça.
Mano, uma dica, você tem que começar a expandir a mente e pensar fora da caixa, pegue esse conteúdo e faça você um video portado pro NextJS. Eu já usei vídeos de Angular para me ajudar com .NET porque falava do mesmo conceito de orientação a objetos.
@@GuiZeroUm Eu trabalho com React mas não gosto muito não, muito desorganizado, não tem padrão, para iniciante isso é horrível. O React é bom pro dev experiente que quer implementar seu próprio padrão ao meu ver ou para projetos que requerem ajustes finos.
@@FelipeOliveir4 vou tentar aprender angular, e que eu acho muito mais interessante react, principalmente agora que ele tá caminhando para ser uma linguagem voltado ao full stack. Gosto por exemplo de utilizar tailwind, que pra mim casa perfeitamente com o react
A galera só quer saber de React, essa galera sabe que no momento atual é melhor estudar Angular? Que é justamente o que as grandes empresas usam? Que lá fora um dev front não se limita a 1 ou 2 frameworks? Vejo muito colega meu do layoff reclamando da vida, mas correr atrás que é bom nada.
ATENÇÃO!
Acabei não mostrando como HABILITAR o SSG no Angular, então vou deixar o link aqui para quem quiser buildar e servir sua aplicação usando a técnica de SSG
angular.io/guide/prerendering
Kipper tá de parabéns pelo conteúdo, me ajudou demais, eu estava quebrando a cabeça para fazer o meu container do angular rodar na VPs, depois dessa aula, percebi o que estava fazendo de errado, muito obrigado msm ❤
Fernanda, parabéns pela didática! As tuas explicações estão bem melhores até mesmo que as de um curso que comprei... Já percebi que para cada aplicação que eu precisar colocar em container vou ter que observar vários detalhes de configurações, já começando com este de "fazer uma porta escutar a outra". Obrigado mesmo! Tudo de bom para ti!
Esse canal tem mais conteúdos do que eu consigo consumir, muito bom, logo teremos uma nova Loiane Groner :D
Ahahahahah valeu Lipe, tmjj! 💜
Fe, vc é melhor canal de dev atualmente, sem blablabla da bolha tech . Obrigado
muito obrigadaa, Gab 💜💜
Eu amo essa mulher, obrigado Feh... salvou!!
Fernanda, seria bem legal ensinar como fazer o CI/CD com GithubActions para a instancia do Docker sem ter que fazer o rebuild a cada mudança no código do projeto, por exemplo, ao fazer mudanças no app/src, como fazer o deploy do novo código sem ter que fazer o rebuild da imagem, mas somente fazer com que a instancia do docker no VPS puxe o novo código e execute sem fazer o servidor ter que reiniciar...
Encontrei esse canal, e é a primeira pessoa que não tem medo de ensinar, e não fica enrolando com papinhos. Estou amando seu conteúdo @kipperdev
Que bomm 💜
Fico muito feliz em saber que você tem gostado
Vídeo excelente!
Muito obrigado por compartilhar o conhecimento! 🙂
Muito obrigadoo, Edu 💜
Obrigado! Deu certo aqui! Estava precisando dessa aula! Explicação top!! :D Ganhou o inscrito no canal!
Tu é a melhor mesmo. Parabéns. Me ajudou muito!
Gostei das duas abordagens, só conhecia uma
atualmente qual melhor framework css para se trabalhar com angular, um que sejá fácil de configurar, bom para escala e que ganhe tempo para estilos mais complexos? Em suma se hoje você fosse montar um "setup" para criação de design system com angular (estilização, CD/CI, testes, animações, componentes), quais tecnologias vc escolheria? (EX: Prime NG)
Kipper, beleza?!
A abordagem para Produção com a sua experiência do dia a dia, é sempre realizar o Deploy com o NGINX (ou outro do gênero), e o servidores Angular, Vue e etc só para desenvolver?
Eu entendi que também é possível deixar rodando diretamente com esses servidores, é só para entender como funciona a tomada de decisão em um cenário real...
Oii, tudo bem? Ótima pergunta!
Isso depende muito da necessidade de cada empresa. Tem alguns casos em que a aplicação precisa controlar um pouco mais a requisição para rotear ela entre diferentes aplicações, nesse caso a abordagem com nginx é preferível.
Já se você quer subir um backend em node, Que não precisa de geração estática, por exemplo, talvez um nginx seja um over engineering e apenas a aplicação node bastasse.
Mas, como sempre na computação, a resposta é depende hahaha
Em micro serviço backend usamos Endpoint Health Checks, para fronte existe algo semelhante ?
Fernanda, eu criei um ambiente de desenvolvimento docker compose, com dotnet sql server, como posso fazer a inclusão do angular neste ambiente, poucos vídeos e bem antigos falando sobre docker compose para dotnet e angular mas nada alinhando esses 3 containers
Bem eu consegui integrar os 3 containers funcionando e se comunicando, depois de subir o front end com seu tutorial ele ja se comunicou sem estar na mesma rede, (não esperava por isso), ai depois foi só jogar os 3 no mesmo compose, configurando igual você iniciou com a porta 8080:80 e deu bom, obrigado vou usar como base para subir meus projetos para o hub e compartilhar meus projetinhos, vlw mesmo.
Muito bom
Explicação muito boa
valeuuu pelas dicas Fer, mais um vídeo de alta qualidade
Valeuu John! Que bom q gostou do videooo 💜
Muito legal o conteúdo, parabéns.
Dá para rodar essa aplicação com o docker instalado no wsl2 do windows?
Fe,conforme eu vou alterando e criando novos arquivos localmente, é para nginx perceber isso e atualizar meu contêiner automaticamente, por enquanto que contêiner está rodando ? Ou sempre que tiver alterações eu tenho que dar down na img atual e buildar novamente ?
Muito obrigado, me ajudou muito.
Muito show, didática top
Muito obrigadaa, Camila
Muito bom o vídeo, parabéns
Valeuu, Arisson 💜
Faz um vídeo desse ensinando a dockerizar uma aplicação com React
Faz um video depois subindo um app Angular 17 SSR usando App Engine e Firestore do Google rs...
Olhando seus links do instagram, HyperX Duocast - USB é o que você usa hoje ?
FALA FERNANDA, SOU SEU CHARÁ E TBM DESENVOLVEDOR WEB RS FUI TENTAR USAR O MÓDULO DE FILTRO NGX FILTER PIPE NO ANGULAR 17 MAS NA HORA DE IMPORTAR ELE DIZ Q NÃO PODE IMPORTAR COMPONENTE SEM SER STANDALONE... VC USA OUTRO FILTRO P ANGULAR 17 OU TEM ALGUMA MANEIRA DE CONTORNAR ISSO?? DESDE JÁ, OBRIGADO
E o hot reload? Funciona?
Queria saber também. Tô na dúvida de pq usaria dessa forma em desenvolvimento
Qual é o intuito de criar isso? Sendo que o angular já tem seu próprio cli para subir um servidor e até mesmo gerar os arquivos estáticos?
Tenho a mesma dúvida
Será que possível você fazer com VUE ou NUXT..
Sucesso aí 👊🏽
Sim, dockerfile é feito de sequência de "determinações" ou vamos dizer ações.
Imagine você indo se preparar para executar um serviço em Vue, você define isso no Dockerfile.
Então a maneira que você imaginar faça.
Faz de NextJS
Muito bom
Valeuu, Luis
Pow faz como dockerizar o nextJs
Mano, uma dica, você tem que começar a expandir a mente e pensar fora da caixa, pegue esse conteúdo e faça você um video portado pro NextJS. Eu já usei vídeos de Angular para me ajudar com .NET porque falava do mesmo conceito de orientação a objetos.
Tem na documentação do next 😅
Na verdade eu preciso des varios conteirnar com versões diferentes do angula
Fernanda ci vogliono i sottotitoli per favore
Faz mais vídeos sobre React pls
Já tem muito conteúdo de React na internet, se você quer ser contratado no momento atual estude Angular.
@@FelipeOliveir4 Não consegui pegar gosto por angular
@@GuiZeroUm Eu trabalho com React mas não gosto muito não, muito desorganizado, não tem padrão, para iniciante isso é horrível. O React é bom pro dev experiente que quer implementar seu próprio padrão ao meu ver ou para projetos que requerem ajustes finos.
@@GuiZeroUm É igual Java, falam mal, mas é o que tem vaga 🤷🏾♂️
@@FelipeOliveir4 vou tentar aprender angular, e que eu acho muito mais interessante react, principalmente agora que ele tá caminhando para ser uma linguagem voltado ao full stack. Gosto por exemplo de utilizar tailwind, que pra mim casa perfeitamente com o react
Alguém aqui é bom em frontend para me dar uma força em um trabalho da escola?
Oii, Eli! Lá no Discord da comunidade (o link tá na descrição) o pessoal sempre ajuda com dúvidas e sugestões. Te convido a participar!
A galera só quer saber de React, essa galera sabe que no momento atual é melhor estudar Angular? Que é justamente o que as grandes empresas usam? Que lá fora um dev front não se limita a 1 ou 2 frameworks? Vejo muito colega meu do layoff reclamando da vida, mas correr atrás que é bom nada.
É isso aí! A linguagem/framework tem que ser uma ferramenta que usamos, não o fim do nosso aprendizado
enginéx