Javascript: Curso de JS mais completo do YT

Javascript: Curso de JS mais completo do YT

Sobre as aulas

Curso de JavaScript #1 - Conceitos básicos (2020)

Duração:

22:55min

Descrição:

Curso de JavaScript do zero e moderno! Série com muitos detalhes da linguagem, aprenda tudo de forma fácil e bem explicada. Veja o índice abaixo para navegar pelo conteúdo da aula, são vários assuntos em um único vídeo ;) Código da aula: https://github.com/programadorabordo/curso-javascript-fundamentos O que vamos falar nessa videoaula: 🎮 𝐌𝐄𝐍𝐔 00:00:00 | Se inscreva 00:00:36 | Setup inicial 00:02:57 | Variáveis 00:05:29 | Strings 00:13:20 | Operadores matemáticos 00:19:27 | Booleanos 00:26:38 | Operadores lógicos 00:47:17 | Condicionais If Else 00:53:28 | Operador ternário 00:55:41 | Switch Case 01:00:53 | Array Acompanhe o curso completo pela playlist: https://www.youtube.com/watch?v=vrSEt5J4q2Y&list=PLbA-jMwv0cuWbas947cygrzfzHIc7esmp INSCRIÇÕES PARA MEU CURSO DE JAVASCRIPT ESTÃO ABERTAS 🔥🔥 https://jsraiz.com OUTROS VÍDEOS DO CANAL Estudo mas NUNCA aprendo JavaScript (3 dicas INFALÍVEIS) https://youtu.be/W5ViLtt5il8 React JS - MELHOR GUIA para Iniciantes! (Teoria e Prática) https://youtu.be/Ws9WVHhNq5M Vue JS em 1 hora! https://youtu.be/cSa-SMVMGsE Como eu aprendi JavaScript https://youtu.be/rhmgqSfPGwg Protocolo HTTP https://youtu.be/V4XZ81vRGtM Criando API REST com Node https://youtu.be/Abo_GiaunlU REDES SOCIAIS Dicas diária de JavaScript (Canal Telegram JavaScript Raiz) https://www.jsraiz.com/canal-telegram-js-raiz Siga no Instagram: @programadorabordo Twitter: @devabordo Grupo no Telegram: https://t.me/programadorabordo

Curso de JavaScript #2 - Loops While e For (2020)

Duração:

33:14min

Descrição:

Esta aula exploraremos a fundo os loops While e For! Códigos utilizado na aula: https://github.com/programadorabordo/curso-javascript-fundamentos Índice da aula: • Repetidor While: 00:27 • While com break: 02:44 • While - Exercício PING PONG: 03:50 • Repetidor For: 10:03 • Iterando Array: 11:18 • Decremento: 13:32 • For sem dois dos parâmetros: 16:27 • Outra forma de utilizar o for: 18:26 • For com break: 20:33 • For com continue: 21:15 • Falando de For Of 23:51 • For dentro de outro for: 26:11 • For - Exercício PING PONG: 33:55 INSCRIÇÕES PARA O MEU CURSO JS RAIZ ESTÃO ABERTAS 🔥🔥 https://jsraiz.com Acompanhe o curso completo pela playlist: https://www.youtube.com/watch?v=vrSEt5J4q2Y&list=PLbA-jMwv0cuWbas947cygrzfzHIc7esmp APOIE O CANAL https://apoia.se/programadorabordo VÍDEOS QUE RECOMENDO DO CANAL Proxy JS: Você PRECISA conhecer! (+ dicas de uso) https://youtu.be/vK8wvAmv3aI React JS - MELHOR GUIA para Iniciantes! (Teoria e Prática) https://youtu.be/Ws9WVHhNq5M React no servidor e no front https://youtu.be/qI_Nu-krBmA VueJS em 1 hora! (Teoria e prática) https://youtu.be/cSa-SMVMGsE Estudo mas NUNCA aprendo JavaScript (3 dicas) https://youtu.be/W5ViLtt5il8 Playlist: Curso de JavaScript fundamentos https://www.youtube.com/playlist?list=PLbA-jMwv0cuWbas947cygrzfzHIc7esmp Como eu aprendi JavaScript https://youtu.be/rhmgqSfPGwg REDES SOCIAIS Dicas diária de JavaScript (Canal Telegram JavaScript Raiz) https://www.jsraiz.com/canal-telegram-js-raiz Grupo no Telegram: @programadorabordo Siga no Instagram: @programadorabordo

