TODO.md

• Organizar os arquivos em pastas

  • pasta imgs
  • pasta styles
  • pasta scripts
  • alterar os arquivos .html para apontar para os arquivos dentro das pastas

• Passar a usar algumas funcionalidades de es2015 (JavaScript 6)

  • for..of em vez do for(;;) tradicional

  • const/let em vez de var sempre que possível

  • elemento.classList.add('nome-da-classe') em vez de elemento.className='nome-da-classe'

  • usar interpolação de strings via template strings. E.g., em vez do seguinte:

    titulo.innerHTML = "Vetor " + (document.getElementsByClassName('vetUn').length + 1);

    ...prefira:

    let numeroDoProximoVetor = (document.getElementsByClassName('vetUn').length + 1);
    titulo.innerHTML = `Vetor ${numeroDoProximoVetor}`;   // repare que delimitamos o texto
                                                          // usando crase: `texto ${variavel}`

• Padronização/estilo/organização de código

  • padronizar uso de áspas para strings (sugiro sempre usar áspas simples em vez de duplas)
  • usar nomes de variáveis e funções mais descritivos
  • usar algum padrão de projeto para aumentar a organização em módulos (module pattern, revealing module pattern etc.)

• Sugestoes do Ronaldo

  • adicionar eixo K nos vetores unitários

  • permitir usuário escolher quantidade de algarismos significativos

  • fazer tutorial de como utilizar a aplicação (sugestao: uso de gifs, como nas propagandas do Sublime text.)

  • substituir 'U' por 'módulo'

  • Calcular ângulo unitario utilizando trigonometria:

    arctg (i/j);

• Finalização e otimização do código e material

  • finalizar uso de localStorage
  • otimizar cálculos com vetores padrão 😟
  • permitir melhor modularização dos calculos com vetores unit. padrão 😦
  • incluir exercícios
  • posicionar checkboxes e inputs adequadamente em relação às label
  • reorganizar a função de cálculo da resultante dos ângulos de forma a ordenar o array inicialmente (sendo a primeira posição o maior valor), otimizando o código e evitando verificações repetitivas
  • colocar uma checkbox para cada vetor

• Detalhes

  • utilizar imagens originais
  • criar logotipo
  • escolher esquema de cores
  • incluir orientador e coorientador na pagina 'quem somos' ⭐