RESOLVENDO DESAFIO FRONTEND - PROJETO ANGULAR COMPLETO

No video

RESOLVENDO DESAFIO FRONTEND - PROJETO ANGULAR COMPLETO

Рет қаралды 234,119

10 ай бұрын

Nesse vídeo iremos resolver o desafio frontend da maior rede de academias do Brasil, a Smartfit.
Para resolver o desafio iremos utilizar o framework Angular, explorando vários conceitos do mundo Angular como observables, services, data binding e mais!
⭐ Seja um membro do canal e tenha acesso à lives, vídeos e conteúdos exclusivos!
/ @kipperdev
🎁 ASSINE A NORDVPN COM até 64% OFF!
nordvpn.com/kipperdev/
🔗 Link do desafio
github.com/bioritmo/front-end...
🔗 Repositório do projeto
github.com/Fernanda-Kipper/sm...
👉 Me siga no instagram!
/ kipper.dev
👉 Seja também um membro do canal e tenha benefícios exclusivos!
/ @kipperdev
🌎 Comunidade do Discord
/ discord

Пікірлер: 316

@kipperdev 10 ай бұрын

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

@guilhermemm-dev 9 ай бұрын

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

@iagomax5572 4 ай бұрын

9:44

@pipocand6588 3 күн бұрын

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

@carolinadargel8663 8 ай бұрын

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 8 ай бұрын

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 8 ай бұрын

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

@aurellossou 8 ай бұрын

É 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 3 ай бұрын

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

@andersondamasceno1356 10 ай бұрын

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

@kipperdev 10 ай бұрын

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

@giovanibenvenutti3578 9 ай бұрын

@@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 9 ай бұрын

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

@guilhermemm-dev 9 ай бұрын

@@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 9 ай бұрын

@@guilhermemm-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 7 ай бұрын

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

@MicheleHoff-yo9ph 2 ай бұрын

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

@pipocand6588 3 күн бұрын

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

@VHSacer 5 күн бұрын

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

@BateraEntrevista 9 ай бұрын

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

@kipperdev 9 ай бұрын

Que massaa!!

@FelipeCatao 8 ай бұрын

Era temporário?

@VHSacer 5 күн бұрын

Não poderia estar mais feliz com esse produto. Alta qualidade e eficiência.

@123ocetabao 15 күн бұрын

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

@pipocand6588 3 күн бұрын

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.

@123ocetabao 15 күн бұрын

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

@VHSacer 5 күн бұрын

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.

@pipocand6588 3 күн бұрын

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

@pipocand6588 3 күн бұрын

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

@dulii4238 10 ай бұрын

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 10 ай бұрын

@kipperdev 10 ай бұрын

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

@123ocetabao 15 күн бұрын

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

@pedro047g 9 күн бұрын

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

@aln_soares 6 ай бұрын

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 !

@devmts 6 ай бұрын

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

@pipocand6588 3 күн бұрын

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

@123ocetabao 15 күн бұрын

adding Growth Matrix to my routine was a game-changer for my fitness journey. the increase in physical capabilities is mind-blowing

@123ocetabao 15 күн бұрын

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

@MicheleHoff-yo9ph 2 ай бұрын

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

@VHSacer 5 күн бұрын

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

@pipocand6588 3 күн бұрын

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

@123ocetabao 15 күн бұрын

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

@VHSacer 5 күн бұрын

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

@carolinadargel8663 8 ай бұрын

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

@pedro047g 9 күн бұрын

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

@VHSacer 5 күн бұрын

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

@pipocand6588 3 күн бұрын

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!

@pedro047g 9 күн бұрын

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

@nayr5334 9 ай бұрын

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

@kipperdev 9 ай бұрын

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 16 күн бұрын

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

@VHSacer 5 күн бұрын

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

@VHSacer 5 күн бұрын

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

@MicheleHoff-yo9ph 2 ай бұрын

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

@pedro047g 9 күн бұрын

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

@pipocand6588 3 күн бұрын

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

@VHSacer 5 күн бұрын

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

@esnaydergarcia2891 9 ай бұрын

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 5 ай бұрын

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

@pipocand6588 3 күн бұрын

Obrigado por compartilhar seu conhecimento comigo!

@123ocetabao 15 күн бұрын

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

@pipocand6588 3 күн бұрын

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

@VHSacer 5 күн бұрын

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

@besttipsus 28 күн бұрын

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