Curso de JavaScript #3 - Functions parte 1/2 (2020)

Duração:

27:58min

Descrição:

Esta aula falaremos de functions, que é um dos conhecimentos mais necessários para se trabalhar com a linguagem! Essa parte está dividida em duas, pois na segunda é necessário um pré-requisito, que é conhecer Objects, que vai ser a próxima aula. Após a aula de objects, vem a aula de functions parte 2. Códigos utilizado na aula: https://github.com/programadorabordo/curso-javascript-fundamentos/blob/master/11-functions-parte-1.html Índice: • Function básico: 00:46 • Parâmetros: 03:18 • Retorno de valor: 04:43 • Passando array como parâmetro: 06:48 • Parâmetro rest: 10:22 • Função auto invocável: 13:33 • Função anônima: 16:28 • Callback: 17:52 • Valores default: 24:46 Acompanhe o curso completo pela playlist: https://www.youtube.com/watch?v=vrSEt5J4q2Y&list=PLbA-jMwv0cuWbas947cygrzfzHIc7esmp INSCRIÇÕES PARA O MEU CURSO JS RAIZ ESTÃO ABERTAS 🔥🔥 https://jsraiz.com VÍDEOS QUE RECOMENDO DO CANAL Proxy JS: Você PRECISA conhecer! (+ dicas de uso) https://youtu.be/vK8wvAmv3aI React JS - MELHOR GUIA para Iniciantes! (Teoria e Prática) https://youtu.be/Ws9WVHhNq5M React no servidor e no front https://youtu.be/qI_Nu-krBmA VueJS em 1 hora! (Teoria e prática) https://youtu.be/cSa-SMVMGsE Estudo mas NUNCA aprendo JavaScript (3 dicas) https://youtu.be/W5ViLtt5il8 Playlist: Curso de JavaScript fundamentos https://www.youtube.com/playlist?list=PLbA-jMwv0cuWbas947cygrzfzHIc7esmp Como eu aprendi JavaScript https://youtu.be/rhmgqSfPGwg APOIE O CANAL https://apoia.se/programadorabordo REDES SOCIAIS Siga no Instagram: @programadorabordo Grupo no Telegram: @programadorabordo

Curso de JavaScript #4 - Objetos parte 1/2 (2020)

Duração:

32:43min

Descrição:

Esta aula falaremos de objects, que é um ponto muito importante na linguagem! Esse tópico está dividida em duas partes, na segunda vamos explorar ainda mais objetos com destructuring, alguns métodos importantes e sobre iteração. Códigos utilizado na aula: https://github.com/programadorabordo/curso-javascript-fundamentos/ Índice: • Criando e utilizando objetos simples: 00:00 • Adicionando novas propriedades: 03:33 • Deletando propriedades: 04:12 • Passando outros valores para objeto: 04:35 • Adicionando função: 07:20 • Forma mais curta de passar função: 09:20 • Passando variável como valor: 09:52 • Merge de objects com Object.assign: 12:19 • Merge de objects com operador spread: 16:05 • Passando variável como chave: 19:33 • Getters e Setters: 21:47 Acompanhe o curso completo pela playlist: https://www.youtube.com/watch?v=vrSEt5J4q2Y&list=PLbA-jMwv0cuWbas947cygrzfzHIc7esmp INSCRIÇÕES PARA O MEU CURSO JS RAIZ ESTÃO ABERTAS 🔥🔥 https://jsraiz.com APOIE O CANAL https://apoia.se/programadorabordo VÍDEOS QUE RECOMENDO DO CANAL Proxy JS: Você PRECISA conhecer! (+ dicas de uso) https://youtu.be/vK8wvAmv3aI React JS - MELHOR GUIA para Iniciantes! (Teoria e Prática) https://youtu.be/Ws9WVHhNq5M React no servidor e no front https://youtu.be/qI_Nu-krBmA VueJS em 1 hora! (Teoria e prática) https://youtu.be/cSa-SMVMGsE Estudo mas NUNCA aprendo JavaScript (3 dicas) https://youtu.be/W5ViLtt5il8 Playlist: Curso de JavaScript fundamentos https://www.youtube.com/playlist?list=PLbA-jMwv0cuWbas947cygrzfzHIc7esmp Como eu aprendi JavaScript https://youtu.be/rhmgqSfPGwg REDES SOCIAIS Twitter: @devabordo Grupo no Telegram: @programadorabordo Siga no Instagram: @programadorabordo MEU TREINAMENTO: JavaScript Raiz https://jsraiz.com

