RESOLVENDO DESAFIO FRONTEND - PROJETO ANGULAR COMPLETO

[@kipperdev]

ASSINE A NORVPN COM ATÉ 64% OFF nordvpn.com/kipperdev/

[@gmartins-dev]

obrigado pelo video, tem o link do projeto no ar para vermos? e voce esta usando o co-pilot?

[@iagomax5572]

9:44 ​

[@andersondamasceno1356]

Acho ótima essa ideia de resolver desafios técnicos, é a melhor maneira de saber se estamos realmente manjando do assunto.

[@kipperdev]

Simm, é também é muito bom pra colocar o que estamos aprendendo em prática!

[@giovanibenvenutti3578]

@@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?

[@nicolas.11]

@@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!

[@gmartins-dev]

@@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 😅

[@kipperdev]

@@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 😊

[@vinixius-gh5ny]

Estou comecando agora e fui ver so por curiosidade, e estou abismado com a sabedoria dela. Um dia quero saber tanto assim

[@carolinadargel8663]

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 :)

[@AndreBagestan]

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'; }

[@farialuk]

eu pesquisei e achei isso, Vc vai criar novo projeto coloca isso " ng new my-app --no-standalone --routing --ssr=false "

[@aurel_loss]

É 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.

[@filipspieler6144]

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

[@MicheleHoff-yo9ph]

Estou encantado com a forma como esse vídeo foi produzido. É inspirador ver o talento e a criatividade em ação.

[@pipocand6588]

Nunca encontrei um produto tão bom quanto esse. Estou muito satisfeito com a minha compra.

[@devmts]

Parabéns pelo vídeo, sei o trabalho que dá documentar desenvolvimento de projetos. Me ajudou bastante com relação ao CSS!

[@pedro047g]

Parabéns pela dedicação e pelo comprometimento em entregar conteúdo de qualidade. Isso faz toda a diferença!

[@MicheleHoff-yo9ph]

Sensacional! Esse vídeo merece ser compartilhado com o mundo. Parabéns ao responsável por esse trabalho excepcional.

[@VHSacer]

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.

[@pedro047g]

Gratidão pelas aulas bem explicadas vc merece todo o apoio e carinho, aqui no youtube!

[@123ocetabao]

Esse tipo de conteúdo é muito relevante para mim. Por favor, continue fazendo vídeos como esse, pois estou aprendendo muito.

[@pipocand6588]

Esse é o tipo de conteúdo que eu adoro ver no KZbin. Sempre aprendendo coisas novas!

[@pedro047g]

Não canso de elogiar seus vídeos! Eles são divertidos, informativos e muito bem produzidos.

[@VHSacer]

Ó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!

[@123ocetabao]

Esse vídeo é uma verdadeira pérola no mar de conteúdo do KZbin. É uma experiência única e imperdível!

[@carolinadargel8663]

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! :)

[@dulii4238]

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

[@jhonny4999]

up

[@kipperdev]

Muito obrigadaaa!! Simm, vou trazer mais conteúdos de angular pro canal, uma integração com Java fica perfeito, como você falou 😊

[@nayr5334]

Fê, você é incrível! Suas lives estão tirando muitas dúvidas que eu tinha. Obrigada!

[@kipperdev]

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

[@123ocetabao]

Parabéns pelo conteúdo! Você sempre traz assuntos interessantes e de forma muito cativante.

[@VHSacer]

Seu canal é incrível, parabéns por sempre nos ensinar algo novo!

[@BateraEntrevista]

EU FIZ ESSE DESAFIO TECNICO EM REACT E PASSEI TRABALHEI LÁ DURANTE OITO MESES, UMA EXCELENTE EMPRESA PRA TRABALHAR!

[@kipperdev]

Que massaa!!

[@FelipeCatao]

Era temporário?

[@pipocand6588]

Estou encantado com esse produto. Qualidade excepcional e muito útil.

[@pipocand6588]

Este conteúdo é incrível! Estou muito satisfeito por ter me inscrito.

[@pipocand6588]

