{"id":21140811,"url":"https://github.com/parkejunior/yara-develops-the-world","last_synced_at":"2026-03-19T19:02:12.351Z","repository":{"id":41151391,"uuid":"417893952","full_name":"parkejunior/yara-develops-the-world","owner":"parkejunior","description":"Yara's exercises and corrections","archived":false,"fork":false,"pushed_at":"2022-05-14T17:21:35.000Z","size":10708,"stargazers_count":0,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-08-10T13:16:48.925Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/parkejunior.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-10-16T17:07:35.000Z","updated_at":"2022-01-10T16:20:17.000Z","dependencies_parsed_at":"2022-09-05T12:40:32.777Z","dependency_job_id":null,"html_url":"https://github.com/parkejunior/yara-develops-the-world","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/parkejunior/yara-develops-the-world","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/parkejunior%2Fyara-develops-the-world","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/parkejunior%2Fyara-develops-the-world/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/parkejunior%2Fyara-develops-the-world/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/parkejunior%2Fyara-develops-the-world/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/parkejunior","download_url":"https://codeload.github.com/parkejunior/yara-develops-the-world/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/parkejunior%2Fyara-develops-the-world/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29324194,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-11T00:34:26.354Z","status":"ssl_error","status_checked_at":"2026-02-11T00:34:09.494Z","response_time":65,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-20T07:18:11.335Z","updated_at":"2026-02-11T01:32:06.798Z","avatar_url":"https://github.com/parkejunior.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Yara Develops the World\nAqui está armazenado os excercícios e projetinhos feitos por Yara enquanto ela aprende ser uma das melhores em código!\n\n## [Harry Potter Quiz](harry-potter-quiz)\nPequena página de um Quiz sobre Harry Potter, onde o usuário pode ver as respostas ao passar o mouse sobre um determinado trecho.  \n\nCódigo original criado em *[index.html](harry-potter-quiz/index.html)*. Modificações estão no arquivo *[index-melhorado.html](harry-potter-quiz/index-melhorado.html)* onde fiz algumas melhorias no código para melhor legibilidade e organização. Algumas das mudanças são:\n\n- Remoção dos `font-family` em várias propriedades do mesmo elemento\n- Definição do elemento `\u003cdiv id=\"main\"\u003e` como `\u003cmain\u003e`\n- Remoção da propriedade `height` no `.card`\n- Troca da propriedade `width` por `max-width` no `.card`\n- Correção da tabulação\n- Organização dos `@import` no inicio do `\u003cstyle\u003e`\n- Nomeação de várias classes para melhor leitura\n\n## [Train Counter](train-counter)\nPágina que contem um contador para o usuário clicar no botão toda vez que um passageiro entrar dentro do trem em ordem de saber o numero total de passageiros sem ter que contá-los.\nEssa página foi criada usando o evento `onclick` para saber cada vez que o usuário clicou no botão.\nEssa página tem uma função que incrementa `1+` cada vez que o usuário preciona novamente o botão.\n\n\n## [Color Wheel Switche](colorswitche)\nPágina criada com o intuito de exercitar os conceitos sobre DOM. A página possui diversos botões que quando clicados mudam as cores do background da página. Nesse exercício foi usado `getElementById()` para acessar o id elementos que queriamos acessar. \n\n\n**Versão melhorada com documentação das modificações:**\n[Colorswitche (Improved)](colorswitche/improved)\n\n\n## [Learning Sass 2.0](learning-sass-2.0)\nBásico do pré-processador Sass. \n- Exemplos de usos do Sass para criação de botões e textos coloridos.\n- Exemplos de uso de Variables, Nesting, Import, Partials e Modules definidos no [guia do Sass](https://sass-lang.com/guide).\n- Documentação para instalação e uso do Sass\n\n## [Time of the day](time-of-day)\nPágina para mostrar a hora atual, com cor baseada no momento do dia e uma imagem com mensagem de saudações que varia dependendo do horário do dia.\n\n**Versão melhorada com documentação das modificações:**\n[Time of the day (Improved)](time-of-day/improved)\n\nAlgumas das modificações são:\n\n- Organização do código\n- Adiciona placeholders de carregamento\n- Adiciona função para simular carregamento mais demorado da página\n- Adiciona função para auto atualizar a hora a cada segundo\n- Adiciona pequena transição quando troca o momento do dia\n- Corrige o valor inteiro para exibir dois numerais quando tiver zero\n\n## [Parallax Fixed](parallax-fixed)\nDois exemplos de Parallax com fundo fixado: \n1. Exemplo de Parallax com `height` do tamanho do conteúdo.\n2. Exemplo de Parallax com `height` do tamanho do viewport usando a unidade de medida `vh`.\n\n## [Learning Types](learning-types)\nExemplo do uso de Data Types (string, integer, float, object...) no PHP e Typescript e a ausência no JavaScript. \n\n## [Learning Class](learning-class)\nDois exemplos de criação de entidades utilizando Classes em JavaScr\n\n## [Learning Callback](learning-callback)\nAlguns exemplos de criação de Callbacks em JavaScript.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fparkejunior%2Fyara-develops-the-world","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fparkejunior%2Fyara-develops-the-world","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fparkejunior%2Fyara-develops-the-world/lists"}