Curso de JavaScript #5 - Objetos parte 2/2 (2020)

Duração:

23:13min

Descrição:

Fala galera!! Continuando o curso de JavaScript fundamentos, esta aula é a segunda parte sobre objetos, que é um ponto muito importante na linguagem! Códigos utilizado na aula: https://github.com/programadorabordo/curso-javascript-fundamentos/ Índice: • Introdução ao destructuring: 00:12 • Destructuring nested: 04:58 • Destructuring com default value: 07:47 • Destructuring como parâmetro de function: 10:00 • Default value nas functions com destructuring: 11:59 • Object.keys e Objects.values: 13:08 • Iterando objetos com loop for: 14:51 • Iterando com for of: 18:05 • Iterando com for in: 18:53 • Método hasOwnProperty: 20:27 Acompanhe o curso completo pela playlist: https://www.youtube.com/watch?v=vrSEt5J4q2Y&list=PLbA-jMwv0cuWbas947cygrzfzHIc7esmp VÍDEOS QUE RECOMENDO DO CANAL Proxy JS: Você PRECISA conhecer! (+ dicas de uso) https://youtu.be/vK8wvAmv3aI React JS - MELHOR GUIA para Iniciantes! (Teoria e Prática) https://youtu.be/Ws9WVHhNq5M React no servidor e no front https://youtu.be/qI_Nu-krBmA VueJS em 1 hora! (Teoria e prática) https://youtu.be/cSa-SMVMGsE Estudo mas NUNCA aprendo JavaScript (3 dicas) https://youtu.be/W5ViLtt5il8 Playlist: Curso de JavaScript fundamentos https://www.youtube.com/playlist?list=PLbA-jMwv0cuWbas947cygrzfzHIc7esmp Como eu aprendi JavaScript https://youtu.be/rhmgqSfPGwg REDES SOCIAIS Grupo no Telegram: @programadorabordo Siga no Instagram: @programadorabordo

Curso de JavaScript #6 - Functions 2/2 (2020)

Duração:

23:06min

Descrição:

Fala galera!! Continuando o curso de JavaScript fundamentos, esta aula é a parte 2 de functions! Nosso curso entra num estágio mais avançado e o conhecimento daqui para frente é algo que torna todo desenvolvedor JavaScript diferenciado. Vamos falar sobre a palavra-chave this no JavaScript e seu uso dentro das functions, além de falarmos sobre Arrow functions. Tópicos muito abordados em entrevistas de empregos e utilizados vastamente nos projetos da linguagem. Códigos utilizado na aula: https://github.com/programadorabordo/curso-javascript-fundamentos/blob/master/14-functions-parte2.html Índice: Introdução: 00:00 Operador new: 03:29 Método call: 06:18 Método apply: 08:34 Método bind: 10:24 Motivos para usar this: 13:37 Arrow functions: 14:32 Arrow functions sem return: 16:24 Arrow functions com 1 parâmetro: 20:05 Arrow functions e this: 21:21 APOIE O CANAL https://apoia.se/programadorabordo Acompanhe o curso completo pela playlist: https://www.youtube.com/watch?v=vrSEt5J4q2Y&list=PLbA-jMwv0cuWbas947cygrzfzHIc7esmp VÍDEOS QUE RECOMENDO DO CANAL Proxy JS: Você PRECISA conhecer! (+ dicas de uso) https://youtu.be/vK8wvAmv3aI React JS - MELHOR GUIA para Iniciantes! (Teoria e Prática) https://youtu.be/Ws9WVHhNq5M React no servidor e no front https://youtu.be/qI_Nu-krBmA VueJS em 1 hora! (Teoria e prática) https://youtu.be/cSa-SMVMGsE Estudo mas NUNCA aprendo JavaScript (3 dicas) https://youtu.be/W5ViLtt5il8 Playlist: Curso de JavaScript fundamentos https://www.youtube.com/playlist?list=PLbA-jMwv0cuWbas947cygrzfzHIc7esmp Como eu aprendi JavaScript https://youtu.be/rhmgqSfPGwg REDES SOCIAIS Siga no Instagram: @programadorabordo Grupo no Telegram: @programadorabordo MEU TREINAMENTO: JavaScript Raiz https://jsraiz.com

