PROJETO FULLSTACK APP DE LOGIN ANGULAR 17 + JAVA SPRING | FRONTEND
ฝัง
- เผยแพร่เมื่อ 26 ส.ค. 2024
- Nesse vídeo iremos construir o Frontend da nossa aplicação Fullstack de Login e Cadastro, para isso, iremos usar o framework Angular na versão 17 com Typescript e Sass.
⭐ Seja um membro do canal e tenha acesso à lives, vídeos e conteúdos exclusivos!
/ @kipperdev
🔗 Link do Figma
www.figma.com/...
🔗 Link do Gitub
github.com/Fer...
👉 Aprenda inglês com 47% OFF
tr.ee/kipperde...
👉 Me siga no instagram!
/ kipper.dev
🌎 Comunidade do Discord
/ discord
⭐ Seja um membro do canal e tenha acesso à lives, vídeos e conteúdos exclusivos!
th-cam.com/channels/pKvMmsF6QrkVr_zWaLGK-A.htmljoin
Consegui implementar a frontend, faz tempo que não mexia com Angular, conversor que ainda acho ele muito verboso comparado com Vue.JS. Uma sugestão construtiva que posso te dizer Fer é que na edição ter um pouco de cuidado na redução do vídeo, pq fica muito difícil de acompanhar a aula sem ter que parar a cada 10 a 20 segundos. Pois, na edição fica muito rápido a mudança de arquivo ou edição dele muitos trechos só achei no github pq no vídeo não foi mostrado de maneira clara. Obrigado pelo compartilhamento.
Muito bom, parabéns Fernanda Kipper!!!! Queremos mais séries de tutoriais Spring Boot, Angular, Kotlin, Java, Android (Nativo).
Para Android, recomendo kotlin
Nas versões mais recentes não existe mais a pasta assets, as imagens e ícones agora são colocados na pasta public.
Muito bom como sempre, Fernanda. Continue assim. Seu conteúdo é muito valioso para nós devs.
Muito obrigadaa, Bruno 💜
Fico muito feliz em ler esse tipo de feedback, de verdade!
Parabéns pelo canal. conteudo e conhecimento passado. Sou nova na comunidade, ituber e estou amando tudooooo!!!
Obrigada Ilanna!!! Que bom que está gostando 💜💜💜
Meu Deus, como eu queria um conteúdo assim!!! vou acompanhar demais.
Parabéns pelo vídeo. Me ajudou muito nessa parte dos forms.
Que bom que ajudou, Filip! Fico feliz 💜
olá Fernanda, gostei muito do vídeo especialmente da forma como foi feita a reutilização de código, mudou completamente a forma como farei os meus formularios, thank you very much, se um dia for ao Brasil, com certaza és uma das pessoas que gostaria de conhecer pessoalmente....
Só videos bons nesse canal, show demais
Muito top FER, PARABÉNS. Gostaria muito que vc detalhasse mais sobre o angular, principalmente na parte que não estava dando certo a label, vc criou muito código apenas pra corriri um problema de visibilidade. Nesta parte ficou confuso pra mim... Mas muito top!!!1
Conteúdo excelente 👏👏👏
Esperançoso que um dia sai o curso de Java da Fer! Hahahahah! Didática surreal!
Parabéns Fer. Lhe acompanho acredito que desde do início do canal e como está evoluindo os conteúdos por aqui. Será possível um dia um curso completo de Java/Spring e Angular para membros? Pretendo ser membro ainda hoje hehe. Sinto falta de curos de qualidade brasileiros em Angular. Seria interessante um aplicação completa nessas tecnologias citadas acima.
Oii, Carlos! Vi que você virou membro hahah muito obrigada pela confiança 💜
Quem sabe um dia eu faça algo nesse sentido...
Muito obrigado pela dica, bom saber que ajudaria!
Vou meter o front em flutter. Seu eu vou conseguir é outra história
rapaz, como que consegue ter tudo isso de informação na cabeça e na ponta da língua 😲
pow, o dia que eu programar assim, vou me considerar uma boa dev haha, arrasou demais!
obrigado por todo conhecimento repassado, Fernanda
Um projeto em Angular, top demais
Angular + java = Melhor stack!❤
Já sou mega membro super indico mais faço umas propostas quero muito ver um conteúdo de
Angular com supabase.
Login + crud completo pois supabase está super em alta e ajuda muito como um possível backend onde já ti entrega URLs prontas como endpoints
Ótima didática, ótimo conteúdo.
Muito obrigadaa, João 💜
Só conteúdo de qualidade :3 Vou aplicar os conhecimentos desse vídeo em um projeto :)
Oii Victor muito obrigadaa 💜
Show! Bom desenvolvimento!
Fernanda, parabéns pelo conteudo abordado, uma pergunta a parte 2 sairá para quem ainda não é um membro também?
a parte 2 do backend ja ta no canal
quando eu dou um ng new aparece: ...não pode ser carregado porque a execução de scripts foi
desabilitada neste sistema. Para obter mais informações, consulte about_Execution_Policies em... algm sabe como resolver?
Meus Parabéns !!!! Show !!!!!
Show! Bem objetivo.
não estou conseguindo utilizar o toastService, mesmo realizando o passo a passo apresentado durante a aula
Conteudo top 👏🏼👏🏼
conteúdo fantástico ficou muito bomm 🤩
Muito obrigadaa, Jhon 💜 🤩
Gostei muito vlww, só que alguns cortes que vc faz é mto rapido na hora de da pause e ver o codigo todo, ae tem que ficar voltando pra acompanhar kkk
Onde está o link de tutorial de instalação do Node ?
Os erros não são tratados na subscribe, eles são tratados antes da subscribe para poder se recuperar do erro, usando catchError e, usando estratégias como retry, throw, voce tampoco usa Signals
Muito bom como sempre ❤
Muito bom 👏👏
Obrigadaa 💜
Fernanda, uma dica... muitas pessoas devem assistir pelo celular. E pelo celular nao da pra ver quase nada oq vc ta fazendo... nos proximos vídeos se puder sempre dar zoom que fica fe melhor visualização
Parabéns pelo ótimo vídeo Fernanda!! Adoro seu conteúdo e me inspira demais
não sei se é de la que ela retira, mas tem o freepik tem imagens semelhantes lá é só procurar por ILUSTRAÇÔES
qual a diferença de quando você seta uma propriedade no componente com [ ], ( ) ou sem contendo apenas o nome da propriedade?
Obrigado, ❤ Fernanda 😀😀🤝🤝🇻🇪🇻🇪🎉🎉
Fernanda do céu!!! É coisa demais pra fazer apenas um login!! 😅 Como você conseguiu decorar tudo isso? Esse aí é o que chama de Crud?
OPAAAA, vai ter deploy tanto front quanto back ???
Kipper, tmj
Mto bala
Valeuu, Rapha 💜
Você vai fazer o mesmo projeto, porém, em React ?
essa parte do ControlValueAcessor a gente finge que entendeu
se eu tivesse trabalhando virava membro
Tenho certeza que você vai aproveitar muito!!
Top!!
Uma pergunta, meio receio em aprofundar em linguagens de programação e pq tenho uma memoria bem ruim, em um nível biológico, exemplo, com 25 não lembro o nome dos professores que me deram aula em todo o ensino médio. Todos esses projetos partem de uma estrutura padrão que é valido para tipos de projeto? Tipo, todo site web precisa ter X no front, Y no back, autenticação Z, etc? Como "lembrar" digamos assim, de toda essa estrutura, de todas as etapas?
Você não precisa decorar tudo, só precisa entender como funciona. Todo mundo dá uma olhadinha no google rs
Conteúdo muito top
Obrigadaa Ernane!! 💜
Para aprender esse conteúdo é essencial saber de HTML e css?
oiii Fernanda tudo bem? tem algum livro de Angular para indicar?
Realmente não consegui fazer login pelo spring achei bem confuso 😩
alguém sabe o nome da primeira musica??
Excelente video, cade o back-end😭😭😭😁😁
Oii, Mayara ta aquii: th-cam.com/video/tJCyNV1G0P4/w-d-xo.html
Espero que goste 💜
@@kipperdev muito obrigada, eu não estava encontrando
qual o link do figma?
Conseguiu?
@@pabloaraujolachei o que ela pegou como base, mas nao da pra colar aqui
Tá na mão!
www.figma.com/file/7T1wkErczpMOBeqtpVjMSb/Login-Page-Design-%7C-Figma-to-HTML-using-bootstrap-(Community)?type=design&node-id=6%3A920&mode=design&t=vdTFja2G7s4Mh8yg-1
tem a parte 2 ?
Oii, tem sim! th-cam.com/video/tJCyNV1G0P4/w-d-xo.html
Espero que goste 💜
segunda parte please
Conteúdo top. Mas infelizmente não consegui avançar devido ao seguinte erro quando injeto o serviço do toast no ts. Error: Uncaught (in promise): Error: NG0203: inject() must be called from an injection context such as a constructor, a factory function, a field initializer, or a function used with `runInInjectionContext`. Find more. Caso alguem puder dar um help, agradeço demais.
Obrigada Alex! 💜💜
Ainda está com esse erro ou já conseguiu resolver? Caso nao tenha conseguido, manda lá no Discord, no canal exclusivo dos membros, que te ajudooo.
@@kipperdev oi Fê, desculpe a demora em responder. Acabei abandonando o projeto, rss
você é FODA
Fê, uma pergunta -- É possível utilizar o React junto com o Angular?
Com microfrontends simm!!
Preciso de ajuda com o angular qual o discord da Fernanda pra mim ver com a comunidade se me ajuda
Oii Bruno, o link é esse daqui: discord.com/invite/D5sStBByFr
Manda lá que o pessoal te ajuda!
Cadê o figma?
Oii, Andrey. Adicionei o Figma à descrição
www.figma.com/file/7T1wkErczpMOBeqtpVjMSb/Login-Page-Design
Qual a diferença desse projeto para o desse vídeo ? th-cam.com/video/tJCyNV1G0P4/w-d-xo.html
o vídeo atual é o front, o outro é o back
Oi, consegue tirar essa musica nos próximos vídeos? Ela me distrai bastaste, por mim poderia ser até sem música.
Super()
💜
Angular me dá medo
Não tente aprender com ela, tudo o que ela tem de conhecimento é inversamente proporcional à didática.
Hahahah da medo de tão bom que é!!!
escrever tudo em ingles é muita frescura kkkkkkkkk se isso for pra ajudar iniciantes eu lhe digo : faça em portugues !!!! até eu que sei fazer fiquei confuso
Confuso é tu saber fazer e ficar confuso
Frescura? Sinceramente olha, preguiça pra explicar
No mercado de tecnologia atual, escrever códigos em inglês é uma exigência, não apenas uma preferência. Dominar essa prática é essencial para se manter competitivo e atender às demandas da indústria.
eu também achava frescura ate chegar no mercado e ver tudo em inglês. só aprendo e escrevo em inglês
@@renanxttmano 😅😂
Você é muito acelerada, por favor vá mais devagar na próxima vez, estou tentando, mas tenho que voltar toda hora.
Tive esse problema para renderizar as informações dos inputs e segui a recomendação do console, coloquei esse trecho de código na classe PrimaryInputComponent:
loginForm = new FormGroup({
email: new FormControl('', [Validators.required, Validators.email]),
password: new FormControl('', [Validators.required, Validators.minLength(6)])
})
+ e o erro sumiu, eu poderia seguir com esse código ou você recomenda que eu passe a utilizar essa forma que você passou no vídeo? desde já agradeço!