Ir para o conteúdo

Detalhes

🎉 WWCode Recife Challenges - Online 🎉

Obs: 🔸 [SÓ SE INSCREVA, SE REALMENTE TEM DISPONIBILIDADE PARA PARTICIPAR!] 🔸

O que é este evento:
No intuito de aumentar a participação de mais mulheres na comunidade, criamos uma forma de nos conectar através de desafio de códigos, o encontro acontecerá todas as quartas as 19h.

Para quem é este evento?

  • Iniciantes que tenham interesse em aprender e evoluir na área de tecnologia.
  • Experts que tenham interesse em apoiar quem está no início de carreira, lembre-se: quem ensina, aprende duas vezes 💜
  • Curiosas que gostam de se desafiar e aprender coisas novas.

Fique sempre atenta ao desafio da semana, sugerimos fortemente que tente fazê-lo sozinha(o) antes do nosso encontro.

Qual o objetivo do evento?

  • Exercitar a prática e escrita de códigos criando pequenas aplicações através de desafios semanais.
  • Fortalecer nossa rede de mulheres mantendo um espaço seguro para errar e aprender.

Onde será o evento?

Obs: 🔸 [IMPORTANTE!] 🔸

O nosso canal #rec-wwcode-challeges da rede de Recife está no workspace do WWcode global de todos os membros, os 122 países, portanto todos falam inglês, os únicos canais em pt-br é o #rec-wwcode-challeges e o #brasil, mas o canal onde iremos interagir para os desafios e informações dos nossos encontros será o rec-wwcode-challeges.

  • Se for possível, sugerimos baixar o aplicativo do zoom antes do dia do evento, você pode fazer o download através deste link: https://zoom.us/download.

Nesta edição a Anne Durey da Lifeary lançará o seguinte desfio para o WWCode Recife:
🎯 [O DESAFIO - NÍVEL: INTERMEDIÁRIO]

Manipulação de arrays e representação visual com glass effect

A proposta desse desafio é criar uma representação do método de organização FIFO, utilizando arrays em JavaScript. Também como parte do desafio, você deve introduzir Glass Effect em sua representação visual, da maneira que desejar.

O conceito de FIFO é bem simples: o primeiro elemento que entra, é o primeiro que sai. Teoricamente, como filas deveriam funcionar :)

Como bônus, você pode brincar com a visualização dos elementos da fila, definindo uma cor para cada um.

Dicas:

  • (Para o bônus) Utilize input para criar um color picker em sua aplicação de maneira bem simples.
  • Ao inserir o Glass Effect tenha cuidado com o contraste das fontes e componentes. Escolha bem o seu background para obter um melhor resultado.

Conceitos aprendidos nesse desafio:

  1. CSS: Opacity, Alpha values, Backdrop-filter, Box-shadow, Glassmorphism
  2. JavaScript/React: Manipulação de arrays, Controle de estado de componentes, useEffect (dependendo da implementação).

Antes do nosso próximo encontro, vamos interagindo no canal do slack para dúvidas e ir nos ajudando para resolvermos o desafio.

Na próxima quarta, dia 30/06, iremos nos reunir no zoom e compartilhar o que cada uma conseguiu desenvolver.

Link do desafio no github: https://github.com/womenwhocoderecife/challenges/tree/main/all-challenges/manipulacao-de-arrays

Qual ferramenta preciso para participar do evento?

  • Você vai precisar de um computador ou notebook.
  • Internet e acesso à plataforma zoom.
  • Está participando do nosso grupo do slack para:
  • Receber o link da reunião que será disponibilizado no dia do evento.
  • Compartilhar dúvidas e apoiar os colegas no encontro.

Para não perder nenhuma informação fique atento nas nossas redes sociais:

Aguardamos você lá 💜

Você também pode gostar