DEV Community

guiadeti
guiadeti

Posted on • Originally published at guiadeti.com.br on

Desafio De JavaScript E DOM Gratuito Da Alura: Teoria Em Prática

O Desafio 7 Days of Code de JavaScript e DOM, oferecido gratuitamente pela Alura, é uma excelente oportunidade para colocar em prática seus estudos.

Durante uma semana, você enfrentará 7 desafios, um para cada dia, que irão aprimorar suas habilidades em Front-end. O objetivo é desenvolver sua própria versão do famoso jogo Wordle, onde o desafio é adivinhar a palavra escondida.

Neste desafio, você utilizará HTML, CSS e JavaScript, aplicando conceitos fundamentais como Flexbox/Grid, manipulação do DOM, eventos, consumo de APIs e testes automatizados.

Ao final, você terá um projeto valioso para adicionar ao seu portfólio e ao seu GitHub, consolidando seu aprendizado e experiência na área.

Desafio 7 Days of Code

O Desafio 7 Days of Code de JavaScript e DOM, oferecido gratuitamente pela Alura, é uma oportunidade imperdível para colocar em prática seus estudos. Durante 7 dias, você enfrentará 7 desafios que irão aprimorar suas habilidades em Front-end.


Imagem da página do evento

O que você vai construir?

Neste desafio, você terá a missão de desenvolver sua própria versão do jogo Wordle, um jogo de palavras onde o objetivo é adivinhar a palavra escondida.

Para isso, você utilizará HTML, CSS e JavaScript, aplicando conceitos como Flexbox/Grid, manipulação do DOM, eventos, consumo de APIs, testes automatizados e muito mais.

Cronograma do Desafio

  • Dia 1: Já no primeiro dia, você irá colocar em prática seus conhecimentos de HTML e CSS, replicando um layout do Figma com HTML semântico e aplicando os estilos de CSS.
  • Dia 2: No segundo dia, você vai definir um banco de palavras. A função que você vai criar será responsável por escolher randomicamente a palavra que será adivinhada no jogo.
  • Dia 3: Esse é um dos dias mais importantes! Você vai começar a tornar a sua página mais dinâmica e interativa: você vai desenvolver toda a lógica para realizar palpites, levando em consideração as regras do Wordle.
  • Dia 4: Hoje, você vai verificar se o palpite está correto, levando em consideração as regras do jogo e, se o palpite completo for correto, irá exibir um alerta.
  • Dia 5: Nesse dia, você vai customizar a caixa de diálogo usando uma biblioteca externa chamada Toastify, incluindo essa dependência no projeto. Depois disso, você terá um jogo funcional.
  • Dia 6 : Chegando quase no final, hoje teremos foco em DOM. O desafio do dia será tornar o teclado virtual clicável, ou seja, ao pressionar uma das teclas, isso deverá refletir no board do seu jogo, usando o evento de clique.
  • Dia 7: No sétimo e último dia do desafio, você precisa adicionar um botão na página que irá zerar as informações, para que o jogador possa jogar novamente do início. Você irá fechar com chave de ouro!

Quem vai te desafiar?

O desafio será conduzido por Lais Frigério, uma engenheira de software apaixonada por criar desenhos usando CSS e que adora compartilhar conteúdo no Instagram, LinkedIn e YouTube para ajudar outras pessoas.

Como funciona?

Ao se inscrever, você receberá um e-mail por dia durante 7 dias com dicas do que praticar. Este evento é voltado para quem tem interesse em tecnologia e programação e deseja aprender como praticar as habilidades exigidas pelo mercado de trabalho.