Melhor compra que fiz nos últimos tempos. Produto top!

[@pipocand6588]

Adapta-se perfeitamente ao que eu precisava, muito funcional.

[@VHSacer]

Ótimo custo-benefício. O produto entregou tudo o que prometeu.

[@123ocetabao]

Esse produto é perfeito para quem busca praticidade e eficiência. Estou adorando.

[@VHSacer]

Esse vídeo foi incrível! Estou ansioso para ver mais vídeos seus!

[@pedro047g]

Já me inscrevi e ativei as notificações. Não quero perder nenhum conteúdo novo!

[@aln_soares]

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 !

[@VHSacer]

Agradeço a sinceridade nos videos, é muito bom ter isso

[@MicheleHoff-yo9ph]

Você tem um ótimo conteúdo! Estou muito feliz por ter me inscrito aqui!

[@123ocetabao]

Estou muito impressionado com o conteúdo deste vídeo!

[@123ocetabao]

Arrasou na edição desse vídeo, ficou muito profissional.

[@123ocetabao]

Watching your video was like receiving a masterclass in wisdom. Truly enlightening!

[@VHSacer]

Esse vídeo foi muito interessante! Estou ansioso para ver mais vídeos seus!

[@besttipsus]

Excelente vídeo. Achei muito interessante suas música elas realmente deixa agente mais tranquilo.

[@DouglasFaculty]

No caso da transformação do 1:38:39 dias em numbers, poderia ser também um Enum ai ou eu to viajando?

[@renansilvacardoso6206]

Que vídeo incrível! To estudando angular atualmente, e não muito conteúdo. Esse vídeo ajuda MUITO!

[@kipperdev]

Obrigadaa Renan, fico feliz demais em conseguir ajudar de alguma forma 💜

[@pipocand6588]

Obrigado pelo elogio! Fico feliz em saber que você está gostando do meu canal.

[@moacir8663]

Mano, esses vídeos seus são tudo o que eu procurava! kkkk good job!

[@kipperdev]

obrigadaa Moacir! Fico feliz que ajudou 😊

[@pipocand6588]

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!

[@VHSacer]

Sua criatividade não tem limites!

[@123ocetabao]

Se todos fizessem vídeos bons assim o KZbin seria um lugar melhor

[@DennisJCarvalho]

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!

[@kipperdev]

Valeuu Dennis! Fico feliz que gostou 😊 Simm, vou buscar trazer mais conteúdos de angular para contribuir para nossa comunidade que ainda é pequena

[@VHSacer]

Este vídeo realmente me ajudou muito. Gratidão!

[@pipocand6588]

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.

[@catft]

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

[@kipperdev]

hahah que bom, @catft Fico muito feliz em saber que você gosta tanto assim do conteúdo 💜

[@123ocetabao]

Estou tão feliz que Alfreda e Chris estão me fazendo rir tanto!

[@pedro047g]

recomendo todos se inscreverem nesse canal pois ele vai longe!

[@123ocetabao]

Ver seus vídeos torna tudo melhor

[@DavidMateusReis]

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!

[@AndreBagestan]

Muito bom vídeo!!! Usar display: grid pra posicionar os cards das academias fica bom também

[@kipperdev]

Muito obrigadaa, @AndreMBagestan 💜 Boa! Também funcionaria!

[@jhonymanson]

1:27:15 o else poderia ser descartado ao usar um return na condição do if. eu acho que fica mais bonito.

[@MicheleHoff-yo9ph]

Me envolvi totalmente com este vídeo.

[@123ocetabao]

Vocês são o Canal mais legal que eu conheço

[@sibeleira]

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! ☺️

[@DiegoStrukChagas]

Show de bola o ocnteudo !! Parabehns pela iniciativa !!

[@esnaydergarcia2891]

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.

[@kipperdev]

Oii Garcia! Muito obrigado pela mensagem 💜 Fico muito feliz em saber que tenho conseguido ajudar

[@123ocetabao]

Incrível! Aprendi muito com esse vídeo!

[@pipocand6588]

Estou muito feliz com minha escolha, produto de alta qualidade.

