iurygdeoliveira / Web-development-classes

Repository aimed at building collaborative knowledge about web development, especially with the computer science students at Campus Araguaína - IFTO. However, anyone can contribute if they wish to do so.
4 stars 40 forks source link

Desafio 47º: Hora de começar com Javascript #53

Closed iurygdeoliveira closed 1 year ago

iurygdeoliveira commented 1 year ago

Contact Details

iury.oliveira@ifto.edu.br

Challenge Description

Ei, jovens aprendizes do mundo da programação! ✨

Abrace seus poderes mágicos e preparem-se para uma aventura espetacular no reino encantado do JavaScript! Vocês foram convocados para dar vida e alegria à nossa amiguinha, a Tabela de Rankings de equipes, que se encontra solitária e estática neste link: https://iurygdeoliveira.github.io/Web-development-classes/ranking_equipes/index.html. Estão prontos para encarar esse desafio místico? Então, vamos nessa! 🌈

  1. Ordenação das linhas da tabela: Adicione a funcionalidade de ordenar a tabela por qualquer coluna (Ranking, Equipe, Pontos, etc.). Para isso, crie uma função em JavaScript que detecte o clique no cabeçalho da tabela e ordene as linhas de acordo com o valor da coluna selecionada. Alterne entre ordem crescente e decrescente a cada clique.
  1. Filtragem de equipes: Crie uma barra de pesquisa acima da tabela para permitir que os usuários filtrem as equipes pelo nome. Utilize JavaScript para criar uma função que detecte a entrada do usuário no campo de pesquisa e filtre as linhas da tabela para exibir apenas aquelas que correspondem ao texto inserido. Restaure a tabela original quando o campo de pesquisa estiver vazio.

Lembrem-se, crianças inocentes, este é um desafio para testar seus poderes mágicos, criatividade e habilidades para solucionar enigmas. Vocês têm a capacidade de transformar essa tabela em algo verdadeiramente fantástico! 🌟

Após concluírem a missão, compartilhem conosco o nome da equipe, seus valentes integrantes e um link para o trabalho de vocês. Utilizem o recurso do github.io como para publicar o site da sua equipe. Instruções: https://docs.github.com/pt/pages/getting-started-with-github-pages/creating-a-github-pages-site

Additional tips

Precisando de fundamentos em javascript ? Material complementar:Slides Acesse o link abaixo: https://www.youtube.com/watch?v=l1-OzK1CWh4&list=PLXik_5Br-zO-bZ7q3TC1oFbqwLP2491Ms

EduardoSilva09 commented 1 year ago

Equipe: NetForce

Nomes: Eduardo, José, Kézio

Endereço: https://eduardosilva09.github.io/desafio-47-sort-table/

GiorgeLucas commented 1 year ago

Equipe Vikings

Nomes: Giorge Lucas, Filipe Carvalho, João Edson

Link para o site: https://nonulldev.github.io/Ranking-Table-Sort/ Link para o repositório: https://github.com/NoNullDev/Ranking-Table-Sort

Alanna-Gamaa commented 1 year ago

DUO ORCACA

ALUNOS GUILHERME, ALANNA

SITE: https://alanna-gamaa.github.io/Alanna-Gamaa_Rank.github.io/ REPOSITÓRIO: https://github.com/Alanna-Gamaa/Alanna-Gamaa_Rank.github.io

OBS: CLICAR NOS TH PARA ORDENAR

rafaelnamel0 commented 1 year ago

Equipe ThreeCoders

Link para o site: https://rafaelnamel0.github.io/rankingequipes/

Link para o repositório: https://github.com/rafaelnamel0/rankingequipes

Analicemc commented 1 year ago

Equipe Lovelace - Analice e @suzanasantoss

Link repositório: https://github.com/Analicemc/Ranking-de-equipes Link Site: https://analicemc.github.io/Ranking-de-equipes/

Edubssousa commented 1 year ago

### Equipe Saiyajins Alunos: Eduardo Barbosa, Alisson Filipe e Wanderson Gomes

Link do Site: https://edubssousa.github.io/eduardo.github/ Link do Repositório: https://github.com/Edubssousa/eduardo.github

