@@giovanibenvenutti3578 esse desafio foi postado em alguma vaga antiga, o repositório não é desse ano. geralmente os salários podem ser consultados no glassdoor, lá você consegue saber a média!
@@kipperdev uma curiosidade, quando voce faz um video assim, voce realmente começa do zero e termina o desafio em 3hrs , ou tem alguma "pre-produção" pq acho incrivel vc ter feito tanta coisa em tao pouco tempo, eu demoraria no minimo um dia inteiro ou dois 😅
@@gmartins-dev eu leio o desafio antes Gui, e já começo a pensar o que faria, e claro durante a gravação eu faço umas pausas para tomar água e ir no banheiro e descansar um pouco a mente hahaha Mas vou fazendo do zero ali durante o vídeo, mas seguindo a ideia que eu tinha pensado lendo o desafio antes… por isso muitas vezes a solução não fica a melhor de todas, pois como é a primeira ideia que tive muitas vezes depois de pensar algumas vezes e tentar outras abordagens a solução talvez ficaria melhor 😊
Só uma observação, pra quem está reproduzindo o projeto em novembro/2023 ou depois, o Angular não pergunta mais sobre o Routing, mas pergunta 'Do you want to enable Server-Side Rendering (SSR) and Static Site Generation (SSG/Prerendering)?', é só colocar 'N'. Mas ainda assim tive que criar a pasta src/app/app.modules.ts na mão. Não sei se tem outro jeito, mas pelo menos essa foi a minha solução, espero ter ajudado :)
Olá! Me surgiu a mesma dúvida aqui e fui atrás Com o Angular 17 o novo padrão é utilizar standalone components, sugiro estudar mais sobre na nova documentação do angular com a extensão .dev Para resumir, dentro do Standalone component é possível realizar imports, para fazer a importação do Header component que ela mostra no vídeo ficou assim: @Component({ selector: 'app-root', standalone: true, imports: [CommonModule, RouterOutlet, HeaderComponent], templateUrl: './app.component.html', styleUrl: './app.component.css', }) export class AppComponent { title = 'desafio-SmartFit'; }
Quando vc criar um projeto Angular, vc precisa colocar o --no-standalone ex: ng new projeto --no-standalone A partir da versão 17 se eu não me engano é preciso colocar --no-standalone, se não vc terá que importar componente por componet em outro componente
I was a little on the fence about trying the product at first, but your explanation really helped to clarify things for me. I appreciate you taking the time to provide such valuable information.
Ótimo vídeo, parabéns pelo conteúdo! Seus vídeos são muito bons, com explicações claras e detalhadas. Parabéns pelo canal, está incrível! Sucesso sempre! Muito bom, continue com esse excelente trabalho!
Obrigada pelo uso e explicação do observable no Angular, junto com o Behavior Subject e o Subscribe. Já havia tentado usar antes e achei bem confuso, sinto que agora está ficando mais claro pra mim a aplicação do Observable. Sou iniciante no Angular e o seu video me ajudou muito a compreender os padrões usados no Angular e associar com conhecimentos anteriores em Vue e React. Parabéns pelo canal, é muito legal ver uma mulher ensinando programação! :)
Cara muito incrível Fernanda, o Angular é um framework único em sua organização, seria ótimo se você trouxesse mais vídeos dele, poderia até trazer vídeos de por exemplo, construindo o front-end em angular e uma api em java com spring, é uma junção perfeita e é uma ótima ideia de vídeo, muito obrigado por trazer o Angular pro canal
Parabéns pelo seu conteúdo! É tão interessante e informativo.2. Parabéns por compartilhar esse conteúdo incrível!3. Você tem um ótimo conteúdo aqui! Parabéns!4. Parabéns por compartilhar esse conteúdo tão útil!5. Parabéns por compartilhar esse conteúdo tão interessante!6. Parabéns por compartilhar esse conteúdo tão informativo!7. Parabéns por compartilhar esse conteúdo tão educativo!8. Parabéns por compartilhar esse conteúdo tão inspirador!9. Parabéns por compartilhar esse conteúdo tão envolvente!10. Parabéns por compartilhar esse conteúdo tão incrível!
Boa Fê! Eu usei a extensão ColorZilla pra capturar o código das cores do preview que disponibilizaram no repositório, assim não tem erro. Parabéns pelo vídeo!
Que vídeo maravilhoso! Obrigada pelo conteúdo!! Alguma razão por vc estar usando os componentes sem ser em standalone? E tb o scss queria saber se tem alguma razão da sintaxe não ser feita em nestes (&, etc). Obrigada! ☺️
Oi! Fernanda. Muito obrigado por trazer esses conteúdos tops pra gente. Tanto para quem ainda está apenas estudando, quanto para aqueles que já estão no mercado, são conhecimentos que ajudam muito no dia a dia. Até então os únicos canais que eu conhecia que traziam conteúdos tops assim, eram o da Loiane e o do CristianDev, mas agora o teu com certeza está nessa lista também. Parabéns pelo trampo maneiro que tu fazes.
@Fernanda Kipper observei que você teve dificuldades com as cores que não estavam especificadas... poque você não usa o plugin do ColorZila pra pegar as cores? Muito bom esse desafio, gostei muito da solução com Angular. Parabéns!!!
você não gerencia possíveis erros ao trabalhar com operadores rxjs, ao fazer solicitação http você precisa gerenciar os 'casos infelizes' para isso existem operadores como CatchError, retry, replace e rethrow operadores
Pode me passar onde baixou o Driver do seu MIC? Tenho um igual e ele não acende mais o Led e não tem contato com o NGenuity, e toda vez que tenho instalar o driver de novo ele da erro!
Entre o VueJS e o Angular qual vc indica para um desenvolver backend Python(Django) ? Sei que a pergunta é abrangente e depende do contexto, mas o objetivo é fazer uma virada de chave deixando de trabalhar com o HTML "gerado" pelo Django e adotar uma interface mais rica em interação por parte do usuário. No backend trabalho com a camada de API utilizando o FastAPI.
Oii Gui, tudo bem? Pois é, é muito amplo o escopo hahah Mas eu diria assim: VueJS tende a ser mais rápido de aplicar por causa da sua simplicidade (sem deixar de ter tudo que um framework frontend precisa), então dependendo da matutidade do projeto em que você trabalha, talvez ele seja o recomendado. Angular, por sua vez, é mais verboso, mas pode trazer muitos benefícios de manutenção de código, principalmente pra aplicações mais complexas. Espero ter ajudado 💜
Parabéns Fernanda obrigado por passar seus conhecimentos pará nos, gostaria de saber se você consegue fazer um vídeo ensinando criar um integração com os site dos correios API com a aplicação em Java usando idea intellij e usando Postman para trazer o resultado
Tarefas extras que pensei em fazer para complementar: - criar um seletor para data (data atual como default) - criar filtro por cidades - limpar tambem os cards ao clickar em Limpar
ASSINE A NORVPN COM ATÉ 64% OFF
nordvpn.com/kipperdev/
obrigado pelo video, tem o link do projeto no ar para vermos? e voce esta usando o co-pilot?
9:44
Acho ótima essa ideia de resolver desafios técnicos, é a melhor maneira de saber se estamos realmente manjando do assunto.
Simm, é também é muito bom pra colocar o que estamos aprendendo em prática!
@@kipperdev estou estudando essa tecnologia e vendo o seu vídeo fiquei curioso se você sabe qual é a faixa salarial que eles colocaram pra essa vaga?
@@giovanibenvenutti3578 esse desafio foi postado em alguma vaga antiga, o repositório não é desse ano. geralmente os salários podem ser consultados no glassdoor, lá você consegue saber a média!
@@kipperdev uma curiosidade, quando voce faz um video assim, voce realmente começa do zero e termina o desafio em 3hrs , ou tem alguma "pre-produção" pq acho incrivel vc ter feito tanta coisa em tao pouco tempo, eu demoraria no minimo um dia inteiro ou dois 😅
@@gmartins-dev eu leio o desafio antes Gui, e já começo a pensar o que faria, e claro durante a gravação eu faço umas pausas para tomar água e ir no banheiro e descansar um pouco a mente hahaha
Mas vou fazendo do zero ali durante o vídeo, mas seguindo a ideia que eu tinha pensado lendo o desafio antes… por isso muitas vezes a solução não fica a melhor de todas, pois como é a primeira ideia que tive muitas vezes depois de pensar algumas vezes e tentar outras abordagens a solução talvez ficaria melhor 😊
Estou comecando agora e fui ver so por curiosidade, e estou abismado com a sabedoria dela.
Um dia quero saber tanto assim
Só uma observação, pra quem está reproduzindo o projeto em novembro/2023 ou depois, o Angular não pergunta mais sobre o Routing, mas pergunta 'Do you want to enable Server-Side Rendering (SSR) and Static Site Generation (SSG/Prerendering)?', é só colocar 'N'. Mas ainda assim tive que criar a pasta src/app/app.modules.ts na mão. Não sei se tem outro jeito, mas pelo menos essa foi a minha solução, espero ter ajudado :)
Olá! Me surgiu a mesma dúvida aqui e fui atrás
Com o Angular 17 o novo padrão é utilizar standalone components, sugiro estudar mais sobre na nova documentação do angular com a extensão .dev
Para resumir, dentro do Standalone component é possível realizar imports, para fazer a importação do Header component que ela mostra no vídeo ficou assim:
@Component({
selector: 'app-root',
standalone: true,
imports: [CommonModule, RouterOutlet, HeaderComponent],
templateUrl: './app.component.html',
styleUrl: './app.component.css',
})
export class AppComponent {
title = 'desafio-SmartFit';
}
eu pesquisei e achei isso, Vc vai criar novo projeto coloca isso " ng new my-app --no-standalone --routing --ssr=false "
É só criar o projeto com a versão 14 do CLI e todos os arquivos (app.module.ts e os arquivos de ambientes environment.ts) e rotas já vêm como antes.
Quando vc criar um projeto Angular, vc precisa colocar o --no-standalone
ex: ng new projeto --no-standalone
A partir da versão 17 se eu não me engano é preciso colocar --no-standalone, se não vc terá que importar componente por componet em outro componente
Estou encantado com a forma como esse vídeo foi produzido. É inspirador ver o talento e a criatividade em ação.
Parabéns pelo vídeo, sei o trabalho que dá documentar desenvolvimento de projetos.
Me ajudou bastante com relação ao CSS!
Nunca encontrei um produto tão bom quanto esse. Estou muito satisfeito com a minha compra.
Parabéns pela dedicação e pelo comprometimento em entregar conteúdo de qualidade. Isso faz toda a diferença!
Sensacional! Esse vídeo merece ser compartilhado com o mundo. Parabéns ao responsável por esse trabalho excepcional.
I was a little on the fence about trying the product at first, but your explanation really helped to clarify things for me. I appreciate you taking the time to provide such valuable information.
Gratidão pelas aulas bem explicadas vc merece todo o apoio e carinho, aqui no youtube!
Esse tipo de conteúdo é muito relevante para mim. Por favor, continue fazendo vídeos como esse, pois estou aprendendo muito.
Não canso de elogiar seus vídeos! Eles são divertidos, informativos e muito bem produzidos.
Ótimo vídeo, parabéns pelo conteúdo! Seus vídeos são muito bons, com explicações claras e detalhadas. Parabéns pelo canal, está incrível! Sucesso sempre! Muito bom, continue com esse excelente trabalho!
Esse é o tipo de conteúdo que eu adoro ver no UA-cam. Sempre aprendendo coisas novas!
Esse vídeo é uma verdadeira pérola no mar de conteúdo do UA-cam. É uma experiência única e imperdível!
Obrigada pelo uso e explicação do observable no Angular, junto com o Behavior Subject e o Subscribe. Já havia tentado usar antes e achei bem confuso, sinto que agora está ficando mais claro pra mim a aplicação do Observable. Sou iniciante no Angular e o seu video me ajudou muito a compreender os padrões usados no Angular e associar com conhecimentos anteriores em Vue e React. Parabéns pelo canal, é muito legal ver uma mulher ensinando programação! :)
Cara muito incrível Fernanda, o Angular é um framework único em sua organização, seria ótimo se você trouxesse mais vídeos dele, poderia até trazer vídeos de por exemplo, construindo o front-end em angular e uma api em java com spring, é uma junção perfeita e é uma ótima ideia de vídeo, muito obrigado por trazer o Angular pro canal
up
Muito obrigadaaa!!
Simm, vou trazer mais conteúdos de angular pro canal, uma integração com Java fica perfeito, como você falou 😊
Fê, você é incrível! Suas lives estão tirando muitas dúvidas que eu tinha. Obrigada!
Que bomm, Nayr
Muito bom saber que está ajudando você💜
Se ficar com dúvida em algum vídeo deixa nos comentário que eu sempre tento reponder
Parabéns pelo conteúdo! Você sempre traz assuntos interessantes e de forma muito cativante.
Seu canal é incrível, parabéns por sempre nos ensinar algo novo!
EU FIZ ESSE DESAFIO TECNICO EM REACT E PASSEI
TRABALHEI LÁ DURANTE OITO MESES, UMA EXCELENTE EMPRESA PRA TRABALHAR!
Que massaa!!
Era temporário?
Estou encantado com esse produto. Qualidade excepcional e muito útil.
Este conteúdo é incrível! Estou muito satisfeito por ter me inscrito.
Melhor compra que fiz nos últimos tempos. Produto top!
Adapta-se perfeitamente ao que eu precisava, muito funcional.
Ótimo custo-benefício. O produto entregou tudo o que prometeu.
Esse produto é perfeito para quem busca praticidade e eficiência. Estou adorando.
Esse vídeo foi incrível! Estou ansioso para ver mais vídeos seus!
Já me inscrevi e ativei as notificações. Não quero perder nenhum conteúdo novo!
shooow ! Muito legal todo o desenvolvimento e sei a trabalheira que dá, ainda mais gravar e ensinar ao mesmo tempo.
Parabéns pelo conteúdo !
Agradeço a sinceridade nos videos, é muito bom ter isso
Você tem um ótimo conteúdo! Estou muito feliz por ter me inscrito aqui!
Estou muito impressionado com o conteúdo deste vídeo!
Arrasou na edição desse vídeo, ficou muito profissional.
Esse vídeo foi muito interessante! Estou ansioso para ver mais vídeos seus!
Watching your video was like receiving a masterclass in wisdom. Truly enlightening!
Excelente vídeo. Achei muito interessante suas música elas realmente deixa agente mais tranquilo.
No caso da transformação do 1:38:39 dias em numbers, poderia ser também um Enum ai ou eu to viajando?
Que vídeo incrível! To estudando angular atualmente, e não muito conteúdo. Esse vídeo ajuda MUITO!
Obrigadaa Renan, fico feliz demais em conseguir ajudar de alguma forma 💜
Obrigado pelo elogio! Fico feliz em saber que você está gostando do meu canal.
Mano, esses vídeos seus são tudo o que eu procurava! kkkk good job!
obrigadaa Moacir! Fico feliz que ajudou 😊
Parabéns pelo seu conteúdo! É tão interessante e informativo.2. Parabéns por compartilhar esse conteúdo incrível!3. Você tem um ótimo conteúdo aqui! Parabéns!4. Parabéns por compartilhar esse conteúdo tão útil!5. Parabéns por compartilhar esse conteúdo tão interessante!6. Parabéns por compartilhar esse conteúdo tão informativo!7. Parabéns por compartilhar esse conteúdo tão educativo!8. Parabéns por compartilhar esse conteúdo tão inspirador!9. Parabéns por compartilhar esse conteúdo tão envolvente!10. Parabéns por compartilhar esse conteúdo tão incrível!
Sua criatividade não tem limites!
Se todos fizessem vídeos bons assim o UA-cam seria um lugar melhor
Amo seus vídeos Kipper.
A comunidade de Angular em Português ainda me parece pequena.
Conteúdo como o seus são ótimos.
Parabéns!
Valeuu Dennis! Fico feliz que gostou 😊
Simm, vou buscar trazer mais conteúdos de angular para contribuir para nossa comunidade que ainda é pequena
Este vídeo realmente me ajudou muito. Gratidão!
A chuva é um som relaxante e reconfortante que acalma a mente e o corpo, proporcionando uma sensação de paz e tranquilidade antes de dormir.
Fernanda te admiro demais, acompanho o canal a pouco tempo mas você é a única que consegue me prender por +3 horas num vídeo de programação KKKKKKK
hahah que bom, @catft
Fico muito feliz em saber que você gosta tanto assim do conteúdo 💜
Estou tão feliz que Alfreda e Chris estão me fazendo rir tanto!
recomendo todos se inscreverem nesse canal pois ele vai longe!
Ver seus vídeos torna tudo melhor
Boa Fê!
Eu usei a extensão ColorZilla pra capturar o código das cores do preview que disponibilizaram no repositório, assim não tem erro.
Parabéns pelo vídeo!
Muito bom vídeo!!!
Usar display: grid pra posicionar os cards das academias fica bom também
Muito obrigadaa, @AndreMBagestan 💜
Boa! Também funcionaria!
Me envolvi totalmente com este vídeo.
1:27:15 o else poderia ser descartado ao usar um return na condição do if.
eu acho que fica mais bonito.
Vocês são o Canal mais legal que eu conheço
Show de bola o ocnteudo !! Parabehns pela iniciativa !!
Que vídeo maravilhoso! Obrigada pelo conteúdo!! Alguma razão por vc estar usando os componentes sem ser em standalone? E tb o scss queria saber se tem alguma razão da sintaxe não ser feita em nestes (&, etc). Obrigada! ☺️
Incrível! Aprendi muito com esse vídeo!
Estou muito feliz com minha escolha, produto de alta qualidade.
Oi! Fernanda. Muito obrigado por trazer esses conteúdos tops pra gente. Tanto para quem ainda está apenas estudando, quanto para aqueles que já estão no mercado, são conhecimentos que ajudam muito no dia a dia. Até então os únicos canais que eu conhecia que traziam conteúdos tops assim, eram o da Loiane e o do CristianDev, mas agora o teu com certeza está nessa lista também. Parabéns pelo trampo maneiro que tu fazes.
Oii Garcia!
Muito obrigado pela mensagem 💜
Fico muito feliz em saber que tenho conseguido ajudar
O som da chuva me ajuda a desligar os pensamentos e preocupações, permitindo que eu me entregue a um sono profundo e reparador.
Seu canal é otimo estou adorando os conteúdos
vc é tão fodona no que faz que o vídeo de 3 hrs parece que é 30min de tão legal que você explica e aborda os itens
Estou aprendendo muito com seus videos!
Excelente conteúdo, o bom que não preciso pagar um curso de Angular tendo seus vídeos aqui no canal.
Ahahaha valeu Fred! Fico feliz que os vídeos ajudamm
Adorei o vídeo, parabéns por trazer conteúdo assim.
Muito obrigadaa, @glaudirschlemper78
Fico feliz que tenha gostado 💜
Conheci o canal agora e amei esse estilo de live coding, mt bom
Que bomm, David
Fico feliz que tenha gostado 💜
Muito bom, daria para utilizar mais o scss em todos os casos que você fica repetindo o header por exemplo, diminuiria bastante o código
@Fernanda Kipper observei que você teve dificuldades com as cores que não estavam especificadas... poque você não usa o plugin do ColorZila pra pegar as cores?
Muito bom esse desafio, gostei muito da solução com Angular. Parabéns!!!
Sou só um estudante disso e vendo essa menina fazendo isso, tó em pânico não sei se consigo aprender esse monte de coisa 😅 que Deus me de forças!
Consegue sim!
É tudo questão de prática!
Bons estudos 💜
Obrigado por compartilhar seu conhecimento comigo!
Uma dica pra não ficar sofrendo com cores é usar uma extensão, como o ColorZilla
Superior quality and quick results. Very satisfied!
você não gerencia possíveis erros ao trabalhar com operadores rxjs, ao fazer solicitação http você precisa gerenciar os 'casos infelizes' para isso existem operadores como CatchError, retry, replace e rethrow operadores
Parabéns pelo conteúdo, atualmente estou estudando o Angular e seu video me ajudou bastante a entender melhor na pratica 👾❤
Obrigadaa, @gabrielcosta6862
Fico feliz que tenha ajudado você 💜
Adoro as aulas da Faby!
Esse vídeo me deixou sem palavras!
Tudo verdade pode comprar simplesmente espetacular
Os animais de estimação são tão leais, eles nos amam incondicionalmente!
Estou gostando muito dos seus vídeos, dando like em todos.
Chega a ser relaxante ver um projeto frontend
Muito bom! Vai ser top se tiver mais vídeos utilizando Angular
Obrigada Joneilson!! 😊
Obrigado por compartilhar este ótimo conteúdo!
Pode me passar onde baixou o Driver do seu MIC? Tenho um igual e ele não acende mais o Led e não tem contato com o NGenuity, e toda vez que tenho instalar o driver de novo ele da erro!
Excelente canal, muito informativo!
Seus videos são simplesmente perfeitos! principalmente resolvendo esses desafios
Muito obrigadaa, Adriano
Fico feliz que você goste💜
!1. Excelente vídeo! Muito bem explicado e informativo.
Entre o VueJS e o Angular qual vc indica para um desenvolver backend Python(Django) ? Sei que a pergunta é abrangente e depende do contexto, mas o objetivo é fazer uma virada de chave deixando de trabalhar com o HTML "gerado" pelo Django e adotar uma interface mais rica em interação por parte do usuário. No backend trabalho com a camada de API utilizando o FastAPI.
Oii Gui, tudo bem?
Pois é, é muito amplo o escopo hahah
Mas eu diria assim: VueJS tende a ser mais rápido de aplicar por causa da sua simplicidade (sem deixar de ter tudo que um framework frontend precisa), então dependendo da matutidade do projeto em que você trabalha, talvez ele seja o recomendado.
Angular, por sua vez, é mais verboso, mas pode trazer muitos benefícios de manutenção de código, principalmente pra aplicações mais complexas.
Espero ter ajudado 💜
dúvida: Onde você consegue pegar esses desafios? queria achar uns, mas pra backend
listening that you may have peace and clarity in what you going through ️you are all loved
Oi Fernanda tudo bem?!, quais os primeiros passos para ser um Desenvolvedor web? obrigado!
Parabéns Fernanda obrigado por passar seus conhecimentos pará nos, gostaria de saber se você consegue fazer um vídeo ensinando criar um integração com os site dos correios API com a aplicação em Java usando idea intellij e usando Postman para trazer o resultado
Pensa num Video da hora! valeu!
sempre com conteúdos top! show
Tarefas extras que pensei em fazer para complementar:
- criar um seletor para data (data atual como default)
- criar filtro por cidades
- limpar tambem os cards ao clickar em Limpar
Boaaa, ótimas ideias!
Muito interessante! Aprendi muito!
Ei fernanda , qnd vc vai desenvolver qualquer coisa, vc tem um feeling de onde começar, ou mapear em algum lugar ?
Quando tentei executar o "ng serve" me retornou erro relacionado com as fontes, o que pode ser?
Fiz certo. Coloquei na pasta correta. Normal!