Participe e desenvolva seu portfólio e GitHub enquanto aprimora suas habilidades em JavaScript e DOM!

        Você pode gostar




                                <span><img src="https://guiadeti.com.br/wp-content/uploads/2024/09/Desafio-De-JavaScript-D-280x210.png" alt="Desafio De JavaScript" title="Desafio De JavaScript"></span>

                        <span>Desafio De JavaScript E DOM Gratuito Da Alura: Teoria Em Prática</span> <a href="https://guiadeti.com.br/desafio-javascript-dom-gratuito-alura-pratica/" title="Desafio De JavaScript E DOM Gratuito Da Alura: Teoria Em Prática"></a>





                                <span><img src="https://guiadeti.com.br/wp-content/uploads/2024/09/Materclass-Produtos-Digitais-280x210.png" alt="Materclass Produtos Digitais" title="Materclass Produtos Digitais"></span>

                        <span>Materclass De Produtos Digitais Gratuita Da PM3</span> <a href="https://guiadeti.com.br/materclass-produtos-digitais-gratuita-da-pm3/" title="Materclass De Produtos Digitais Gratuita Da PM3"></a>





                                <span><img src="https://guiadeti.com.br/wp-content/uploads/2024/09/Treinamento-De-AZ-900-280x210.png" alt="Treinamento De AZ-900" title="Treinamento De AZ-900"></span>

                        <span>Treinamento De AZ-900 Gratuito Da Fast Lane</span> <a href="https://guiadeti.com.br/treinamento-az-900-gratuito-da-fast-lane/" title="Treinamento De AZ-900 Gratuito Da Fast Lane"></a>





                                <span><img src="https://guiadeti.com.br/wp-content/uploads/2023/06/Curso-de-Excel-Simplifica-280x210.png" alt="Curso de Excel Simplifica Treinamentos" title="Curso de Excel Simplifica Treinamentos"></span>

                        <span>Curso De Excel Online E 100% Gratuito Da Simplifica Treinamentos</span> <a href="https://guiadeti.com.br/curso-de-excel-gratuito-simplifica-treinamentos/" title="Curso De Excel Online E 100% Gratuito Da Simplifica Treinamentos"></a>
Enter fullscreen mode Exit fullscreen mode

JavaScript

O JavaScript é uma das linguagens de programação mais populares e amplamente utilizadas no desenvolvimento web. Ele permite a criação de páginas interativas e dinâmicas, tornando a experiência do usuário mais rica e envolvente.

O que é JavaScript?

JavaScript é uma linguagem de programação de alto nível, interpretada e orientada a objetos. Originalmente criado para adicionar interatividade às páginas web, hoje em dia, ele é utilizado em uma variedade de aplicações, desde sites simples até complexos aplicativos web e móveis.

Principais características

Uma das principais características do JavaScript é sua capacidade de manipular o Document Object Model (DOM), que representa a estrutura de um documento HTML.

Isso permite que os desenvolvedores alterem o conteúdo e a estrutura da página em tempo real, respondendo a ações do usuário, como cliques e movimentos do mouse.

Aplicações do JavaScript

JavaScript é amplamente utilizado em diversas áreas, incluindo:

  • Desenvolvimento Front-end: Criação de interfaces de usuário interativas.Desenvolvimento Back-end: Com o uso de ambientes como Node.js, é possível construir servidores e APIs.
  • Desenvolvimento de Jogos: Criação de jogos online que rodam diretamente no navegador.
  • Aplicações Móveis: Utilização de frameworks como React Native para desenvolver aplicativos móveis.

Alura

A Alura é uma plataforma de educação online de ensino de tecnologia, design e negócios. Com um variado catálogo de cursos, a Alura oferece uma maneira acessível e flexível de aprender novas habilidades e se atualizar em um mercado em constante evolução.

Cursos Oferecidos

A Alura disponibiliza uma lista de cursos que abrangem diversas áreas, incluindo:

  • Programação: Aprendizado de linguagens como Java, Python, JavaScript e muitas outras.
  • Design: Cursos focados em design gráfico, UX/UI e ferramentas como Photoshop e Illustrator.
  • Data Science: Formação em análise de dados, machine learning e estatísticas.
  • Marketing Digital: Estratégias e técnicas para otimizar a presença online e engajar o público.

Metodologia de Ensino

A metodologia da Alura é baseada em uma abordagem prática e interativa. Os alunos têm acesso a:

  • Aulas em vídeo: Conteúdo dinâmico e atualizado, apresentado por especialistas da área.
  • Projetos práticos: Oportunidades para aplicar o conhecimento adquirido em situações reais.
  • Comunidade ativa: Fóruns e grupos de discussão onde os alunos podem trocar experiências e tirar dúvidas.

Certificação Oferecida

Ao concluir um curso, os alunos recebem um certificado que pode ser adicionado ao currículo e compartilhado em plataformas como LinkedIn.

Essa certificação é uma forma de validar as habilidades adquiridas e aumentar a empregabilidade.

Link de inscrição ⬇️

As inscrições para o Desafio 7 Days of Code devem ser realizadas no site da Alura.

Compartilhe a chance de colocar o conhecimento em prática!

Gostou do conteúdo do desafio de JavaScript E DOM? Então compartilhe com a galera!

O post Desafio De JavaScript E DOM Gratuito Da Alura: Teoria Em Prática apareceu primeiro em Guia de TI.

Top comments (0)