iurygdeoliveira commented 1 year ago

Equipe Vikings

Nomes: Giorge Lucas, Filipe Carvalho, João Edson

Link para o site: https://nonulldev.github.io/Ranking-Table-Sort/ Link para o repositório: https://github.com/NoNullDev/Ranking-Table-Sort

Os critérios utilizados na avaliação:

Na organização e na clareza do código: 👍 Implementações extras 👍 Utilização de Javascript👍

Avaliação: 3 de pontos para o ranking

iurygdeoliveira commented 1 year ago

Equipe: NetForce

Nomes: Eduardo, José, Kézio

Endereço: https://eduardosilva09.github.io/desafio-47-sort-table/

Os critérios utilizados na avaliação:

Na organização e na clareza do código: 👍 Implementações extras 👍 Utilização de Javascript👍

Avaliação: 3 de pontos para o ranking

iurygdeoliveira commented 1 year ago

Equipe Lovelace - Analice e @suzanasantoss

Link repositório: https://github.com/Analicemc/Ranking-de-equipes Link Site: https://analicemc.github.io/Ranking-de-equipes/

Os critérios utilizados na avaliação:

Na organização e na clareza do código: 👍 Implementações extras 👍 Utilização de Javascript👍

Avaliação: 3 de pontos para o ranking

alinelima28 commented 1 year ago

Equipe Autarquia Nomes: Aline Lima e Brunna Borges Link para o site: https://alinelima28.github.io/desafio47/ Link para o repositório: https://github.com/alinelima28/desafio47

iurygdeoliveira commented 1 year ago

Equipe Autarquia Nomes: Aline Lima e Brunna Borges Link para o site: https://alinelima28.github.io/desafio47/ Link para o repositório: https://github.com/alinelima28/desafio47

Os critérios utilizados na avaliação:

Na organização e na clareza do código: 👍 Implementações extras 👍 Utilização de Javascript👍

Avaliação: 3 de pontos para o ranking

ItaloNishikawa commented 1 year ago

Equipe Pastel de Flango Nomes: Italo Nishikawa, Edson Jr, Gustavo Frederico

Link para o site: https://italonishikawa.github.io/javascript_sort/ Link para o repositório: https://github.com/ItaloNishikawa/javascript_sort.git

iurygdeoliveira commented 1 year ago

Equipe Pastel de Flango Nomes: Italo Nishikawa, Edson Jr, Gustavo Frederico

Link para o site: https://italonishikawa.github.io/javascript_sort/ Link para o repositório: https://github.com/ItaloNishikawa/javascript_sort.git

Os critérios utilizados na avaliação:

Na organização e na clareza do código: 👍 Implementações extras :-1: Utilização de Javascript :-1:

Avaliação: 1 de pontos para o ranking

GLMarco commented 1 year ago

EQUIPE FIX - Marcos, Rayka e Rita REPÓSITORIO - https://github.com/GLMarco/glmarco.github.io.git SITE - https://glmarco.github.io/ (Não consegui corrigir o problema da barra de pesquisa)

apauloenzo commented 1 year ago

Arquivos: https://github.com/apauloenzo/ordena-o-de-coluna.git

Ghenry-san commented 1 year ago

EQUIPE: Fênix

Link : https://github.com/Ghenry-san/Desafio47

simonebreeman commented 1 year ago

EQUIPE: RESISTECH Alunas: Lorenna Guedes e Simone Breeman

Site: https://lor3nna.github.io/desafio47/ Repositório: https://github.com/lor3nna/desafio47.git

AnaRaquel28 commented 1 year ago

Equipe: ALFA

Integrantes: Ana Raquel; Byanca Mamedes e Pedro Henrique.

Link Site: https://anaraquel28.github.io/Desafio47/ Link Repositório: https://github.com/AnaRaquel28/Desafio47

Monalisa-Gama commented 1 year ago

Equipe: Phytomancers Alunos: Monalisa Cabral, Albert Soares

Link site: https://monalisa-gama.github.io/Desafio-47/ Link Repositório: https://github.com/Monalisa-Gama/Desafio-47