@@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.
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!
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
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! :)
Ó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!
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!
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!!!
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! ☺️
Não terminei de ver o vídeo ainda, mas parabéns pelo conteúdo, bem interessante pegar um projeto assim mais "completo" pra sair da mesmisse de to-dos e afins. Eu sou dev backend mas estou sempre tentando aprender mais sobre front, no momento estudando Vue pois é usado na empresa que acabei de entrar, mas a ideia do vídeo me chamou a atenção. Confesso que não estou gostando muito do Angular, parece muito mais verboso que Vue e React e olha que meu background é voltado a OOP, mas forçaram a barra aí rs. Uma dica: Pra "roubar" as cores do layout tem um botão no próprio DevTools do navegador (ícone de conta-gotas), muito prático e funciona com qqr elemento incluindo imagens
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
Top demais, to acompanhando e replicando já que ainda não consigo sozinho.. creio que sirva para aprendizado também né, ainda replicando da trabalho kkk caso me torne membro, tem muitos outros videos, lives de angular para acompanhar esse tipo de conteudo ?
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
Um dia vc poderia fazer um video criando um CRUD usando apenas HTML, CSS e JavaScript? Não consigo encontrar bons conteúdos ensinando isso em português, só em inglês. E para quem é mais iniciante, é um pouco mais complicado.
Oii, Juninho, tudo bem? Eu postei um vídeo exatamente assim recentemente. Nele, nós construímos a Landing Page da Apple. O vídeo é esse daqui: ua-cam.com/video/yYgkh7n5Ubg/v-deo.html
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
Nunca encontrei um produto tão bom quanto esse. Estou muito satisfeito com a minha compra.
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.
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.
Parabéns pela dedicação e pelo comprometimento em entregar conteúdo de qualidade. Isso faz toda a diferença!
Parabéns pelo vídeo, sei o trabalho que dá documentar desenvolvimento de projetos.
Me ajudou bastante com relação ao CSS!
Sensacional! Esse vídeo merece ser compartilhado com o mundo. Parabéns ao responsável por esse trabalho excepcional.
Esse produto é perfeito para quem busca praticidade e eficiência. Estou adorando.
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.
Gratidão pelas aulas bem explicadas vc merece todo o apoio e carinho, aqui no youtube!
Esse vídeo é uma verdadeira pérola no mar de conteúdo do UA-cam. É uma experiência única e imperdível!
Adapta-se perfeitamente ao que eu precisava, muito funcional.
Esse é o tipo de conteúdo que eu adoro ver no UA-cam. Sempre aprendendo coisas novas!
Estou encantado com esse produto. Qualidade excepcional e muito útil.
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!
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 😊
Watching your video was like receiving a masterclass in wisdom. Truly enlightening!
Melhor compra que fiz nos últimos tempos. Produto top!
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! :)
Ótimo custo-benefício. O produto entregou tudo o que prometeu.
Agradeço a sinceridade nos videos, é muito bom ter isso
Já me inscrevi e ativei as notificações. Não quero perder nenhum conteúdo novo!
Arrasou na edição desse vídeo, ficou muito profissional.
Seu canal é incrível, parabéns por sempre nos ensinar algo novo!
Este conteúdo é incrível! Estou muito satisfeito por ter me inscrito.
Estou muito impressionado com o conteúdo deste vídeo!
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
Esse vídeo foi incrível! Estou ansioso para ver mais vídeos seus!
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 💜
EU FIZ ESSE DESAFIO TECNICO EM REACT E PASSEI
TRABALHEI LÁ DURANTE OITO MESES, UMA EXCELENTE EMPRESA PRA TRABALHAR!
Que massaa!!
Era temporário?
Me envolvi totalmente com este vídeo.
Parabéns pelo conteúdo! Você sempre traz assuntos interessantes e de forma muito cativante.
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.
Ó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 vídeo foi muito interessante! Estou ansioso para ver mais vídeos seus!
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 !
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
Você tem um ótimo conteúdo! Estou muito feliz por ter me inscrito aqui!
Sua criatividade não tem limites!
listening that you may have peace and clarity in what you going through ️you are all loved
Excelente vídeo. Achei muito interessante suas música elas realmente deixa agente mais tranquilo.
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
Mano, esses vídeos seus são tudo o que eu procurava! kkkk good job!
obrigadaa Moacir! Fico feliz que ajudou 😊
Obrigado por compartilhar seu conhecimento comigo!
Ver seus vídeos torna tudo melhor
Se todos fizessem vídeos bons assim o UA-cam seria um lugar melhor
Show de bola o ocnteudo !! Parabehns pela iniciativa !!
recomendo todos se inscreverem nesse canal pois ele vai longe!
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!
Chega a ser relaxante ver um projeto frontend
Incrível! Aprendi muito com esse vídeo!
Conheci o canal agora e amei esse estilo de live coding, mt bom
Que bomm, David
Fico feliz que tenha gostado 💜
Uma dica pra não ficar sofrendo com cores é usar uma extensão, como o ColorZilla
Este vídeo realmente me ajudou muito. Gratidão!
Vocês são o Canal mais legal que eu conheço
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
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
Esse vídeo me deixou sem palavras!
@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!!!
Tudo verdade pode comprar simplesmente espetacular
Estou aprendendo muito com seus videos!
Superior quality and quick results. Very satisfied!
Muito bom vídeo!!!
Usar display: grid pra posicionar os cards das academias fica bom também
Muito obrigadaa, @AndreMBagestan 💜
Boa! Também funcionaria!
Seu canal é otimo estou adorando os conteúdos
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
Muito bom! Vai ser top se tiver mais vídeos utilizando Angular
Obrigada Joneilson!! 😊
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ê 💜
Que palavra maravilhosa para começar o dia! ????
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 💜
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! ☺️
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 💜
Estou tão feliz que Alfreda e Chris estão me fazendo rir tanto!
O som da chuva me ajuda a desligar os pensamentos e preocupações, permitindo que eu me entregue a um sono profundo e reparador.
Adoro as aulas da Faby!
Adorei o vídeo, parabéns por trazer conteúdo assim.
Muito obrigadaa, @glaudirschlemper78
Fico feliz que tenha gostado 💜
Não terminei de ver o vídeo ainda, mas parabéns pelo conteúdo, bem interessante pegar um projeto assim mais "completo" pra sair da mesmisse de to-dos e afins.
Eu sou dev backend mas estou sempre tentando aprender mais sobre front, no momento estudando Vue pois é usado na empresa que acabei de entrar, mas a ideia do vídeo me chamou a atenção.
Confesso que não estou gostando muito do Angular, parece muito mais verboso que Vue e React e olha que meu background é voltado a OOP, mas forçaram a barra aí rs.
Uma dica: Pra "roubar" as cores do layout tem um botão no próprio DevTools do navegador (ícone de conta-gotas), muito prático e funciona com qqr elemento incluindo imagens
Estou gostando muito dos seus vídeos, dando like em todos.
Estou muito feliz com minha escolha, produto de alta qualidade.
Obrigado por compartilhar este ótimo conteúdo!
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!
Obrigada demaaaaais!!! Didática de milhões😄
!1. Excelente vídeo! Muito bem explicado e informativo.
Obrigado pelo elogio! Fico feliz em saber que você está gostando do meu canal.
To velho dms pra isso kipper :) parabéns pelo esforço
Seus videos são simplesmente perfeitos! principalmente resolvendo esses desafios
Muito obrigadaa, Adriano
Fico feliz que você goste💜
Muito interessante! Aprendi muito!
Os animais de estimação são tão leais, eles nos amam incondicionalmente!
Acho tão bonito quem sabe usar css. Digita e funciona; É lindo. Eu erro umas 150x antes de funcionar
ahahah normal, só depois de muita prática a gente acaba acertando
Top demais, to acompanhando e replicando já que ainda não consigo sozinho.. creio que sirva para aprendizado também né, ainda replicando da trabalho kkk
caso me torne membro, tem muitos outros videos, lives de angular para acompanhar esse tipo de conteudo ?
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
Excelente canal, muito informativo!
Muito bom. Deu pra ter uma boa ideia do funcionamento do Angular.
Que bomm, @fillipeamg5877
Fico feliz que tenha ajudado você 💜
Temos pouquíssimos projetos em angular no UA-cam continue fazendo nesse framework !!
Simm!
Um dia vc poderia fazer um video criando um CRUD usando apenas HTML, CSS e JavaScript? Não consigo encontrar bons conteúdos ensinando isso em português, só em inglês. E para quem é mais iniciante, é um pouco mais complicado.
Ué, o GPT da vários exemplos de CRUD, só pedi.
Oii, Juninho, tudo bem? Eu postei um vídeo exatamente assim recentemente.
Nele, nós construímos a Landing Page da Apple.
O vídeo é esse daqui: ua-cam.com/video/yYgkh7n5Ubg/v-deo.html
Você é uma das pessoas mais inteligentes que eu já conheci
Encontrei seu canal recentemente. Vc é f0d@. ❤
obrigadaa Marcelo! 💜💜