{"id":25209135,"url":"https://github.com/matt-ags/bootstrap-jquery","last_synced_at":"2026-05-10T19:08:21.551Z","repository":{"id":274688298,"uuid":"921729948","full_name":"Matt-ags/bootstrap-jquery","owner":"Matt-ags","description":"Repositório para estudos de bootstrap e jquery","archived":false,"fork":false,"pushed_at":"2025-01-30T23:36:23.000Z","size":720,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-10T13:15:44.747Z","etag":null,"topics":["bootstrap","html","jquery","js"],"latest_commit_sha":null,"homepage":"https://matt-ags.github.io/bootstrap-jquery/","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/Matt-ags.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-01-24T14:03:37.000Z","updated_at":"2025-01-30T23:36:27.000Z","dependencies_parsed_at":"2025-01-28T20:32:53.392Z","dependency_job_id":null,"html_url":"https://github.com/Matt-ags/bootstrap-jquery","commit_stats":null,"previous_names":["matt-ags/bootstrap-jquery"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Matt-ags%2Fbootstrap-jquery","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Matt-ags%2Fbootstrap-jquery/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Matt-ags%2Fbootstrap-jquery/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Matt-ags%2Fbootstrap-jquery/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Matt-ags","download_url":"https://codeload.github.com/Matt-ags/bootstrap-jquery/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247289869,"owners_count":20914550,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["bootstrap","html","jquery","js"],"created_at":"2025-02-10T13:15:45.993Z","updated_at":"2026-05-10T19:08:21.517Z","avatar_url":"https://github.com/Matt-ags.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n### Resumo Geral\nO repositório \"bootstrap-jquery\" é destinado a estudos de Bootstrap e jQuery. Bootstrap é um framework front-end que facilita a criação de layouts responsivos e esteticamente agradáveis com HTML, CSS e JavaScript. jQuery é uma biblioteca JavaScript que simplifica a manipulação do DOM, eventos, animações, etc. tornando o desenvolvimento web mais eficiente.\n\n### jQuery\n#### Introdução ao jQuery\njQuery é uma biblioteca JavaScript que visa simplificar o código escrito em JavaScript, permitindo realizar mais com menos código. Ele facilita a manipulação de elementos HTML.\n\n- jQuery é uma biblioteca que simplifica o uso de JavaScript.\n- Permite manipular elementos HTML.\n- Pode ser utilizado via instalação ou CDNs.\n- jQuery é cross-plataform e corrige erros automaticamente.\n- Utiliza seletores CSS para manipular o DOM.\n- Embora seja antigo, jQuery ainda é útil para projetos pequenos e estáticos.\n\n#### Sintaxe Básica\nA estrutura básica do jQuery para manipular elementos é:\n```javascript\n$('elemento_que_quero_editar').função_que_quero_executar();\n```\n\n#### Comparação JavaScript vs jQuery\n- Remover listas da tela com jQuery:\n```javascript\n$('li').remove();\n```\n- Remover listas da tela com JavaScript:\n```javascript\nlet lista = document.querySelectorAll('li');\nlista.forEach((item) =\u003e {\n    item.remove();\n});\n```\n\n#### Explicação do Código \"Portfólio com jQuery\"\nO código do portfólio utiliza jQuery para alternar entre temas claro e escuro ao clicar em um checkbox:\n```javascript\n$(document).ready(function(){\n    $('#flexSwitchCheckDefault').on('click', function(){\n        let textoatual = $('#tema').text();\n        if(textoatual === \"Tema Escuro\"){\n            $('#tema').text(\"Tema Claro\");\n        } else {\n            $('#tema').text(\"Tema Escuro\");\n        }\n        $('body').toggleClass('tema-escuro tema-claro');\n    });\n});\n```\n\n### Bootstrap\n#### Introdução ao Bootstrap\nBootstrap é um framework front-end que fornece componentes prontos e utilitários CSS para criar layouts responsivos e modernos. Ele facilita a estilização de elementos HTML e a criação de layouts complexos com pouco esforço.\n\n#### Explicação Geral\nBootstrap oferece uma ampla gama de componentes como botões, formulários, modais e grids que podem ser facilmente integrados ao seu projeto. Utilizando classes predefinidas, é possível criar layouts responsivos que se adaptam a diferentes tamanhos de tela.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmatt-ags%2Fbootstrap-jquery","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmatt-ags%2Fbootstrap-jquery","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmatt-ags%2Fbootstrap-jquery/lists"}