{"id":18895609,"url":"https://github.com/ythiago03/js-study","last_synced_at":"2026-02-28T00:30:15.454Z","repository":{"id":78742973,"uuid":"595790453","full_name":"ythiago03/js-study","owner":"ythiago03","description":null,"archived":false,"fork":false,"pushed_at":"2023-02-28T20:56:03.000Z","size":33,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-12-31T07:44:18.824Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","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/ythiago03.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":"2023-01-31T20:18:08.000Z","updated_at":"2023-02-09T21:40:01.000Z","dependencies_parsed_at":null,"dependency_job_id":"fed8f80a-7b8d-4c11-8906-e56a95355e80","html_url":"https://github.com/ythiago03/js-study","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ythiago03%2Fjs-study","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ythiago03%2Fjs-study/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ythiago03%2Fjs-study/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ythiago03%2Fjs-study/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ythiago03","download_url":"https://codeload.github.com/ythiago03/js-study/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239870298,"owners_count":19710684,"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":[],"created_at":"2024-11-08T08:29:00.817Z","updated_at":"2026-02-28T00:30:15.391Z","avatar_url":"https://github.com/ythiago03.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n\u003ch1 align=\"center\"\u003e Estudos de javascript \u003c/h1\u003e\n\n\u003cp align=\"center\"\u003e Repositório para guardar meus estudos de javascript \u003c/p\u003e\n\n\u003cimg src=\"https://amplificadigital.com.br/wp-content/uploads/2019/12/amplifica_banner_blog_programaccca7acc83o.webp\" alt=\"Capa do projeto\"\u003e\n\n\u003ch4 align=\"center\"\u003e🚧  This project is under construction . . .  🚧 \u003c/h4\u003e\n\n\u003cp align=\"center\"\u003e\n    \u003ca href=\"#sobre\"\u003esobre\u003c/a\u003e •\n    \u003ca href=\"#tecnologias\"\u003etecnologias\u003c/a\u003e •\n    \u003ca href=\"#O-que-é-o-javascript\"\u003eO que é o javascript\u003c/a\u003e •\n    \u003ca href=\"#Sintaxe-básica\"\u003eSintaxe básica\u003c/a\u003e •\n    \u003ca href=\"#Var-Let-e-Const\"\u003eVar,Let e Const\u003c/a\u003e •\n    \u003ca href=\"#Funções\"\u003eFunções\u003c/a\u003e •\n    \u003ca href=\"#Arrays-e-Objects\"\u003eArrays e Objects\u003c/a\u003e •\n    \u003ca href=\"#Projetos-Práticos\"\u003eProjetos Práticos\u003c/a\u003e •\n    \u003ca href=\"#Cursos-Gratuitos\"\u003eCursos Gratuitos\u003c/a\u003e •\n    \u003ca href=\"#Livros-Gratuitos\"\u003eLivros Gratuitos\u003c/a\u003e •\n    \u003ca href=\"#autor\"\u003eautor\u003c/a\u003e \n    \n\u003c/p\u003e\n\n# Sobre\n\n- A ideia deste repositório é guardar estudos do javascript desde o básico ao avançado.\n- Estou atualizando esse repositório de acordo com meus estudos, como tive dificuldade de aprender javascript, estou criando esse repositório para solidificar meu aprendizado e ajudar outras pessoas que tenham dificuldade.\n- Por enquanto só vou colocar conteudos sobre javascript, mas futuramente planejo colocar conteudos sobre outras linguagens de programação.\n- Fique a vontade para contribuir com esse repositório enviando pull requests.\n- Se você encontrar algum bug ou quiser me dar alguma dica fique a vontade para me chamar no email: ythiagohcfidencio@gmail.com\n \n# Tecnologias\n\nAs seguintes tecnologias foram usadas no projeto:\n\n- \u003ca href=\"https://developer.mozilla.org/pt-BR/docs/Web/HTML\"\u003eHTML5\u003c/a\u003e\n- \u003ca href=\"https://developer.mozilla.org/pt-BR/docs/Web/CSS\"\u003eCSS3\u003c/a\u003e\n- \u003ca href=\"https://developer.mozilla.org/pt-BR/docs/Web/JavaScript\"\u003eJavaScript\u003c/a\u003e\n\n# O que é o javascript\n\nBasicamente, javascript é uma linguagem de programação que te permite criar conteúdo que se atualiza dinamicamente, controlar múltimídias, imagens animadas, e muitas outras coisas interessantes. Ele foi criado pelo programador Brendan Eich em meados da década de 90, Brendan Eich além de criar o javascript, também foi um dos fundadores da Mozilla Corporation. O javascript trabalha em conjunto com \u003ca href=\"https://developer.mozilla.org/pt-BR/docs/Web/HTML\"\u003eHTML\u003c/a\u003e e \u003ca href=\"https://developer.mozilla.org/pt-BR/docs/Web/CSS\"\u003eCSS\u003c/a\u003e, sendo ele a terceira camada do bolo de desenvolvimento web. Ele é uma linguagem interpretada, ou seja,\nele é compilado em tempo real pelo navegador, ele segue o padrão ECMASript, que atualmente está no ECMASript6, também é comumente utilizado em aplicações client-side.\n\nJavascript tem muitas vantagens que o tornam a melhor escolha entre os concorrentes. Especialmente em certos tipos de usos e casos. Aqui estão apenas alguns dos benefícios de usar a linguagem JS:\n\n- É mais rápido e mais leve do que outras linguagens de programação.\n- Torna o site mais interativo e prende a atenção do visitante por mais tempo.\n- Você não precisa de um compilador porque os navegadores de Internet o interpretam com HTML.\n- Ele pode ser atribuído a determinados elementos da página da Web ou eventos específicos, como cliques personalizados do mouse e rolagem.\n  \n# Sintaxe básica\n\nJavascript é uma linguagem case-sensitive, ou seja letras maiúsculas e letras minúsculas fazem diferença, por exemplo, a variável ``` var fruta ``` não é igual á variável```var fruTa```.\n\n\u003ch2\u003eTipos de dados\u003c/h2\u003e\n\n\u003ch3\u003eNuméricos\u003c/h3\u003e\n\n\u003ch3\u003eCaracteres/Strings\u003c/h3\u003e\n\n\u003ch3\u003eBooleans\u003c/h3\u003e\n\n# Var Let e Const\n\nVariáveis em javascript são uma forma de guardar dados que possam ser acessados ou manipulados no código, independente do tipo desses dados, assim, se nós criarmos uma variável chamada 'nome' e atribuir a ela um valor, toda vez que chamarmos essa variável, ela irá mostrar o valor guardado dentro dela:\n```javascript\nvar nome = \"João\"  \n```\nAssim, se chamarmos a variável nome ela mostrará \"João\":\n```javascript\n    nome \n   \"João\"  \n```\nElas podem ser indicadas de três diferentes formas: `` var, let e const``.\n\u003ch2\u003eVar\u003c/h2\u003e\nVariáveis indicadas pela palavra `` var `` ela é a variável mais liberal, sofre de hoisting, pode ser reatribuída, escapa do escopo.\n\n\u003c!-- \u003ch3\u003eHoisting\u003c/h3\u003e\n\n\u003ch3\u003eReatribuição\u003c/h3\u003e\n\n\u003ch3\u003eEscopo\u003c/h3\u003e\n\n\u003ch2\u003eLet\u003c/h2\u003e\n\n\u003ch2\u003eConst\u003c/h2\u003e\nnao pode ser reatribuida --\u003e\n\n# Funções\n\n\u003cbr\u003e\n\u003cbr\u003e\n\u003cbr\u003e\n\u003cbr\u003e\n\u003cbr\u003e\n\u003cbr\u003e\n\u003cbr\u003e\n\u003cbr\u003e\n\n# Arrays e Objects\n\nBasicamente falando, um array é uma variável que pode armazenar mais de um valor, por exemplo:\n\n```js\nvar nome = 'Thiago';//Uma variável não pode receber mais de um valor.\n\nvar nomes = ['Thiago', 'João', 'Maria']//Um array pode ter mais de um valor guardado dentro dele.\n\n```\n\nEntão como eu faço para pegar um valor específico do meu array? Basicamente, todo elemento do array tem um índice, que sempre começa do 0, assim se você quiser acessar um valor específico, você precisa indicar o índice que você quer acessar colocando ele entre [ ].\n\n```js\nvar nomes = ['Thiago', 'João', 'Maria']\n\nconsole.log(nomes[1])//João\n\n```\n\n\u003ch2\u003ePrincipais Métodos\u003c/h2\u003e\n\nAlguns dos principais médodos de array.\n\n\u003ch3\u003emap( )\u003c/h3\u003e\n\n```js\n\nconst array = [1, 2, 3, 4, 5]\n\nconst newArray = array.map( element =\u003e element * 2)//Percorre o array e faz a operação para cada item.\n\nconsole.log(newArray)//[2, 4, 6, 8, 10]\n\n//Não altera o array original.\n//Executa uma ação para cada elemento do array.\n//O novo array sempre vai ter o mesmo tamanho do array original.\n```\n\n\u003ch3\u003efind( ) e findIndex( )\u003c/h3\u003e\n\n\u003ch3\u003eevery( )\u003c/h3\u003e\n\n\u003ch3\u003efilter( )\u003c/h3\u003e\n\n\u003ch3\u003esome( )\u003c/h3\u003e\n\n\u003ch3\u003ereduce( )\u003c/h3\u003e\n\n# Projetos Práticos\n\n# Cursos Gratuitos\n\n# Livros Gratuitos\n\n# Alguns sites que me ajudaram a criar este repositório\n\n   - \u003ca href=\"\"\u003e\u003c/a\u003e\n   - \u003ca href=\"https://www.hostinger.com.br/tutoriais/o-que-e-javascript\"\u003eHostinger tutoriais\u003c/a\u003e\n   - \u003ca href=\"https://developer.mozilla.org/en-US/docs/Web/JavaScript\"\u003eDeveloper Mozilla\u003c/a\u003e\n    \n    \n# Autor\n\nFeito com 💜 por Thiago Henrique ✨\u003ca href=\"https://www.linkedin.com/in/thiago-fid%C3%AAncio-a24578224/\"\u003eVeja meu linkedin\u003c/a\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fythiago03%2Fjs-study","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fythiago03%2Fjs-study","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fythiago03%2Fjs-study/lists"}