Tag / css

by evelyn

Firebase Web – Zero to Hero parte 4

Nesse artigo vamos instalar corretamente o Bootstrap e suas dependências, pq tem algumas pegadinhas.

Bootstrap + Authentication

Authentication parte 3

Continuando o layout, adicionando o Bootstrap

Bootstrap, não acho que seja uma questão de gostar ou não gostar, muito antes pelo contrário

E por isso vamos instalar o bootstrap no nosso projeto, e para isso vamos usar a lib ngx-bootstrap, o comando agora é um pouco diferente, como o ngx-bootstrap provém schematics, isso é, ele atualiza o projeto aonde é necessário para seu funcionamento, no caso dele no package.json e no angular.json

Para maiores informações sobre schematics visite https://angular.io/guide/schematics-for-libraries

Bem, vamos nessa, no console digite: ng add ngx-bootstrap

Continue reading →
by evelyn

Firebase Web – Zero to Hero parte 3

Vamos arrumar o layout, afinal, temos que deixar bonito 🤩

HTML 5+ Firebase Authentication
HTML 5+ Firebase Authentication

Authentication parte 2

Arrumando o layout

Vamos arrumar o layout, afinal, temos que deixar bonito 🤩

Primeiro, quero colocar um background na tela de auth, porém somente na tela de auth.
Mas como se é um component, e o background para ficar bom precisa ser estilizado no body?

Primeiro preciso de um background, adicionei um a pasta assets/images, pasta images essa que eu criei.
projects/principal/src/assets/images/auth-background.png

auth-background.png
auth-background.png
Continue reading →
by evelyn

Firebase Web – Zero to Hero parte 2

HTML 5+ Firebase Authentication
HTML 5+ Firebase Authentication

Authentication parte 1

Criando os módulos e components de auth

Vamos começar definindo o que fará parte do módulo authentication

O que costumo fazer é ter um módulo chamado, auth.module.ts
Para isso uso o comando de gerar módulo do CLI do Angular, o ng g(generate) m(module), no caso, ng g m auth, ele irá criar uma pasta chamada auth com o módulo dentro dela
Vamos nessa?

ng g m auth
CREATE projects/principal/src/app/auth/auth.module.ts (190 bytes)
Continue reading →