@DiegoStrukChagas 3 ай бұрын

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

@123ocetabao 15 күн бұрын

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

@pipocand6588 3 күн бұрын

Continue na pegada você vai longe, valeu mesmo!

@123ocetabao 16 күн бұрын

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

@moacir8663 10 ай бұрын

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

@kipperdev 10 ай бұрын

obrigadaa Moacir! Fico feliz que ajudou 😊

@123ocetabao 15 күн бұрын

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

@VHSacer 5 күн бұрын

Seu canal é otimo estou adorando os conteúdos

@VHSacer 5 күн бұрын

Sua criatividade não tem limites!

@pedro047g 9 күн бұрын

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

@besttipsus 28 күн бұрын

Superior quality and quick results. Very satisfied!

@MicheleHoff-yo9ph 2 ай бұрын

Me envolvi totalmente com este vídeo.

@gabrielcosta6862 10 ай бұрын

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

@kipperdev 9 ай бұрын

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

@renansilvacardoso6206 10 ай бұрын

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

@kipperdev 10 ай бұрын

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

@123ocetabao 15 күн бұрын

Estou aprendendo muito com seus videos!

@123ocetabao 16 күн бұрын

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

@pedro047g 9 күн бұрын

Excelente canal, muito informativo!

@pedro047g 9 күн бұрын

recomendo todos se inscreverem nesse canal pois ele vai longe!

@godsmackssa 5 ай бұрын

To velho dms pra isso kipper :) parabéns pelo esforço

@07driano 10 ай бұрын

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

@kipperdev 10 ай бұрын

Muito obrigadaa, Adriano Fico feliz que você goste💜

@DavidMateusReis 10 ай бұрын

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!

@pipocand6588 3 күн бұрын

Pensa num Video da hora! valeu!

@123ocetabao 16 күн бұрын

Ver seus vídeos torna tudo melhor

@pipocand6588 3 күн бұрын

Muito interessante! Aprendi muito!

@123ocetabao 16 күн бұрын

Obrigado por compartilhar este ótimo conteúdo!

@pedro047g 9 күн бұрын

Esse vídeo me deixou sem palavras!

@glaudirschlemper78 9 ай бұрын

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

@kipperdev 9 ай бұрын

Muito obrigadaa, @glaudirschlemper78 Fico feliz que tenha gostado 💜

@VHSacer 5 күн бұрын

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

@andreluisferreira 8 ай бұрын

Fera demais, excelente conteúdo. D+

@MarcosVinicius-ui9ct 9 ай бұрын

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

@guilhermedossantossouza 9 ай бұрын

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

@MicheleHoff-yo9ph 2 ай бұрын

sempre com conteúdos top! show

@MicheleHoff-yo9ph 2 ай бұрын

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

@DennisJCarvalho 10 ай бұрын

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 10 ай бұрын

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

@karolinecruz3391 5 ай бұрын

Obrigada demaaaaais!!! Didática de milhões😄

@davidaguiar7928 9 ай бұрын

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

@kipperdev 9 ай бұрын

Que bomm, David Fico feliz que tenha gostado 💜

@pipocand6588 3 күн бұрын

Estou tão animado para ver o que a IA pode alcançar nos próximos 5 minutos!

@123ocetabao 16 күн бұрын

Esse vídeo é muito informativo!

@VHSacer 5 күн бұрын

Tudo verdade pode comprar simplesmente espetacular

@XINTSUAI 3 ай бұрын

Valeu obrigado pelo curso.

@VHSacer 5 күн бұрын

Que palavra maravilhosa para começar o dia! ????

@123ocetabao 15 күн бұрын

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

@pedro047g 9 күн бұрын

Adorei Faz mais videos assim

@pipocand6588 3 күн бұрын

Adoro as aulas da Faby!

@jhonny4999 10 ай бұрын

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

@kipperdev 10 ай бұрын

Obrigada Joneilson!! 😊

@fillipeamg5877 10 ай бұрын

Muito bom. Deu pra ter uma boa ideia do funcionamento do Angular.

@kipperdev 9 ай бұрын

Que bomm, @fillipeamg5877 Fico feliz que tenha ajudado você 💜

@rmpena25 8 ай бұрын

Excelente conteúdo! Mais angular por favor!

@joaocarlossilva6489 7 ай бұрын

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 ?

@pipocand6588 3 күн бұрын

Top top top mano !