Curso de JavaScript #7 - Escopos e let (2020)

Duração:

18:09min

Descrição:

Fala galera!! Continuando o curso de JavaScript fundamentos, esta aula é sobre escopos e let! Nosso curso entra num estágio mais avançado e o conhecimento daqui para frente é algo que torna todo desenvolvedor JavaScript diferenciado. Vamos conhecer mais a fundo sobre escopos, o que são escopos globais e locais, escopo dinâmico, lexical e de bloco com let! Códigos utilizado na aula: https://github.com/programadorabordo/curso-javascript-fundamentos/blob/master/15-scopes.html Índice: 00:00:00 | Introdução 00:00:59 | O que é escopo 00:01:26 | Escopo global 00:03:21 | Escopo local 00:06:05 | Escopo dinâmico 00:10:14 | Escopo lexical 00:12:19 | Escopo de bloco com let 00:14:56 | Diferenças do uso de let para o var 00:17:20 | Considerações finais APOIE O CANAL https://apoia.se/programadorabordo Acompanhe o curso completo pela playlist: https://www.youtube.com/watch?v=vrSEt5J4q2Y&list=PLbA-jMwv0cuWbas947cygrzfzHIc7esmp VÍDEOS QUE RECOMENDO DO CANAL Proxy JS: Você PRECISA conhecer! (+ dicas de uso) https://youtu.be/vK8wvAmv3aI React JS - MELHOR GUIA para Iniciantes! (Teoria e Prática) https://youtu.be/Ws9WVHhNq5M React no servidor e no front https://youtu.be/qI_Nu-krBmA VueJS em 1 hora! (Teoria e prática) https://youtu.be/cSa-SMVMGsE Estudo mas NUNCA aprendo JavaScript (3 dicas) https://youtu.be/W5ViLtt5il8 Playlist: Curso de JavaScript fundamentos https://www.youtube.com/playlist?list=PLbA-jMwv0cuWbas947cygrzfzHIc7esmp Como eu aprendi JavaScript https://youtu.be/rhmgqSfPGwg REDES SOCIAIS Grupo no Telegram: @programadorabordo Siga no Instagram para acompanhar o dia a dia: @programadorabordo Curta a página no Facebook: https://www.facebook.com/programadorabordo/ MEU TREINAMENTO: JavaScript Raiz https://jsraiz.com

Curso de JavaScript #8 - Closures (2020)

Duração:

14:40min

Descrição:

Fala galera!! Continuando o curso de JavaScript 2019 fundamentos, esta aula é sobre Closures! Nosso curso entra num estágio mais avançado e o conhecimento daqui para frente é algo que torna todo desenvolvedor JavaScript diferenciado. Vamos conhecer mais a fundo sobre closures, o que é, como utilizar e o motivo de ser tão poderoso! Códigos utilizado na aula: https://github.com/programadorabordo/curso-javascript-fundamentos/blob/master/16-closures.html Índice: Explicação inicial: 00:37 Exemplo lexical scope: 01:54 Exemplo memorização de escopo: 02:51 Criando função privada com closures: 03:37 Evitando funções anônimas com closures: 08:14 Final: 14:16 APOIE O CANAL https://apoia.se/programadorabordo Acompanhe o curso completo pela playlist: https://www.youtube.com/watch?v=vrSEt5J4q2Y&list=PLbA-jMwv0cuWbas947cygrzfzHIc7esmp VÍDEOS QUE RECOMENDO DO CANAL Proxy JS: Você PRECISA conhecer! (+ dicas de uso) https://youtu.be/vK8wvAmv3aI React JS - MELHOR GUIA para Iniciantes! (Teoria e Prática) https://youtu.be/Ws9WVHhNq5M React no servidor e no front https://youtu.be/qI_Nu-krBmA VueJS em 1 hora! (Teoria e prática) https://youtu.be/cSa-SMVMGsE Estudo mas NUNCA aprendo JavaScript (3 dicas) https://youtu.be/W5ViLtt5il8 Playlist: Curso de JavaScript fundamentos https://www.youtube.com/playlist?list=PLbA-jMwv0cuWbas947cygrzfzHIc7esmp Como eu aprendi JavaScript https://youtu.be/rhmgqSfPGwg REDES SOCIAIS Grupo no Telegram: @programadorabordo Siga no Instagram para acompanhar o dia a dia: @programadorabordo Curta a página no Facebook: https://www.facebook.com/programadorabordo/ MEU TREINAMENTO: JavaScript Raiz https://jsraiz.com

