{"id":16105295,"url":"https://github.com/byancamatos01/javascript","last_synced_at":"2025-10-29T16:33:37.104Z","repository":{"id":216573790,"uuid":"741683498","full_name":"ByancaMatos01/javascript","owner":"ByancaMatos01","description":"\"Aprendendo e criando novas habilidades através de Javascript\" ","archived":false,"fork":false,"pushed_at":"2024-01-29T21:32:55.000Z","size":68,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-12T08:40:29.609Z","etag":null,"topics":["curso-em-video-javascript","javascript","programming","web"],"latest_commit_sha":null,"homepage":"","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/ByancaMatos01.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":"2024-01-10T22:31:09.000Z","updated_at":"2024-01-15T23:54:43.000Z","dependencies_parsed_at":"2024-01-19T22:42:00.904Z","dependency_job_id":"998e5588-5ab6-4645-9390-9dcd4e841a8d","html_url":"https://github.com/ByancaMatos01/javascript","commit_stats":null,"previous_names":["byancamatos01/javascript"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ByancaMatos01%2Fjavascript","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ByancaMatos01%2Fjavascript/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ByancaMatos01%2Fjavascript/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ByancaMatos01%2Fjavascript/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ByancaMatos01","download_url":"https://codeload.github.com/ByancaMatos01/javascript/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247425965,"owners_count":20937042,"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":["curso-em-video-javascript","javascript","programming","web"],"created_at":"2024-10-09T19:09:10.564Z","updated_at":"2025-10-29T16:33:37.031Z","avatar_url":"https://github.com/ByancaMatos01.png","language":"HTML","readme":"# Curso de javascript \n# Descrição\n* JavaScript é uma linguagem de programação amplamente utilizada para desenvolvimento web. \u003cbr\u003e\n* Ela é executada nos navegadores dos usuários e permite a criação de páginas interativas.\u003cbr\u003e\n* JavaScript é uma linguagem de script versátil, capaz de manipular o conteúdo da página, responder a eventos do usuário e interagir com servidores para atualizações dinâmicas. \u003cbr\u003e\n* Ela desempenha um papel fundamental na construção de experiências interativas e dinâmicas na web.\n\n  # *[Exercício 1 ](https://github.com/ByancaMatos01/javascript/tree/main/Javascript)*\n   * Escrever olá mundo e aprender usar três funções basicas window.alert() para alertar coisas antes de carregar a página.\u003cbr\u003e\n   ![image](https://github.com/ByancaMatos01/javascript/assets/122841376/25bf8e15-9256-4620-b879-067e38e236bd)\n   * window.confirm() utilizado para confirmar uma mensagem\n     ![image](https://github.com/ByancaMatos01/javascript/assets/122841376/84c0f3d5-69f8-4cd4-9ff6-4c6a8bfacb07)\n  * E window.prompt() permite que voce escreva em uma pequena caixa de texto.\n    ![image](https://github.com/ByancaMatos01/javascript/assets/122841376/1af6283c-ee6d-4458-865d-e52ea887255d)\n\n    # Aula 2 **Manipualação de dados**\n\n # *[Exercício 1 ](https://github.com/ByancaMatos01/javascript/blob/main/aula02/exerc01.html)*\n  * Utiliza var que é armazenar o dados através de uma váriavel, e concatena com uma mensagem de boas vindas\n  * foi utilizado o comando window.prompt()\n\n![image](https://github.com/ByancaMatos01/javascript/assets/122841376/c9e7cafe-9dd0-4318-8df3-692f24f9a4d4)\n![image](https://github.com/ByancaMatos01/javascript/assets/122841376/b8b56a02-1f63-418c-8fab-b705c7994593)\n\n\n # *[Exercício 2 ](https://github.com/ByancaMatos01/javascript/blob/main/aula02/exerc02.html)*\n* Faça um programa para ler dois valores inteiros, e depois mostrar na tela a soma desses números com uma\nmensagem explicativa, conforme exemplos. \u003cbr\u003e\n![image](https://github.com/ByancaMatos01/javascript/assets/122841376/f4712381-c8a2-4e35-800c-559018b567c3)\n![image](https://github.com/ByancaMatos01/javascript/assets/122841376/fa77be62-2d7f-4790-8ea2-122b44fc6011)\n* Foi utilizado o comando de converter para number.parseInt()==\u003e para inteiros\n*  Ou number.parseFloat()==\u003e para números reais\n*  Também a formas simplificadas apenas utilizando Number()\n*  Para String utiliza-se String() ou toString() \u003cbr\u003e\n![image](https://github.com/ByancaMatos01/javascript/assets/122841376/3dbeb1df-53db-40ea-854b-236e5eb6c123)\n\n# *[Exercício 3 ](https://github.com/ByancaMatos01/javascript/blob/main/aula02/exerc03.html)*\n* Tratando Strings, neste exercicios utilizamos document.write() para escrever na tela aquilo que usuario digitava pelo window.prompt()\n* Foi utilizado a função toUpperCase() para deixar tudo em maíusculo\n* Também foi utilizado a função toLowerCase() para deixar tudo em minúsculo\n*  E a função length para contar as strings \u003cbr\u003e\n![image](https://github.com/ByancaMatos01/javascript/assets/122841376/b5e36642-d9fb-4711-a8bd-4dcb0f385993)\n\n# Formatando number \n* Através do node.js aprendi a formatar numbers\n* toFixed()==\u003e colocar valor nos conchetes para saber a quantidade de casa após a virgula\n* Junto com replace('.',',') troca o ponto pela virgula\n* E foi aprendido o comando tolocale('pt-Br', {style 'currency', currency: 'BL'}) para utilizar o estilo de moeda do pais\n\n  #  *[Aula de DOM ](https://github.com/ByancaMatos01/javascript/tree/main/aula03)*\n  \n  # Descrição \n  * Document Model Object é a vertente do JavaScript, pro qual a linguagem foi criada. \u003cbr\u003e\n  * Conjunto de objetos dentro do navegador que vai dar acesso aos componentes internos do web site\n  * Começa na raiz (window)\n  \u003cdiv\u003e Pode ser Selecionado por: \u003c/div\u003e\n  \u003cul\u003e Marca \u003c/ul\u003e\n  \u003cul\u003e Id\u003c/ul\u003e\n  \u003cul\u003e Nome \u003c/ul\u003e\n  \u003cul\u003e Classe\u003c/ul\u003e\n  \u003cul\u003e Seletor\u003c/ul\u003e\n# Comandos Básicos \n* Os comandos aprendidos foram document.body() dentro de uma var voce pode alterar o que estiver na parte body do html\n* Para pegar um elemento por tag utilizamos document.getElementsByTagName()==\u003e coloca a tag e se tiver mais de uma ao lado colocar [] e numero de qual quer\n* innerText pega o que está escrito do elemento que voce quer exemplo: p1.innerText\n* Ou para pegar com a configurações HTML innerHTML\n* getElementById para pegar elemento por id \n* getElementByName para pegar o elemento por nome \n* getElementByClassName para pegar o elemento por classe\n*  querySelector e para pegar por seleção\n*  Usamos . para div e # para classe no seletor. \u003cbr\u003e\n\n# *[Exercício 1 ](https://github.com/ByancaMatos01/javascript/blob/main/aula03/exerc1.html)*\n* Exercicio para testar estrutura arvore basica do DOM\n    ![image](https://github.com/ByancaMatos01/javascript/assets/122841376/ce328235-f9b2-4d59-bec3-c475fe85688e)\n\n# *[Exercício 2 ](https://github.com/ByancaMatos01/javascript/blob/main/aula03/exerc2.html)*\n* Exercício de Função usando o click, mouseenter e mouseout\n  \u003cbr\u003e\n  ![image](https://github.com/ByancaMatos01/javascript/assets/122841376/3a0ab37f-5092-4e04-92df-111a73be9d11)\n  * Com click\n   ![2024-01-17](https://github.com/ByancaMatos01/javascript/assets/122841376/275e383f-16a8-4ea5-878f-a6593e810e7a)\n   * Com mouseenter\n     \u003cbr\u003e\n  ![2024-01-17 (1)](https://github.com/ByancaMatos01/javascript/assets/122841376/584025ef-4713-4d0f-ba22-ea43a792b363)\n\n  * Com mouseout\n    \u003cbr\u003e\n  ![2024-01-17 (2)](https://github.com/ByancaMatos01/javascript/assets/122841376/877e13ac-bdf3-44c8-a92b-f8342636c400)\n\n# *[Exercício 3 ](https://github.com/ByancaMatos01/javascript/blob/main/aula03/exerc3.html)*\n* Exercicio de soma usando javascript\n ![image](https://github.com/ByancaMatos01/javascript/assets/122841376/42690cf9-f24b-43a4-a744-1119bac9cb97)\n\n# Condicionais em JS\n\n\n\n\n\n\n \n\n\n\n  \n\n\n\n\n    \n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbyancamatos01%2Fjavascript","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbyancamatos01%2Fjavascript","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbyancamatos01%2Fjavascript/lists"}