Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/glaucia86/js-101-beginners-ms
Repositório responsável por todos os códigos desenvolvidos durante a Série para Iniciantes em JavaScript
https://github.com/glaucia86/js-101-beginners-ms
curso javascript microsoft microsoft-learn nodejs tutorial
Last synced: about 10 hours ago
JSON representation
Repositório responsável por todos os códigos desenvolvidos durante a Série para Iniciantes em JavaScript
- Host: GitHub
- URL: https://github.com/glaucia86/js-101-beginners-ms
- Owner: glaucia86
- Created: 2021-07-07T17:26:36.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2021-07-13T14:55:16.000Z (over 3 years ago)
- Last Synced: 2024-11-06T06:12:15.951Z (7 days ago)
- Topics: curso, javascript, microsoft, microsoft-learn, nodejs, tutorial
- Language: JavaScript
- Homepage:
- Size: 68.4 KB
- Stars: 658
- Watchers: 31
- Forks: 64
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# Série de Vídeos para Iniciantes em JavaScript
[](https://postimg.cc/rdPZ32Nn)
Uma série de vídeos ensinando conceitos Básicos a Intermediários da linguagem mais usada do planeta: JavaScript!
Se 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ê!
Nosso 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.
Aqui 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!
Durante 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.
Mas, 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&WT.mc_id=javascript-34431-gllemos)**
Toda 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)**
Espero que todas as pessoas, sejam Pessoas Desenvolvedoras ou não, apreciem essa série que foi criada com muito ❤️ para todos vocês!
```
❤️ 'Desenvolvido pela Comunidade para a Comunidade!' ❤️
```
## 🏃 Colaboradores
Todo o projeto foi elaborado por mim, em conjunto com os demais **[Cloud Advocates da Microsoft](https://developer.microsoft.com/en-us/advocates/)**.
A versão em Português, foram gravadas com as respectivas Pessoas Desenvolvedoras da Comunidade Técnica Brasileira:
- **[Glaucia Lemos - Cloud Advocate JavaScript | Microsoft](https://twitter.com/glaucia_lemos86)**
- **[Italo José - Software Developer | Microsoft MVP](https://twitter.com/italojs_)**
- **[Diego Telles - Software Engineer | Microsoft MSLA](https://twitter.com/UnicornCoder)**
## 🚀 Recursos Utilizados
- **[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=javascript-34431-gllemos)**
- **[Extensão Visual Studio Code - Code Runner](https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner&WT.mc_id=javascript-34431-gllemos)**
- **[Extensão Visual Studio Code - ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint&WT.mc_id=javascript-34431-gllemos)**
- **[Extensão Visual Studio Code - Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode&WT.mc_id=javascript-34431-gllemos)**
- **[Extensão Visual Studio Code - ES6 Code Snippets](https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets&WT.mc_id=javascript-34431-gllemos)**
- **[Node.js](https://nodejs.orgs)**
- **[Repositório do NVM](https://github.com/nvm-sh/nvm)**
- **[Repositório do nvm-windows](https://github.com/coreybutler/)**
## 📺 Série de Vídeos
Abaixo 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)**!
| Vídeo | Descrição |
| --------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **[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 |
| **[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? |
| **[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 |
| **[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! |
| **[Video 05 - Comentários](https://youtu.be/CPPACskCnRo)** | Nesse vídeo aprenderemos a importância do uso de comentários em JavaScript |
| **[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 |
| **[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! |
| **[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 |
| **[Video 09 - Trabalhando com Strings](https://youtu.be/L1Iq19bNN5U)** | Nesse vídeo vamos entender um pouco mais como podemos trabalhar com Strings em JavaScript |
| **[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 |
| **[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 |
| **[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 |
| **[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 |
| **[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 |
| **[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 |
| **[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 |
| **[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 |
| **[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 |
| **[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 |
| **[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 |
| **[Video 21 - Datas](https://youtu.be/2Sknk70N4HI)** | Nesse vídeo vamos aprender um pouco mais como podemos trabalhar com Datas em JavaScript |
| **[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 |
| **[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 |
| **[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 |
| **[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. |
| **[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. |
| **[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. |
| **[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. |
| **[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. |
| **[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. |
| **[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 |
| **[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. |
| **[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 |
| **[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. |
| **[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 |
| **[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. |
| **[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 |
| **[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. |
| **[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) |
| **[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) |
| **[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! |
| **[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) |
| **[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 |
| **[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 |
| **[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 |
| **[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 |
| **[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 |
| **[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 |
## 🏃 Próximos Passos
Abaixo você encontrará recursos para prosseguir seus estudos depois que concluir com sucesso a nossa série de vídeos:
- ✅ **[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)**
- ✅ **[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)**
- ✅ **[Curso Grátis de React - Microsoft Learn](https://docs.microsoft.com/learn/paths/react/?WT.mc_id=javascript-34431-gllemos)**
- ✅ **[Curso Grátis de Deploy Automático de Aplicações Estáticas com Angular, React, Vue & Svelte - Microsoft Learn](https://docs.microsoft.com/learn/modules/publish-app-service-static-web-app-api/?WT.mc_id=javascript-34431-gllemos)**
- ✅ **[Curso Grátis HTML, CSS & JavaScript](https://docs.microsoft.com/learn/modules/build-simple-website/?WT.mc_id=javascript-34431-gllemos)**
## ❓ Tenho Dúvidas... O que Faço?!
Caso 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!