DEV Community

guiadeti
guiadeti

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

1

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.

Heroku

This site is built on Heroku

Join the ranks of developers at Salesforce, Airbase, DEV, and more who deploy their mission critical applications on Heroku. Sign up today and launch your first app!

Get Started

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more