Curso de JavaScript #9 - Constantes (2020)

Duração:

09:04min

Descrição:

Continuando o curso de JavaScript 2019 fundamentos, esta aula é sobre Constantes! Vamos conhecer mais a fundo sobre constantes, o que é, como utilizar, suas peculiaridades e diferenças dela para o let e var. Códigos utilizado na aula: https://github.com/programadorabordo/curso-javascript-fundamentos/blob/master/17-constantes.html APOIE O CANAL https://apoia.se/programadorabordo Índice: Criando uma constante: 00:67 Escopo de bloco: 01:46 Diferenças para o let e o var: 03:17 Redeclarando: 03:51 Reatribuindo: 05:12 Peculiaridade: O valor de uma constante pode alterar: 05:44 Acompanhe o curso completo pela playlist: https://www.youtube.com/watch?v=vrSEt5J4q2Y&list=PLbA-jMwv0cuWbas947cygrzfzHIc7esmp VÍDEOS QUE RECOMENDO DO CANAL Proxy JS: Você PRECISA conhecer! (+ dicas de uso) https://youtu.be/vK8wvAmv3aI React JS - MELHOR GUIA para Iniciantes! (Teoria e Prática) https://youtu.be/Ws9WVHhNq5M React no servidor e no front https://youtu.be/qI_Nu-krBmA VueJS em 1 hora! (Teoria e prática) https://youtu.be/cSa-SMVMGsE Estudo mas NUNCA aprendo JavaScript (3 dicas) https://youtu.be/W5ViLtt5il8 Playlist: Curso de JavaScript fundamentos https://www.youtube.com/playlist?list=PLbA-jMwv0cuWbas947cygrzfzHIc7esmp Como eu aprendi JavaScript https://youtu.be/rhmgqSfPGwg REDES SOCIAIS Grupo no Telegram: @programadorabordo Siga no Instagram para acompanhar o dia a dia: @programadorabordo Curta a página no Facebook: https://www.facebook.com/programadorabordo/ MEU TREINAMENTO: JavaScript Raiz https://jsraiz.com

Curso de JavaScript #10 - Hoisting (2020)

Duração:

14:23min

Descrição:

Continuando o curso de JavaScript 2019, esta aula é sobre Hoisting! Se você já desenvolve em JavaScript, com certeza já ouviu esse termo antes, certo? Muito perguntado em entrevista de emprego, essa á um comportamento do compilador JavaScript da qual você pode extrair vantagens e desvantagens, então assista a essa aula e vamos aprender tudo sobre Hoisting! ;) Índice: - Introdução a Hoisting: 01:08 - Hoisting com let e const: 03:56 - Temporal Dead Zone (TDZ): 05:19 - Constantes: 06:03 - Functions expression: 06:24 - let e functions expressions: 07:11 - functions expression vs function declaration: 07:27 - function declaration: 07:38 - Hoisting no escopo da function: 09:06 - Desvantagem: 09:51 - Vantagem: 10:56 - Conclusão: 13:38 APOIE O CANAL https://apoia.se/programadorabordo Códigos utilizado na aula: https://github.com/programadorabordo/curso-javascript-fundamentos/blob/master/18-hoisting.html Acompanhe o curso completo pela playlist: https://www.youtube.com/watch?v=vrSEt5J4q2Y&list=PLbA-jMwv0cuWbas947cygrzfzHIc7esmp VÍDEOS QUE RECOMENDO DO CANAL Proxy JS: Você PRECISA conhecer! (+ dicas de uso) https://youtu.be/vK8wvAmv3aI React JS - MELHOR GUIA para Iniciantes! (Teoria e Prática) https://youtu.be/Ws9WVHhNq5M React no servidor e no front https://youtu.be/qI_Nu-krBmA VueJS em 1 hora! (Teoria e prática) https://youtu.be/cSa-SMVMGsE Estudo mas NUNCA aprendo JavaScript (3 dicas) https://youtu.be/W5ViLtt5il8 Playlist: Curso de JavaScript fundamentos https://www.youtube.com/playlist?list=PLbA-jMwv0cuWbas947cygrzfzHIc7esmp Como eu aprendi JavaScript https://youtu.be/rhmgqSfPGwg REDES SOCIAIS Instagram: @programadorabordo Grupo Telegram: https://t.me/programadorabordo Facebook: https://www.facebook.com/programadorabordo/ MEU TREINAMENTO JavaScript Raiz https://jsraiz.com

