Agrade

25 jan 2019 Última atualização: 2 jul 2021

Traduzido do en usando google translate

Sobre

[Agrade] (http://agrade.info/) é um pequeno aplicativo da web que desenvolvi originalmente em 2014, enquanto estava na faculdade. O sistema web da minha faculdade para alunos não era aquele ótimo na época (ainda não é) e não tínhamos como ver facilmente as dependências entre disciplinas e para ver uma porcentagem de conclusão de graduação.

Tive alguns problemas com as disciplinas da faculdade, tendo que fazer alguns mais de uma vez e fazendo outros em anos diferentes que originalmente deveria. Como você pode ver, saber o que eu havia concluído e o que ainda precisava ser concluído era importante para mim naquela época.

Eu estaria mentindo que essa ideia era totalmente original, um dos meus amigos por ano antes de fazer o Agrade tinha feito uma pequena página html com javascript embutido que faria algo semelhante ao agrade, mas só funcionaria para Ciência da Computação. Eu tinha planos maiores para o Agrade, trabalhar não só para outros cursos, mas também para outras faculdades. Você pode estar confuso, por que você precisa mudar alguma coisa diferente para outras faculdades, bem, pelo menos fiquei confuso na época com a forma como diferentes fossem as regras entre cada escola, algumas delas teriam até regras diferentes em vários campi. Então, o plano era criar algo genérico, que pode ser configurado e usado em qualquer lugar.

O tempo passou, eu tinha mais coisas para fazer e o projeto começou a juntar poeira nunca vendo a luz de seu potencial (pelo menos até agora)

Não seria maravilhoso ter uma plataforma em que você pudesse não apenas planejar seu anos de faculdade, mas também pode comparar suas disciplinas com qualquer outro curso na terra (talvez também marte um dia)?

! [Visualizador de conclusão] (/ images / agrade / percent.png)

Pilha antiga

Originalmente, o aplicativo foi desenvolvido usando o Bootstrap 3 (oh cara, o bootstrap 4 levou um loooooooonga hora de sair), jQuery e javascript de estilo antigo. Você se lembra isto? Funções de escrita que eram na verdade protótipos para outros objetos em que às vezes era chamada de programação orientada a protótipos. OH!!!! COMO EU AMEI ESSES TIMES !!!

`` `js function Todo (descrição, conclusão) {this.description = description this.completion = completamento}

Todo.prototype.isDone = function () {return this.completion} `` `

Felizmente, agora temos um pouco de açúcar e podemos escrever nossas aulas com um pouco mais ... classe!

Outra tecnologia que estava QUENTE na época eram os executores de tarefas e eu usei o Grunt, um arquivo de configuração longo e desagradável apenas para fazer o projeto funcionar.

Tecnologia de bônus: caramanchão. Por quê? Não tenho a certeza ... a npm não tinha os pacotes no Tempo? Por que escolhi usar dois sistemas de gerenciamento de pacotes?

! [Disciplinas] (/ images / agrade / disciplines.png)

Nova pilha

Esta semana decidi fazer três coisas sobre agrade:

  1. Vincule-o à minha página da web e blog atuais
  2. Coloque um código de rastreamento de análise (eu estava com preguiça de instalá-lo no original versão)
  3. Escreva sobre como fazer isso

Parecia uma tarefa fácil, até que tentei executá-la.

Sim, você adivinhou certo. Não funcionou.

Eu não estava no meu melhor momento, então fiquei muito chateado por não estar funcionando e decidiu atualizar toda a base de código. Por que não?

Jogou fora o grunhido, mudou a forma como as coisas eram importadas, reescreveu esses protótipos em classes mais limpas e Parcela instalada. Não tenho certeza se é a melhor opção para todos os casos, mas como empacotador, adoro como é fácil usar o pacote. Um instalar, um parcel index.html e 95% do trabalho da configuração antiga foi feito. FEITO! Os outros 5% foram alguns arquivos estáticos que eu precisava, o instalei um pacote plugin, movido alguns arquivos e BAM! Trabalhando!

! [Disciplinas] (/ images / agrade / filter.png)

Planos para o futuro

Eu realmente acredito que um aplicativo centralizado para pesquisar faculdades, compará-las, controlar o que você está estudando, para avaliar o quão boa é a educação universitária e também receber feedback de professores e faculdades seria útil. Mas um passo de cada vez, grandes planos não valem nada sem a possibilidade de realizar eles.

Portanto, esta é minha lista de tarefas simples:

Use alguma biblioteca css moderna (ou nenhuma, a grade css deve cuidar das necessidades do Agrade)

Remova jQuery, ele cumpriu sua pena. Usar react / vue / riot ou talvez até componentes da web (tenho que dar uma olhada novamente)

Mineração de dados novas faculdades para seus cursos e disciplinas (as brasileiras primeiro)

Permitir que as pessoas se cadastrem no site e persistir suas informações

Ainda não tenho certeza de como devo terminar minhas postagens!

Tchau (eu acho)