A Alura está oferecendo o evento online e gratuito “7 Days of Code de JavaScript e DOM”, uma excelente oportunidade para colocar em prática seus estudos e aprimorar suas habilidades.
Desenvolvido por profissionais do mercado, este desafio consiste em 7 dias de atividades intensivas que vão ajudar você a desenvolver seu portfólio e GitHub.
Durante a semana, você praticará a essência do Front-end, utilizando todo o seu conhecimento de JavaScript para criar um formulário com funcionalidades completas de CRUD, validação e uma tabela dinâmica para exibir as submissões do formulário.
7 Days of Code de JavaScript e DOM
O “7 Days of Code” de JavaScript e DOM é um evento online e gratuito oferecido pela Alura, criado especialmente para quem deseja colocar em prática seus estudos e desenvolver habilidades fundamentais em Front-end.
Projetado por profissionais do mercado, este desafio é uma excelente oportunidade para aprimorar seu portfólio e enriquecer seu GitHub. O evento tem início imediato assim que você se inscreve.
O Desafio
Ao longo dos 7 dias, você enfrentará 7 desafios que visam aprofundar seu conhecimento em JavaScript e DOM.
Durante o evento, você será guiado na criação de um formulário funcional que aplique o CRUD completo (Create, Read, Update, Delete), com validações e uma tabela dinâmica que exibe as informações das submissões.
Essa aplicação será implementada de forma pública, permitindo que qualquer pessoa com o link possa acessá-la e utilizá-la.
Cronograma do Desafio
- Dia 1: Já no primeiro dia, você irá preparar a estrutura base da sua aplicação, criando um formulário básico, vinculando seu evento de submissão a uma função no JavaScript e percorrendo a árvore do DOM para capturar os elementos inseridos e imprimi-los.
- Dia 2: Aqui você fará seu formulário obeceder algumas regras de negócios, criando um conjunto mínimo de validações para os dados inseridos.
- Dia 3: Nesse dia você irá pegar os dados informados nos campos do seu formulário, criar um objeto representando uma pessoa, persistir esses dados localmente e montar uma tabela para exibi-los.
- Dia 4: O seu desafio nesse dia será adicionar uma funcionalidade de edição que torne possível alterar os dados das pessoas, para realizar possíveis mudanças ou correções.
- Dia 5: Nesse dia, o seu desafio será criar uma funcionalidade de remoção, com a qual você possa remover uma determinada pessoa da sua persistência física e da tabela de exibição.
- Dia 6: Chegando quase no final, você desenvolverá a parte visual do projeto. Você irá aplicar estilos visuais visando tornar a experiência e visual do sistema mais bonito e agradável de se utilizar.
- Dia 7: No sétimo e último dia do desafio, você irá tornar a sua aplicação disponível de forma pública na internet. A sua tarefa será hospedar a sua página na nuvem, para que outras pessoas possam acessá-la e ela se torne acessível como um portfólio.
Quem Vai te Desafiar?
Matheus Castiglioni, um apaixonado por códigos e eterno estudante, será o mentor que guiará você durante este desafio.
Curioso em entender como tudo funciona, Matheus compartilhará seu conhecimento e entusiasmo pelo mundo da programação, garantindo que você tire o máximo proveito desse desafio.
DOM
O DOM, ou Document Object Model (Modelo de Objeto de Documento), é uma interface de programação que permite que os documentos HTML e XML sejam manipulados e interagidos de forma dinâmica.
Ele representa a estrutura de uma página web como uma árvore hierárquica de objetos, onde cada elemento, como tags, atributos e texto, é um nó dessa árvore.
O DOM serve como uma ponte entre o conteúdo de uma página web e a possibilidade de alterá-lo de forma programática através de linguagens de script, como o JavaScript.
A Interação do DOM com JavaScript
A interação do DOM com o JavaScript é fundamental para o desenvolvimento web moderno. O JavaScript pode acessar e manipular os elementos da árvore do DOM, permitindo que desenvolvedores criem páginas dinâmicas e interativas.
Utilizando o JavaScript, é possível modificar a estrutura de uma página, adicionar ou remover elementos, alterar atributos, estilos e até responder a eventos de usuário, como cliques e teclas pressionadas.
Essa interação possibilita criar funcionalidades como validação de formulários, carrosséis de imagens, menus interativos e muito mais.
Exemplos de Manipulação do DOM com JavaScript
Um dos exemplos mais comuns de manipulação do DOM com JavaScript é a alteração de conteúdo de uma página sem precisar recarregá-la.
Por exemplo, ao clicar em um botão, um parágrafo de texto pode ser atualizado dinamicamente com novas informações.
Outro exemplo é a criação de elementos novos, como uma lista de itens que é gerada a partir de dados obtidos de uma API.
O DOM permite que essas operações sejam feitas de forma fluida e eficiente, proporcionando uma experiência de usuário mais rica e interativa.
Alura
A Alura é uma das principais plataformas de educação online do Brasil, focada no desenvolvimento de habilidades em tecnologia e inovação.
Fundada em 2011, a Alura tem como missão democratizar o acesso ao conhecimento de qualidade, oferecendo cursos que abrangem uma ampla gama de tópicos, desde programação e design até marketing digital e gestão de negócios.
Metodologia de Ensino
A metodologia de ensino da Alura é voltada para a prática e o aprendizado contínuo. Os cursos são estruturados em módulos que permitem ao aluno avançar no seu próprio ritmo, com conteúdos que vão do básico ao avançado.
A plataforma oferece exercícios práticos, desafios de código, e projetos que ajudam a consolidar o conhecimento adquirido.
Impacto no Mercado de Trabalho
A Alura tem desempenhado um papel fundamental na formação de profissionais capacitados para o mercado de trabalho, especialmente em áreas de alta demanda como tecnologia e inovação.
Muitos dos seus alunos conseguem alcançar novas oportunidades de emprego ou avançar em suas carreiras após concluir os cursos oferecidos na plataforma.
Link de inscrição ⬇️
As inscrições para o 7 Days of Code de JavaScript e DOM devem ser realizadas no site da Alura.
Compartilhe a chance de colocar conhecimento em JavaScript + DOM na prática!
Gostou do conteúdo sobre o evento de JavaScript e DOM? Então compartilhe com a galera!
