Estudar e refatorar CSS do front-end

fga-eps-mds / 2020.2-Anunbis

Aplicação que auxilia na avaliação de professores e disciplinas da UnB. Anunbis: https://anunbis-frontend.herokuapp.com/. Anunbis-API: http://anunbis-backend.herokuapp.com/

https://fga-eps-mds.github.io/2020.2-Anunbis/

GNU General Public License v3.0

5 stars 11 forks source link

Estudar e refatorar CSS do front-end #122

Closed oEduardoAfonso closed 3 years ago

oEduardoAfonso commented 3 years ago

Descrição:

Para a futura manutenção do código e para melhor organizar componentes já criados e os futuros, é necessário refatorar e padronizar o css do código atual.

Tarefas:

[x] Estudar Styled Components
[x] Transformar os componentes já criado em Styled Components
[x] Padronizar o CSS em pixels e não mais porcentagem
[x] Consertar possíveis bugs por conta das alterações.

Critérios de aceitação:

[x] Todos os componentes serem Styled Component
[x] Componentes estarem alinhados e de acordo com o protótipo em 960x540

oEduardoAfonso commented 3 years ago

https://www.youtube.com/watch?v=QdfjWRc4ySA Neste vídeo tem basicamente tudo que a gente vai precisar.

Criação de styled component
Edição do estilo
Usar javascript dentro do estilo
Fazer estilos globais
Criar recursos padrões para importar em outros componentes

victorhugo21 commented 3 years ago

https://www.youtube.com/watch?v=c5-Vex3ufFU Outro vídeo que também mostra bastante coisa, só que em inglês.

Instalem a extensão do styled-components no vscode, fica mais fácil e melhor pra codar.