{"id":15623683,"url":"https://github.com/glaucia86/js-101-beginners-ms","last_synced_at":"2025-04-05T06:08:12.856Z","repository":{"id":81360372,"uuid":"383875707","full_name":"glaucia86/js-101-beginners-ms","owner":"glaucia86","description":"Repositório responsável por todos os códigos desenvolvidos durante a Série para Iniciantes em JavaScript","archived":false,"fork":false,"pushed_at":"2021-07-13T14:55:16.000Z","size":70,"stargazers_count":660,"open_issues_count":2,"forks_count":69,"subscribers_count":30,"default_branch":"main","last_synced_at":"2025-03-29T05:08:04.272Z","etag":null,"topics":["curso","javascript","microsoft","microsoft-learn","nodejs","tutorial"],"latest_commit_sha":null,"homepage":"","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/glaucia86.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":"CODE_OF_CONDUCT.md","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":"2021-07-07T17:26:36.000Z","updated_at":"2025-03-25T16:06:10.000Z","dependencies_parsed_at":"2023-07-11T10:36:21.479Z","dependency_job_id":null,"html_url":"https://github.com/glaucia86/js-101-beginners-ms","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/glaucia86%2Fjs-101-beginners-ms","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/glaucia86%2Fjs-101-beginners-ms/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/glaucia86%2Fjs-101-beginners-ms/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/glaucia86%2Fjs-101-beginners-ms/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/glaucia86","download_url":"https://codeload.github.com/glaucia86/js-101-beginners-ms/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247294539,"owners_count":20915340,"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","javascript","microsoft","microsoft-learn","nodejs","tutorial"],"created_at":"2024-10-03T09:58:14.738Z","updated_at":"2025-04-05T06:08:12.820Z","avatar_url":"https://github.com/glaucia86.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Série de Vídeos para Iniciantes em JavaScript\n\n[![C-pia-de-Tutorial-Node-js-Express-com-Docker-1.png](https://i.postimg.cc/63Ws792X/C-pia-de-Tutorial-Node-js-Express-com-Docker-1.png)](https://postimg.cc/rdPZ32Nn)\n\nUma série de vídeos ensinando conceitos Básicos a Intermediários da linguagem mais usada do planeta: JavaScript!\n\nSe você nunca teve contato com a Linguagem e deseja aprender, essa série é para você! E, se você é uma Pessoa Desenvolvedora que já conhece a linguagem, mas gostaria de rever alguns conceitos pontuais, essa série também é para você!\n\nNosso objetivo é ajudar a mostrar os conceitos suficientes sobre JavaScript para fornecer a base necessária para começar a trabalhar com tutoriais focados em frameworks e SDKs usando JavaScript.\n\nAqui estaremos te ensinando toda a sintaxe relacionada a JavaScript! Como por exemplo: funções, loops, variáveis lógica booleana e tantos outros tópicos abordados!\n\nDurante essa série, estaremos usando o Node.js para executar os códigos criados durante a série em vez de usar o navegador. Embora quase todo o código que usamos funcione em ambos os locais, todas as demos serão executadas a partir do console usando Node.js.\n\nMas, se desejar, poderão usar extensões que facilitam a execução desses códigos no **[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=javascript-34431-gllemos)** tais como: **[Extensão Visual Studio Code - Code Runner](https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner\u0026WT.mc_id=javascript-34431-gllemos)**\n\nToda a série está linkada com o novo Learn Path do Curso Grátis do Microsoft Learn de: **[Desenvolvimento para a Web para iniciantes](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=javascript-34431-gllemos)**\n\nEspero que todas as pessoas, sejam Pessoas Desenvolvedoras ou não, apreciem essa série que foi criada com muito ❤️ para todos vocês!\n\n```\n❤️ 'Desenvolvido pela Comunidade para a Comunidade!' ❤️\n```\n\n## 🏃 Colaboradores\n\nTodo o projeto foi elaborado por mim, em conjunto com os demais **[Cloud Advocates da Microsoft](https://developer.microsoft.com/en-us/advocates/)**.\n\nA versão em Português, foram gravadas com as respectivas Pessoas Desenvolvedoras da Comunidade Técnica Brasileira:\n\n- **[Glaucia Lemos - Cloud Advocate JavaScript | Microsoft](https://twitter.com/glaucia_lemos86)**\n- **[Italo José - Software Developer | Microsoft MVP](https://twitter.com/italojs_)**\n- **[Diego Telles - Software Engineer | Microsoft MSLA](https://twitter.com/UnicornCoder)**\n\n## 🚀 Recursos Utilizados\n\n- **[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=javascript-34431-gllemos)**\n- **[Extensão Visual Studio Code - Code Runner](https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner\u0026WT.mc_id=javascript-34431-gllemos)**\n- **[Extensão Visual Studio Code - ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint\u0026WT.mc_id=javascript-34431-gllemos)**\n- **[Extensão Visual Studio Code - Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode\u0026WT.mc_id=javascript-34431-gllemos)**\n- **[Extensão Visual Studio Code - ES6 Code Snippets](https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets\u0026WT.mc_id=javascript-34431-gllemos)**\n- **[Node.js](https://nodejs.orgs)**\n- **[Repositório do NVM](https://github.com/nvm-sh/nvm)**\n- **[Repositório do nvm-windows](https://github.com/coreybutler/)**\n\n## 📺 Série de Vídeos\n\nAbaixo vocês podem seguir de maneira ordenada todos os vídeos da série de JavaScript para Iniciantes através do meu **[Canal do Youtube](https://bit.ly/youtube-canal-glaucialemos)**!\n\n| Vídeo | Descrição |\n| --------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| **[Video 01 - O que é JavaScript?](https://youtu.be/SXBNpzjusgY)** | Nesse vídeo darei um overview do que aprenderemos durante essa série de Vídeos |\n| **[Video 02 - Executando JavaScript: no browser ou no servidor?](https://youtu.be/Tuwo8OeDsz0)** | Nesse vídeo vamos aprender como podemos executar o JavaScript. No browser? Ou no Servidor? |\n| **[Video 03 - Configurando sua caixa de ferramentas](https://youtu.be/bynF1E0Hq98)** | Nesse vídeo vamos configurar o nosso ambiente de desenvolvimento para realizarmos as demos que serão realizadas durante essa série |\n| **[Video 04 - Criando a sua Primeira Aplicação em JavaScript](https://youtu.be/e5cEpHibGdA)** | Nesse vídeo criaremos a nossa primeira aplicação em JavaScript, porém usando o Node.js! |\n| **[Video 05 - Comentários](https://youtu.be/CPPACskCnRo)** | Nesse vídeo aprenderemos a importância do uso de comentários em JavaScript |\n| **[Video 06 - Demo: Comentários](https://youtu.be/1RJbhJuxCNc)** | Nesse vídeo realizaremos algumas demonstrações em códigos bem simples de como podemos fazer uso de comentários em JavaScript |\n| **[Video 07 - Declarando Variáveis](https://youtu.be/u_aLTZHsclg)** | Nesse vídeo aprenderemos algo que é muito importante em qualquer linguagem de programação: declaração de variáveis! |\n| **[Video 08 - Demo: Declarando Variáveis](https://youtu.be/PzylgoSZIfI)** | Nesse vídeo realizaremos algumas demonstrações em códigos de como podemos fazer declaração de variáveis em JavaScript |\n| **[Video 09 - Trabalhando com Strings](https://youtu.be/L1Iq19bNN5U)** | Nesse vídeo vamos entender um pouco mais como podemos trabalhar com Strings em JavaScript |\n| **[Video 10 - Demo: Trabalhando com Strings](https://youtu.be/geIMjG60pvw)** | Nesse vídeo realizaremos algumas demonstrações em códigos de como podemos trabalhar com Strings em JavaScript |\n| **[Video 11 - Usando Template Literals para formatar Strings](https://youtu.be/T_e6pdTaOX8)** | Nesse vídeo vamos aprender a como podemos fazer uso de um recurso que nos auxilia e muito quando precisamos usar strings mais complexas: Template Literals |\n| **[Video 12 - Demo: Usando Template Literals para formatar Strings](https://youtu.be/-CQxhCCKhKo)** | Nesse vídeo realizaremos algumas demonstrações em códigos de como podemos trabalhar com Template Literals em JavaScript |\n| **[Video 13 - Tipos de Dados em JavaScript](https://youtu.be/ylaZV-UKTe4)** | Nesse vídeo vamos aprender os diferentes tipos de dados que podemos trabalhar com JavaScript |\n| **[Video 14 - Demo: Tipos de Dados em JavaScript](https://youtu.be/qJgURXHrPH0)** | Nesse vídeo realizaremos algumas demonstrações em códigos de como podemos trabalhar com diferentes tipos de dados com JavaScript |\n| **[Video 15 - Matemática em JavaScript](https://youtu.be/yyhc8Ub3WzU)** | Nesse vídeo vamos aprender a como realizar as principais operações matemáticas com JavaScript |\n| **[Video 16 - Demo: Matemática em JavaScript](https://youtu.be/HTtGTBxuCE8)** | Nesse vídeo realizaremos algumas demonstrações em códigos de como podemos trabalhar com diferentes tipos de operadores matemáticos com JavaScript |\n| **[Video 17 - Convertendo strings para números](https://youtu.be/tfzXDn1EsgU)** | Nesse vídeo vamos aprender a como podemos fazer conversão de dados de string para numérico em JavaScript |\n| **[Video 18 - Demo: Convertendo strings para números](https://youtu.be/XhzaY_TCW1w)** | Nesse vídeo realizaremos algumas demonstrações em códigos de como podemos trabalhar com conversão de Strings para Numericos em JavaScript |\n| **[Video 19 - Tratamento de Erros com Try/Catch/Finally](https://youtu.be/iFXMmBexfN0)** | Nesse vídeo aprenderemos como lidar com erros na execução dos códigos fazendo uso do famoso: try/catch/finally em JavaScript |\n| **[Video 20 - Demo: Tratamento de Erros com Try/Catch/Finally](https://youtu.be/ExgUZNqnAPA)** | Nesse vídeo realizaremos algumas demonstrações em códigos de como podemos trabalhar com tratamentos de erros (try/catch/finally) em JavaScript |\n| **[Video 21 - Datas](https://youtu.be/2Sknk70N4HI)** | Nesse vídeo vamos aprender um pouco mais como podemos trabalhar com Datas em JavaScript |\n| **[Video 22 - Demo: Datas](https://youtu.be/XRSyajanRLw)** | Nesse vídeo realizaremos algumas demonstrações em códigos de como podemos trabalhar com Datas em JavaScript |\n| **[Video 23 - Lógica booleana com instruções if](https://youtu.be/jqxfynLcNIw)** | Nesse vídeo aprederemos o laço de decisão mais importante e usado em qualquer linguagem de programação: 'If'. Porém aprenderemos alguns conceitos teóricos para entendermos melhor esse laço e como podemos aplicar em JavaScript |\n| **[Video 24 - Demo: Lógica booleana com instruções if](https://youtu.be/eRKucfCP0_Q)** | Nesse vídeo realizaremos algumas demonstrações em códigos de como podemos trabalhar com laço de decisão 'If' em JavaScript |\n| **[Video 25 - Lógica booleana com switch e outras sintaxes](https://youtu.be/OyM1ksB4vdo)** | Nesse vídeo vamos aprender um outro laço, só que de decisão: 'switch/case' em JavaScript. |\n| **[Video 26 - Demo: Lógica booleana com switch e outras sintaxes](https://youtu.be/BT2zCoQeZt4)** | Nesse vídeo realizaremos algumas demonstrações em códigos de como podemos trabalhar com laço de decisão 'switch/case' em JavaScript. |\n| **[Video 27 - Criando Arrays](https://youtu.be/rlvD4Umw37U)** | Nesse vídeos vamos aprender um outro conceito extremamente importante nas linguagens de programação: Arrays! Aqui vamos aprender sobre Arrays com conceitos e explicações diretas em como podemos aplicar em JavaScript. |\n| **[Video 28 - Demo: Criando Arrays](https://youtu.be/cR0yZYJ3ePM)** | Nesse vídeo realizaremos algumas demonstrações em códigos de como podemos trabalhar com Arrays em JavaScript. |\n| **[Video 29 - Populando Arrays](https://youtu.be/iPPqIZTWKPU)** | Agora que já aprendemos como mexer com Arrays em JavaScript, chegou o momento de aprender a como podemos manipular os Arrays me JavaScript. |\n| **[Video 30 - Demo: Populando Arrays](https://youtu.be/yHaM3VuxXKg)** | Nesse vídeo realizaremos algumas demonstrações em códigos de como podemos manipular Arrays em JavaScript. |\n| **[Video 31 - Métodos de Arrays](https://youtu.be/Q-mHz5KxLG4)** | Nesse vídeos vamos aprender alguns importantes métodos de Arrays que podemos fazer uso em JavaScript |\n| **[Video 32 - Demo: Métodos de Arrays](https://youtu.be/NuhV9gaJI-Y)** | Nesse vídeo realizaremos algumas demonstrações em códigos de como podemos usar alguns importantes métodos de Arrays em JavaScript. |\n| **[Video 33 - Laços(Loops)](https://youtu.be/J2X-olc3Z6Y)** | Nesse vídeo vamos aprender outros importantes laços (loops) que podemos usar em JavaScript |\n| **[Video 34 - Demo: Laços(Loops)](https://youtu.be/BRjbyBaF8ko)** | Nesse vídeo realizaremos algumas demonstrações em códigos de como podemos fazer uso de Loops em JavaScript. |\n| **[Video 35 - Funções](https://youtu.be/aAfSVldL6Vk)** | Nesse vídeos vamos aprender sobre Funções. E, porque o uso delas é tão importante e como podemos fazer uso de Funções em JavaScript |\n| **[Video 36 - Demo: Funções](https://youtu.be/cS28BFVhgnI)** | Nesse vídeo realizaremos algumas demonstrações em códigos de como podemos fazer uso de Funções em JavaScript. |\n| **[Video 37 - Arrow Functions e Funções Anônimas](https://youtu.be/r3i-FlzU6DA)** | Nesse vídeo vamos aprender a como fazer uso de Funções Anônimas e Arrow Functions, algo tão utilizado no mundo do JavaScript |\n| **[Video 38 - Demo: Arrow Functions e Funções Anônimas](https://youtu.be/NtoaRRuwj3U)** | Nesse vídeo realizaremos algumas demonstrações em códigos de como podemos fazer uso de Funções Anônimas e Arrow Functions em JavaScript. |\n| **[Video 39 - JavaScript Object Notation (JSON)](https://youtu.be/ofwXIR_ItxY)** | Nesse vídeos vamos aprender conceitos importantes de como podemos manipular objetos usando o JSON (JavaScript Object Notation) |\n| **[Video 40 - Demo: JavaScript Object Notation (JSON)](https://youtu.be/BSnsfIzFwOI)** | Nesse vídeo realizaremos algumas demonstrações em códigos de como podemos fazer uso do JSON (JavaScript Object Notation) |\n| **[Video 41 - Objetos em JavaScript (JSON)](https://youtu.be/MGBHpBnL1TY)** | Dando continuidade com os estudos em relação a JSON, vamos aprender mais ainda conceitos de como podemos lidar com Objetos com JSON! |\n| **[Video 42 - Demo: Objetos em JavaScript (JSON)](https://youtu.be/Y9DC-v7D6aA)** | Nesse vídeo realizaremos algumas demonstrações em códigos de como podemos fazer uso de Objetos com JSON (JavaScript Object Notation) |\n| **[Video 43 - Promises para operações de longa duração](https://youtu.be/ai5G5gBPEWo)** | Nesse vídeo vamos aprender a como lidar com Promises e porque é o mais indicado para operações de funções de longa duração em JavaScript |\n| **[Video 44 - Demo: Promises para operações de longa duração](https://youtu.be/5yfX4F9_jOo)** | Nesse vídeo realizaremos algumas demonstrações em códigos de como podemos fazer uso de Promises em funções em JavaScript |\n| **[Video 45 - Gerenciando Promises com async/await](https://youtu.be/zdpfyYL5OZ4)** | Nesse vídeo aprenderemos como podemos gerenciar promises com async e await em funções com JavaScript |\n| **[Video 46 - Demo: Gerenciando Promises com async/await](https://youtu.be/p5BSkIopY8s)** | Nesse vídeo realizaremos algumas demonstrações em códigos de como podemos fazer uso de Funções Async/Await em JavaScript |\n| **[Video 47 - Gerenciamento de Pacotes (Packages)](https://youtu.be/DZh3P2B4U28)** | Nesse penúltimo vídeo vamos aprender algo que vai te ajudar a seguir adiante para aprender mais sobre JavaScript/Node.js: Packages. Como podemos fazer uso de diferentes pacotes em JavaScript/Node.js |\n| **[Video 48 - Demo: Gerenciamento de Pacotes (Packages)](https://youtu.be/AbRgNqJbJMs)** | Nesse vídeo realizaremos algumas demonstrações em códigos de como podemos fazer uso de Packages em JavaScript/Node.js |\n\n## 🏃 Próximos Passos\n\nAbaixo você encontrará recursos para prosseguir seus estudos depois que concluir com sucesso a nossa série de vídeos:\n\n- ✅ **[Curso Grátis de Criando Aplicações JavaScript com Node.js](https://docs.microsoft.com/pt-br/learn/paths/build-javascript-applications-nodejs/?WT.mc_id=javascript-34431-gllemos)**\n- ✅ **[Curso Grátis de Vue.Js - Microsoft Learn](https://docs.microsoft.com/pt-br/learn/paths/vue-first-steps/?WT.mc_id=javascript-34431-gllemos)**\n- ✅ **[Curso Grátis de React - Microsoft Learn](https://docs.microsoft.com/learn/paths/react/?WT.mc_id=javascript-34431-gllemos)**\n- ✅ **[Curso Grátis de Deploy Automático de Aplicações Estáticas com Angular, React, Vue \u0026 Svelte - Microsoft Learn](https://docs.microsoft.com/learn/modules/publish-app-service-static-web-app-api/?WT.mc_id=javascript-34431-gllemos)**\n- ✅ **[Curso Grátis HTML, CSS \u0026 JavaScript](https://docs.microsoft.com/learn/modules/build-simple-website/?WT.mc_id=javascript-34431-gllemos)**\n\n## ❓ Tenho Dúvidas... O que Faço?!\n\nCaso tenham dúvidas aos códigos desenvolvidos durante a série de vídeos, sintam-se a vontade em abrir uma **[ISSUE AQUI](https://github.com/glaucia86/js-101-beginners-ms/issues)**. Assim que possível, estarei respondendo as todas as dúvidas que tiverem!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fglaucia86%2Fjs-101-beginners-ms","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fglaucia86%2Fjs-101-beginners-ms","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fglaucia86%2Fjs-101-beginners-ms/lists"}