[@VHSacer]

O som da chuva me ajuda a desligar os pensamentos e preocupações, permitindo que eu me entregue a um sono profundo e reparador.

[@VHSacer]

Seu canal é otimo estou adorando os conteúdos

[@MarcosVinicius-ui9ct]

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

[@123ocetabao]

Estou aprendendo muito com seus videos!

[@FredBCavalheiro]

Excelente conteúdo, o bom que não preciso pagar um curso de Angular tendo seus vídeos aqui no canal.

[@kipperdev]

Ahahaha valeu Fred! Fico feliz que os vídeos ajudamm

[@glaudirschlemper78]

Adorei o vídeo, parabéns por trazer conteúdo assim.

[@kipperdev]

Muito obrigadaa, @glaudirschlemper78 Fico feliz que tenha gostado 💜

[@davidaguiar7928]

Conheci o canal agora e amei esse estilo de live coding, mt bom

[@kipperdev]

Que bomm, David Fico feliz que tenha gostado 💜

[@webneckSistemas]

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

[@MarceloMoraes]

@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!!!

[@Almir-Targino]

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!

[@kipperdev]

Consegue sim! É tudo questão de prática! Bons estudos 💜

[@VHSacer]

Obrigado por compartilhar seu conhecimento comigo!

[@guilhermedossantossouza]

Uma dica pra não ficar sofrendo com cores é usar uma extensão, como o ColorZilla

[@mugatu2017]

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

[@besttipsus]

Superior quality and quick results. Very satisfied!

[@gabrielcosta6862]

Parabéns pelo conteúdo, atualmente estou estudando o Angular e seu video me ajudou bastante a entender melhor na pratica 👾❤

[@kipperdev]

Obrigadaa, @gabrielcosta6862 Fico feliz que tenha ajudado você 💜

[@pipocand6588]

Adoro as aulas da Faby!

[@pedro047g]

Esse vídeo me deixou sem palavras!

[@pedro047g]

Os animais de estimação são tão leais, eles nos amam incondicionalmente!

[@VHSacer]

Tudo verdade pode comprar simplesmente espetacular

[@123ocetabao]

Estou gostando muito dos seus vídeos, dando like em todos.

[@jhonny4999]

Muito bom! Vai ser top se tiver mais vídeos utilizando Angular

[@kipperdev]

Obrigada Joneilson!! 😊

[@William_Farias7]

Chega a ser relaxante ver um projeto frontend

[@taavaoo]

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!

[@123ocetabao]

Obrigado por compartilhar este ótimo conteúdo!

[@pedro047g]

Excelente canal, muito informativo!

[@07driano]

Seus videos são simplesmente perfeitos! principalmente resolvendo esses desafios

[@kipperdev]

Muito obrigadaa, Adriano Fico feliz que você goste💜

[@MicheleHoff-yo9ph]

!1. Excelente vídeo! Muito bem explicado e informativo.

[@GuilhermeCarvalhoCarneiro]

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.

[@kipperdev]

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 💜

[@autohorror]

dúvida: Onde você consegue pegar esses desafios? queria achar uns, mas pra backend

[@l2.marcelo]

Oi Fernanda tudo bem?!, quais os primeiros passos para ser um Desenvolvedor web? obrigado!

[@RogerFeGamer]

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

[@VHSacer]

listening that you may have peace and clarity in what you going through ️you are all loved

[@pipocand6588]

Pensa num Video da hora! valeu!

[@BabyGuega]

Ei fernanda , qnd vc vai desenvolver qualquer coisa, vc tem um feeling de onde começar, ou mapear em algum lugar ?

[@pipocand6588]

Muito interessante! Aprendi muito!

[@gmartins-dev]

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

[@kipperdev]

Boaaa, ótimas ideias!

[@MicheleHoff-yo9ph]

sempre com conteúdos top! show

[@renanzinhoxavier]

Quando tentei executar o "ng serve" me retornou erro relacionado com as fontes, o que pode ser? Fiz certo. Coloquei na pasta correta. Normal!