[FreeCodeCamp] Resolvendo problemas com JQuery

Contexto:

O FreeCodeCamp é um ótimo site que prepara o desenvolvedor tanto para Front End quanto Back End para as principais tecnologias do mercado. Sugiro acessar o link caso não saiba do que se trata.
Cada aula é realizada com a aplicação de exercícios. Ao final de algumas etapas, são feitos pequenos projetos tanto para fixar o conhecimento, quanto para expandi-lo.

O melhor de tudo: é gratuito e concede certificados.

No início do curso, quando se abordou JQuery, tive muita dificuldade de avançar nos projetos por conta de "erros desconhecidos". O fato era que o CodePen (ferramenta de edição on-line usada para realizar os projetos) não reconhecia o código do JQuery. Isso me deixava em dúvidas se o código estava correto ou era outro problema. Após fazer uma verificações, tive certeza de que não era meu código (um simples "console.log()" dentro de um comando $.getJSON() não era executado, por exemplo).

Problema:

Um dos sintomas era que o JQuery não era reconhecido. Tudo que estava, por exemplo, dentro de uma cláusula JSON não era executado.
Um forma de ver isso, é rodar o código e consultar o console do CodePen.

Se aparecer esta mensagem:

Error: Bootstrap's JavaScript requires jQuery

Tudo indica que a solução a seguir vai resolver.

Solução:

1) Em Settings do CodePen, certifique-se de que há somente um "External CSS". No meu caso, estava usando Bootstrap. Então só deixe isso por lá.


2) Para o Javascript, faça o mesmo (ainda em Settings do Codepen, na aba Javascript): informe apenas a versão mais recente do Javascript (desconsidere o Javascript UI). No meu caso, selecionei este:

https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js

3) Finalmente, mas não menos importe, quando usar o CodePen, acesse-o sem o "s" do "http". Isto estava impedindo de carregar o JQuery.


Espero ter ajudado. Abraços.