Bom dia, boa tarde e quem sabe boa noite a quem este post possa interessar. Mais uma vez venho compartilhar o que fiz esta semana relacionado aos meus projetos pessoais. Tentarei ser breve aqui.

Pra quem ainda não sabe na semana passada publiquei um post só dizendo que não estava bem pra estudar, e nem pra nada sinceramente, e só coloquei uma tag famosa (ou brasil ou braziliandev) porque não queria mesmo que muitas pessoas o lessem. E pra quem não lembra estou com praticamente dois projetos pessoais esses dias, um é treinamento de angular que decidi usar o appideas pra fazer os projetos e outro é um projeto de plataforma de blog que criei já o back end e agora estou fazendo o frontend. O que dá angular ou angular.

Tá continue...

E essa semana voltei a desenvolver o frontend da aplicação de blog com angular. Já havia desenvolvido a tela inicial (que carrega os posts com a barra de menu). E então fiz algumas coisas nele, movi a parte dos posts do blog para um componente (que dei o nome de index-posts) e deixei a barra de menu com o appcomponent.

Para fazer essa transição foi relativamente simples, só copiei e colei a div (container, posts, completa) no componente criado. Copiei também a parte do css relacionado a isso. E colei a lógica do arquivo .ts (que fará carregar os posts).

Criei um componente para registros de usuários onde no html simplesmente adicionei os campos referentes a um usuario (email, senha, nome e bio) e no css só enlargueci eles para ocupar a largura da tela. No arquivo .ts eu simplesmente falei para dar um console.warn e mostrar os dados inseridos no console (depois terei de implementar a lógica de inserir o usuário). Ah e coloquei para que o item do menu que criei na ultima vez (que tinha um item lá para registrar).

A imagem abaixo mostra o item de menu que citei...

E aqui abaixo como está o componente criado.

E aí teve alguma dificuldade com o angular??

Minha maior dificuldade foi e está sendo para exibir esse componente. Primeiramente queria que quando abrisse o componente de registro fechasse o index-posts, mas como o angular foi feito para single page ele abre na mesma página que o index-posts (exibindo assim a página de registro e os posts). Se alguém souber como fazer isso eu agradeço imensamente. E o resto (que é chamar o componente quando clicar no menuitem) até que foi tranquilo...

E vamos aí tentando continuar a vida e os projetos pessoais de estudo.

Agradecimentos

Agradeço a todos que leem estes meus posts (registro de atividades em projetos pessoais) vocês são demais :-) mesmo...

Semana que vem posto o que fizer mais.