Avaliações do editor: Avaliações do usuário:[Total: 0 Média: 0].ilfs_responsive_below_title_1 { largura: 300px; } @media(min-width: 500px) {.ilfs_responsive_below_title_1 { width: 300px; } } @media(min-width: 800px) {.ilfs_responsive_below_title_1 { largura: 336px; } }
CodeGuppy é uma plataforma de aprendizado on-line gratuita para adolescentes aprenderem codificação JavaScript usando e tutoriais fáceis de entender. Eles podem codificar jogos e programas reais diretamente no navegador sem a necessidade de instalar nenhum aplicativo. É simples assim.
O currículo é personalizado para crianças e inclui atividades que ajudarão as crianças a aprender de uma forma divertida. A página inicial tem links para vários Tutoriais e Projetos que as crianças podem usar para aprender de forma eficaz.
Principais recursos:
PLATAFORMA JAVASCRIPT: fornece um editor de código para JavaScript e uma área de saída para visualizar a saída do programa.
ARMAZENAMENTO EM NUVEM: O usuário obtém espaço na nuvem para armazenamento ilimitado demais para armazenar seus jogos e aplicativos. Você pode usar programas existentes e remixá-los ou criar novos desde o início.
COMPARTILHAR: Uma vez que os aplicativos são criados, eles podem ser compartilhados com qualquer pessoa.
AMBIENTE DE TEMPO DE EXECUÇÃO: CodeGuppy oferece um gráfico API para permitir que iniciantes e crianças programem por meio de codificação criativa.
JOGOS DE MÚLTIPLAS CENAS: Os usuários podem criar jogos de arcade com várias cenas de maneira fácil e rápida.
ATIVOS DE CONSTRUÇÃO DE JOGOS: CodeGuppy fornece uma biblioteca integrada bem estabelecida que inclui personagens animados, imagens de fundo e muito mais para ajudá-lo com a codificação.
TUTORIAIS BASEADOS EM PROJETOS: você pode encontrar uma variedade de tutoriais sobre diferentes tópicos e assuntos.
CAMINHO DE GRADUAÇÃO: Os alunos acharão fácil começar a aprender JavaScript avançado após o CodeGuppy.
Como funciona:
1. Navegue até CodeGuppy usando o link fornecido no final deste artigo, clique em’Join for Free’e registre-se com seu e-mail.
2. Acesse os tutoriais para iniciar o processo de aprendizado ou clique em”Codificar agora”para iniciar a codificação.
3. A Interface de Codificação é nitidamente dividida no Editor de Codificação JavaScript à esquerda e o Canvas à direita, onde você pode visualizar a saída do Programa. Há uma barra lateral vertical à esquerda do Editor de Código que você pode usar para adicionar Planos de Fundo, Sprites (elementos gráficos) e Música e Sons.
4. Digite o Código no Editor. Você pode clicar no ícone”Dicas rápidas”na barra lateral para ajudá-lo com a programação JavaScript básica.
5. Para inserir um plano de fundo, clique no ícone ‘Fundos’ e escolha o desejado entre Cenas, Padrões ou Cores. Arraste e solte o plano de fundo no Editor de código para gerar o código automaticamente.
6. Repita o mesmo processo acima para inserir Sprites, Músicas, Sons e muito mais.
7. Para criar um aplicativo de várias cenas, como o necessário em Jogos, clique no sinal’+’acima do Editor de código para adicionar uma nova cena. Repita os passos enumerados acima para gerar o Código para a nova cena.
8. Clique no botão ‘Play’ acima do Code Editor para visualizar a saída no Canvas.
9. Você pode clicar no ícone de tela cheia acima do Editor de código ou Canvas para ampliá-lo para o tamanho completo.
10. Quando estiver satisfeito com o Programa e sua saída, clique no botão’Compartilhar’no canto superior direito para gerar um link para compartilhar o programa ou para gerar o código de incorporação para ele.
Os educadores podem usar o CodeGuppy para ensinar codificação para crianças usando salas de aula on-line. Eles podem criar e revisar as tarefas concluídas pelos alunos usando o espaço de trabalho do CodeGuppy.
Comentários finais:
O CodeGuppy é uma ferramenta incrível para clubes de programação, escolas que ensinam programação e alunos independentes. Tem toneladas de tutoriais e recursos para ajudá-lo a absorver facilmente o assunto usando um ambiente gráfico. Os alunos certamente vão adorar criar uma variedade de aplicativos e compartilhá-los com seus amigos.
a> para navegar até o CodeGuppy.