Curso de JavaScript #11 - map, filter e reduce (2020)

Duração:

28:40min

Descrição:

Aula completa sobre os métodos map, filter e reduce do JavaScript. Com esses 3 conseguimos melhorar bastante nossa qualidade de código! ÍNDICE - Começo: 00:00 - Introdução ao map: 01:19 - Exemplo com for: 01:30 - Refatorando para map: 02:50 - Map + arrow function + retorno imediato: 05:35 - 2º exemplo map: 07:01 - Introdução ao filter: 08:26 - Exemplo com for: 09:21 - Refatorando para filter: 11:00 - Map e filter juntos: 12:52 - Introdução ao reduce: 13:55 - Exemplo com for: 14:42 - Refatorando para reduce: 16:06 - 2º exemplo reduce: agrupamento: 20:02 - Conclusão: 27:54 AS INSCRIÇÕES PARA MEU CURSO DE JAVASCRIPT RAIZ ESTÃO ABERTAS 🔥🔥 https://jsraiz.com CÓDIGOS UTILIZADO NA AULA https://github.com/programadorabordo/curso-javascript-fundamentos/blob/master/19-map-filter-reduce.html ARTIGOS PARA SE APROFUNDAR EM MAP, FILTER E REDUCE: JavaScript — Quando usar map, filter ou reduce? Com exemplos! https://medium.com/@osuissa/javascript-quando-usar-map-filter-ou-reduce-31aa10e33e9 VIDEOAULAS COMPLEMENTARES PARA ENTENDER ESTA AULA Arrow function https://youtu.be/IXGa5wwWraY?t=872 Retorno imediato https://youtu.be/IXGa5wwWraY?t=984 Ternário https://youtu.be/vrSEt5J4q2Y?t=3208 Acessando propriedades dos objetos https://youtu.be/vB-aPrlSEXs?t=90 Loop for https://youtu.be/IEx_e4M2vt4?t=603 Arrays https://youtu.be/vrSEt5J4q2Y?t=3653 ----- VÍDEOS QUE RECOMENDO DO CANAL Proxy JS: Você PRECISA conhecer! (+ dicas de uso) https://youtu.be/vK8wvAmv3aI React JS - MELHOR GUIA para Iniciantes! (Teoria e Prática) https://youtu.be/Ws9WVHhNq5M React no servidor e no front https://youtu.be/qI_Nu-krBmA VueJS em 1 hora! (Teoria e prática) https://youtu.be/cSa-SMVMGsE Estudo mas NUNCA aprendo JavaScript (3 dicas) https://youtu.be/W5ViLtt5il8 Playlist: Curso de JavaScript fundamentos https://www.youtube.com/playlist?list=PLbA-jMwv0cuWbas947cygrzfzHIc7esmp Como eu aprendi JavaScript https://youtu.be/rhmgqSfPGwg ----- REDES SOCIAIS Dicas diária de JavaScript (Canal Telegram JavaScript Raiz) https://jsraiz.com/canal-telegram-js-raiz Siga no Instagram para acompanhar o dia a dia: @programadorabordo Entre no nosso grupo do Telegram: @programadorabordo Twitter: @devabordo Curta a página no Facebook: https://www.facebook.com/programadorabordo/ MEU TREINAMENTO JavaScript Raiz: https://jsraiz.com

Curso de JavaScript #12 - Módulos (2020)

Duração:

29:44min

Descrição:

