UX CALENDAR – 14 DE DEZEMBRO – Lista de jogos para aprender a codificar

Como designer de UX ou designer de interface do usuário, podemos codificar ou inspecionar o código com as ferramentas de desenvolvimento do nosso navegador. Em um artigo publicado no blog UX Republic podemos ler:

“Durante um projeto, designers e desenvolvedores trabalham juntos. O relacionamento deles é a chave para o seu bom funcionamento.”

De fato, para um designer, entender as restrições do desenvolvedor permite que ele antecipe e adapte o design das interfaces do produto em questão. O designer com habilidades técnicas trará para dentro da equipe uma forma de facilitar a comunicação e, consequentemente, a colaboração.

Para aprender a codificar ou simplesmente praticar o que é melhor do que praticar. Existem muitas formas de aprender seja através de vídeos, ou cursos, manuais. Mas é praticando que você entende e nada melhor do que fazer exercícios lúdicos.

Testamos jogos para aprender a codificar ou melhorar e aqui está nossa seleção:

 

JOGO CODEPIP

É uma plataforma para jogos de desenvolvimento web liderada por Thomas Park, designer e desenvolvedor. Você pode jogar Flexbox Froggy, o primeiro jogo desenvolvido e que se tornou muito popular na comunidade web.


SAPO FLEXBOY

 

https://flexboxfroggy.com/#fr

Algumas palavras sobre este jogo...

Flexbox Froggy é um jogo simples, o objetivo é ajudar Froggy a chegar em sua casa. Para isso, os jogadores terão que aprender a usar o módulo de layout CSS Flexbox. 

 

GRADE DE JARDIM

 

 

Manter seu jardim de cenouras nunca foi tão fácil graças à grade CSS. Diga adeus às ervas daninhas aprendendo a definir linhas de colunas e áreas de padrão de grade. A cada fase o jogador aprende diferentes propriedades até conseguir combinar várias para salvar sua horta de cenouras.

 

JSROBOT

 

Com este jogo de plataforma você aprenderá JavaScript. O jogador controla um robô para coletar moedas, evitar obstáculos e alcançar a bandeira no final da fase.

 

CODECOMBATE

 

https://codecombat.com/

Code Combat é um jogo online de código aberto onde o jogador deve programar os movimentos e ações de seu personagem em uma sala. Aprenda Python, JavaScript e HTML resolvendo quebra-cabeças e depois aprenda a criar seus próprios jogos e sites de programação.

 

BATALHA CSS

 

 

O conceito do CSSBattle é o seguinte, trata-se de reproduzir um visual usando o menor número possível de linhas de código. Na plataforma temos um editor de texto e o usuário pode ver a renderização instantaneamente. Os desafios anteriores são arquivados e classificados. Em particular, temos um ranking dos melhores desenvolvedores por desafio. 

 

Yasmina BELHADJ, UI-UX Designer @UX-Republic


 


Nossos próximos treinamentos