Série de Vídeos para Iniciantes em JavaScript
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 tais como: Extensão Visual Studio Code - Code Runner
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
Espero que todas as pessoas, sejam Pessoas Desenvolvedoras ou não, apreciem essa série que foi criada com muito
❤️ 'Desenvolvido pela Comunidade para a Comunidade!' ❤️
🏃 Colaboradores
Todo o projeto foi elaborado por mim, em conjunto com os demais Cloud Advocates da Microsoft.
A versão em Português, foram gravadas com as respectivas Pessoas Desenvolvedoras da Comunidade Técnica Brasileira:
- Glaucia Lemos - Cloud Advocate JavaScript | Microsoft
- Italo José - Software Developer | Microsoft MVP
- Diego Telles - Software Engineer | Microsoft MSLA
🚀 Recursos Utilizados
- Visual Studio Code
- Extensão Visual Studio Code - Code Runner
- Extensão Visual Studio Code - ESLint
- Extensão Visual Studio Code - Prettier
- Extensão Visual Studio Code - ES6 Code Snippets
- Node.js
- Repositório do NVM
- Repositório do nvm-windows
📺 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!
| Vídeo | Descrição |
|---|---|
| Video 01 - O que é JavaScript? | 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? | Nesse vídeo vamos aprender como podemos executar o JavaScript. No browser? Ou no Servidor? |
| Video 03 - Configurando sua caixa de ferramentas | 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 | Nesse vídeo criaremos a nossa primeira aplicação em JavaScript, porém usando o Node.js! |
| Video 05 - Comentários | Nesse vídeo aprenderemos a importância do uso de comentários em JavaScript |
| Video 06 - Demo: Comentários | 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 | 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 | 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 | Nesse vídeo vamos entender um pouco mais como podemos trabalhar com Strings em JavaScript |
| Video 10 - Demo: Trabalhando com Strings | 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 | 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 | 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 | Nesse vídeo vamos aprender os diferentes tipos de dados que podemos trabalhar com JavaScript |
| Video 14 - Demo: Tipos de Dados em JavaScript | 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 | Nesse vídeo vamos aprender a como realizar as principais operações matemáticas com JavaScript |
| Video 16 - Demo: Matemática em JavaScript | 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 | 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 | 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 | 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 | 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 | Nesse vídeo vamos aprender um pouco mais como podemos trabalhar com Datas em JavaScript |
| Video 22 - Demo: Datas | 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 | 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 | 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 | 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 | 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 | 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 | Nesse vídeo realizaremos algumas demonstrações em códigos de como podemos trabalhar com Arrays em JavaScript. |
| Video 29 - Populando Arrays | 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 | Nesse vídeo realizaremos algumas demonstrações em códigos de como podemos manipular Arrays em JavaScript. |
| Video 31 - Métodos de Arrays | Nesse vídeos vamos aprender alguns importantes métodos de Arrays que podemos fazer uso em JavaScript |
| Video 32 - Demo: Métodos de Arrays | 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) | Nesse vídeo vamos aprender outros importantes laços (loops) que podemos usar em JavaScript |
| Video 34 - Demo: Laços(Loops) | Nesse vídeo realizaremos algumas demonstrações em códigos de como podemos fazer uso de Loops em JavaScript. |
| Video 35 - Funções | 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 | 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 | 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 | 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) | 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) | 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) | 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) | 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 | 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 | 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 | 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 | 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) | 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) | 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✅ Curso Grátis de Vue.Js - Microsoft Learn✅ Curso Grátis de React - Microsoft Learn✅ Curso Grátis de Deploy Automático de Aplicações Estáticas com Angular, React, Vue & Svelte - Microsoft Learn✅ Curso Grátis HTML, CSS & JavaScript
❓ 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. Assim que possível, estarei respondendo as todas as dúvidas que tiverem!