Aula sobre módulos no JavaScript utilizando webpack para gerar bundle dos arquivos! Vamos aprender tudo sobre import e export do EcmaScript6 enquanto brincamos de organizar nosso código nesse exemplo. Para os que já conhecem um pouco de NPM e Webpack, pode pular para o minuto 07:09 ;) ÍNDICE Intro: 00:00 NPM: 02:07 Estrutura de pastas: 02:45 npm start: 06:12 Início código (exemplo simples): 07:09 Componente Hello World: 09:37 Mais sobre import: 11:29 Function agrupador: 13:43 Export sem default: 15:14 Mais export sem default: 17:07 Import com apelido usando as: 17:43 Mock pessoas: 18:27 Componente List: 20:41 Importando componente List: 22:21 Arquivo único de export: 24:02 Explicando mais sobre export: 26:40 Import all: 27:47 Encerramento: 28:55 LINK DO PROJETO: https://github.com/programadorabordo/curso-javascript-fundamentos APOIE O CANAL https://apoia.se/programadorabordo LINKS DOWNLOAD: NodeJS: https://nodejs.org/pt-br/ Webpack: https://webpack.js.org/ ---- VÍDEOS QUE RECOMENDO DO CANAL Proxy JS: Você PRECISA conhecer! (+ dicas de uso) https://youtu.be/vK8wvAmv3aI React JS - MELHOR GUIA para Iniciantes! (Teoria e Prática) https://youtu.be/Ws9WVHhNq5M React no servidor e no front https://youtu.be/qI_Nu-krBmA VueJS em 1 hora! (Teoria e prática) https://youtu.be/cSa-SMVMGsE Estudo mas NUNCA aprendo JavaScript (3 dicas) https://youtu.be/W5ViLtt5il8 Playlist: Curso de JavaScript fundamentos https://www.youtube.com/playlist?list=PLbA-jMwv0cuWbas947cygrzfzHIc7esmp Como eu aprendi JavaScript https://youtu.be/rhmgqSfPGwg ---- REDES SOCIAIS Entre no nosso grupo do Telegram: @programadorabordo Siga no Instagram para acompanhar o dia a dia: @programadorabordo Curta a página no Facebook: https://www.facebook.com/programadorabordo/ MEU TREINAMENTO JavaScript Raiz: https://jsraiz.com

Curso de JavaScript #13 - Praticando (2020)

Duração:

24:58min

Descrição:

Aula de exercícios no JavaScript para aplicarmos um pouco o que aprendemos nesse curso de JavaScript fundamentos! Nessa aula vamos refatorar uma parte de um código de uma aplicação! :) Material da aula (código com antes e depois): https://github.com/programadorabordo/curso-javascript-fundamentos/tree/master/21-exercicio ÍNDICE: Explicando projeto: 35:27 Explicando a function que vamos refatorar: 06:04 1ª refatoração: 07:53 2ª refatoração: 09:48 3ª refatoração: 13:06 4ª refatoração: 14:08 5ª refatoração: 15:14 6ª refatoração: 16:04 7ª refatoração: 17:21 8ª refatoração: 17:45 9ª refatoração: 18:44 10ª refatoração: 19:41 11ª refatoração: 22:17 Considerações finais: 22:57 APOIE O CANAL https://apoia.se/programadorabordo AULAS DOS ASSUNTOS FALADOS NO VÍDEO: Template strings: https://youtu.be/vrSEt5J4q2Y?t=715 Map: https://youtu.be/D_MExaVe95w?t=79 Método join do array: https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Array/join Destructuring: https://youtu.be/7MG3O_-ZqGc?t=12 Operador ternário: https://youtu.be/vrSEt5J4q2Y?t=3209 Valor default no destructuring: https://youtu.be/7MG3O_-ZqGc?t=467 Arrow function e retorno imediato: https://youtu.be/IXGa5wwWraY?t=872 ----- VÍDEOS QUE RECOMENDO DO CANAL Proxy JS: Você PRECISA conhecer! (+ dicas de uso) https://youtu.be/vK8wvAmv3aI React JS - MELHOR GUIA para Iniciantes! (Teoria e Prática) https://youtu.be/Ws9WVHhNq5M React no servidor e no front https://youtu.be/qI_Nu-krBmA VueJS em 1 hora! (Teoria e prática) https://youtu.be/cSa-SMVMGsE Estudo mas NUNCA aprendo JavaScript (3 dicas) https://youtu.be/W5ViLtt5il8 Playlist: Curso de JavaScript fundamentos https://www.youtube.com/playlist?list=PLbA-jMwv0cuWbas947cygrzfzHIc7esmp Como eu aprendi JavaScript https://youtu.be/rhmgqSfPGwg ----- CONTATOS/SOCIAIS: Grupo no Telegram: @programadorabordo Instagram: @programadorabordo Página no facebook: https://www.facebook.com/programadorabordo/ MEU TREINAMENTO JavaScript Raiz https://jsraiz.com