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 ❤️ 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.
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!