Um site que ajuda estudantes a entenderem como funcionam ponteiros. Disponível em arturo32.github.io/HowPointersWork.
Ajudar estudantes a entenderem os ponteiros na linguagem de programação C através de uma representação visual da memória do computador, que muda conforme o usuário digita seu código.
Atualmente, usando o RegEx em JavaScript, o site pode reconhecer:
- Declarações de ponteiros e variáveis regulares;
- Inicializações de ponteiros e variáveis regulares feitas ao mesmo tempo da declaração ou separadamente;
- Reatribuição de variáveis regulares e ponteiros;
- Reatribuição de variáveis regulares utilizando desreferenciamento de ponteiro;
Enquanto o usuário digita na caixa de texto, as variáveis que ele cria aparecem instantaneamente em uma representação da memória do computador, cada uma com um endereço de memória e seus respectivos atributos (conteúdo, tipo e nome). Se um ponteiro para uma variável é criado, uma seta aparece na memória, saindo do ponteiro e terminando na variável para a qual o ponteiro aponta, como mostrado abaixo:
O site, como bônus, também possui um compilador online com caixas de texto de entrada e saída que funciona através de uma API fornecida por https://paiza.io/en. Em seu site eles dizem que o serviço da API não é garantido de forma alguma, mas parece que estou autorizado a usá-la para fins não comerciais (seus termos de serviço estão apenas em japonês). Eu realmente deveria procurar outra API de outro site. Se você conhece alguma, por favor, me avise.
Devido ao uso de módulos JS, é necessário algum tipo de servidor web local para rodar esta aplicação. Um deles é o http-server. Se tiver npx instalado em sua máquina, basta rodar:
npx http-server . -c-1
(A flag -c-1 desativa o cache)
Toda a documentação da API está <a href = "http://api.paiza.io/docs/swagger/#!/runners/". >aqui. Como não é muito amigável com usuários de APIs iniciantes (como eu!), vou explicar com detalhes como uso ele.
No momento que o usuário clica no botão "Compilar e executar" uma solicitação POST é enviada, utilizando JQuery, para o endereço https://api.paiza.io/runners/create, com três atributos importantes em seu corpo: o "source_code" com todo o código feito pelo usuário, o "language", neste caso, C (a API pode suportar 31 linguagens de programação), e o texto de entrada que o usuário pode ou não ter digitado na caixa de entrada. A partir da resposta desta requisição é coletado um ID para a API saber quem eu sou na requisição seguinte.
O próximo passo é enviar uma solicitação de GET para o mesmo link, com uma mudança no final (/get_details ao invés de /create). Esta solicitação de GET é enviada com o ID apresentado anteriormente. A primeira coisa a fazer com a resposta é verificar o parâmetro "status", pois ele irá dizer se a compilação terminou no servidor da API. Se não for o caso, a função chama a si mesmas após 100 milissegundos, até que o parâmetro "status" mostre que eles completaram a compilação.
A segunda coisa a ser verificada são os parâmetros de erros! Existem dois: "build_stderr" (indica erros na compilação) e "result" (indica erros na execução). O primeiro vem com sua própria mensagem de erro, mas o segundo apenas indica "falha", então neste caso o "exit_code" deve ser verificado para saber que tipo de erro aconteceu (com um código numérico). Se algum destes erros acontecer, a mensagem é mostrada na caixa de texto de saída do site. Se nenhum deles acontecer, então o conteúdo do parâmetro "stdout" é mostrado na caixa de texto de saída.
- Mudar o tamanho das células de memória de acordo com o tipo de variável que elas armazenam;
- Identificar a atribuição de variáveis com outras variáveis;
- Identificar e aplicar operadores aritméticos com números, variáveis e atribuições (ex. +=, *=);
- Identificar e aplicar o operador de incremento tanto para as variáveis regulares quanto para os ponteiros;
- Identificar arrays;
- Usar um "algoritmo diff" para uma experiência mais rápida em grandes códigos (?).