Pequeno projeto de desenvolvimento de uma calculadora binaria feito em Angular com meu amigos de classe Filipe Borges(github.com/Starkill3r) e Matheus de Carvalho(github.com/MathOak).

Um adendo sobre o projeto, utilizei os seguintes elementos:

0 - Angular:

Angular é uma plataforma de aplicações web de código-fonte aberto e front-end baseado em TypeScript liderado pela Equipe Angular do Google.

1 - TypeScript:

TypeScript é um superconjunto de JavaScript desenvolvido pela Microsoft que adiciona tipagem e alguns outros recursos a linguagem.

2 - Grid:

É uma malha formada pela interseção de um conjunto de linhas horizontais e um conjunto de linhas verticais – um dos conjuntos define colunas e outro linhas. Dentro de um grid, respeitando-se a configuração criada pelas suas linhas, pode-se inserir elementos da marcação.

3 - Breakpoints:

São os pontos de quebra onde o layout será ajustado para atender diferentes resoluções. A partir destes pontos é que será possível estabelecer comandos CSS para que o site se comporte de forma adequada visualmente para cada dispositivo.

4 - Flexbox:

O Flexible Box Module, geralmente chamado de flexbox, foi projetado tanto como um modelo de layout unidimensional quanto como um método capaz de organizar espacialmente os elementos em uma interface, além de possuir capacidades avançadas de alinhamento.

5 - Keyframes:

Como a sincronização da animação é definida por um estilo CSS que configura a animação, keyframes usam uma percentage para indicar o tempo durante a sequência de animação que eles fazem parte. 0% indica o primeiro momento da sequência de animação, enquanto 100% indica o estado final da animação.

6 - Animation CSS:

A propriedade CSS abreviada animation, aplica uma animação entre estilos.

7 - Transform CSS:

A Propriedade CSS transform permite modificar o espaço coordenado do modelo de formatação CSS. Usando-a, elementos podem ser traduzidos, rotacionados, ter seu tamanho ajustado e inclinados de acordo com os valores definidos.

DESKTOP:

MOBILE: