![Douglas Dev](/img/default-banner.jpg)
- 61
- 84 915
Douglas Dev
Brazil
Приєднався 31 сер 2020
Bastante conteúdo sobre programação e tecnologia, além de dicas muito legais sobre carreira.
Entenda o uso do map no JavaScript
🟡 Entenda o uso do map no JavaScript
▸ Nesse vídeo vamos aprendar de uma vez por todas o uso do map no JavaScript, e também vamos revisar o uso do for e forEach.
Laços de repetição
✅ ua-cam.com/video/SYMxV4HM224/v-deo.html
Aprenda funções do zero no JavaScript
✅ ua-cam.com/video/aO-4C340gGE/v-deo.html
Hey, quer fazer uma lista de tarefas utilizando o JavaScript?
✅ ua-cam.com/video/4CUa9R_N4eQ/v-deo.html
#html #css #frontend #javascript
▸ Nesse vídeo vamos aprendar de uma vez por todas o uso do map no JavaScript, e também vamos revisar o uso do for e forEach.
Laços de repetição
✅ ua-cam.com/video/SYMxV4HM224/v-deo.html
Aprenda funções do zero no JavaScript
✅ ua-cam.com/video/aO-4C340gGE/v-deo.html
Hey, quer fazer uma lista de tarefas utilizando o JavaScript?
✅ ua-cam.com/video/4CUa9R_N4eQ/v-deo.html
#html #css #frontend #javascript
Переглядів: 105
Відео
Validação de formulário com JavaScript
Переглядів 622Рік тому
🟡 Introdução a validação de formulário com JavaScript ▸ Nesse vídeo vamos aprender como aplicar o básico em uma validação de formulário de login com JavaScript, e para isso vamos aproveitar o layout desenvolvido em um outro vídeo aqui do canal. Vídeo formulário de Login (HTML e CSS) ✅ ua-cam.com/video/3q7cijUdI1I/v-deo.html Aprenda funções do zero no JavaScript ✅ ua-cam.com/video/aO-4C340gGE/v-...
Aprenda a trabalhar com JSON
Переглядів 191Рік тому
🟡 Aprenda a trabalhar com JSON no JavaScript ▸ Nesse vídeo vamos entender o que é JSON, e como podemos trabalhar com ele no JavaScript. Vídeo requisições HTTP (fetch) no JavaScript ✅ ua-cam.com/video/wUj1Fqw64ac/v-deo.html Hey, quer fazer uma lista de tarefas (todo list) utilizando o JavaScript? ✅ ua-cam.com/video/4CUa9R_N4eQ/v-deo.html Não deixe de se inscrever no canal para ficar sempre ligad...
#Parte 2/2 - Crie uma lista de jogos com HTML, CSS e JavaScript
Переглядів 263Рік тому
🟡 #Parte 2/2 - Lista de jogos com HTML, CSS e JavaScript ▸ Nesse vídeo vamos finalizar nossa lista de jogos utilizando HTML, CSS e JavaScript, e vamos construir o código JavaScript do zero e passo a passo. Parte 1 ✅ ua-cam.com/video/tSYvrKX7pUg/v-deo.html Hey, quer fazer uma lista de tarefas (todo list) utilizando o JavaScript? ✅ ua-cam.com/video/4CUa9R_N4eQ/v-deo.html Código HTML e CSS no Gith...
#Parte 1/2 - Crie uma lista de jogos com HTML, CSS e JavaScript
Переглядів 350Рік тому
🟡 #Parte 1/2 - Lista de jogos com HTML, CSS e JavaScript ▸ Nesse vídeo veremos como construir uma lista de jogos utilizando HTML, CSS e JavaScript, essa lista de jogos é bastante parecida com uma lista de tarefas ou todolist, porém nesse projeto temos mais funcionalidades, como por exemplo importar e exportar dados no formato JSON. É um projeto bem legal de desenvolver para evoluir seus conheci...
Crie uma calculadora com JavaScript
Переглядів 355Рік тому
🟡 Calculadora com JavaScript ▸ Nesse vídeo veremos como construir uma calculadora utilizando o JavaScript, é uma prática muito legal para quem estiver dando os seus primeiros passos na linguagem ou precisar reforçar conceitos de manipulação do DOM e lógica. Hey, quer fazer uma lista de tarefas utilizando o JavaScript? ✅ ua-cam.com/video/4CUa9R_N4eQ/v-deo.html #javascript #frontend
Aprenda a manipular arquivos com JavaScript (Upload e Download)
Переглядів 13 тис.Рік тому
🟡 Upload e Download de arquivos com JavaScript ▸ Aprenda como podemos lidar com arquivos no JavaScript, realizando o upload e download de um arquivo JSON, tudo isso de forma muito simples utilizando o filereader. Quer aprender a dominar funções no JavaScript? ✅ ua-cam.com/play/PLEuLN871skK7G2EXgsUe8GA2i1iB0CjxH.html #javascript #frontend Documentação: developer.mozilla.org/en-US/docs/Web/API/Fi...
#Parte 2/2 - Formulário de login com HTML e CSS
Переглядів 246Рік тому
🟠 Formulário de login ▸ Nesse vídeo vamos finalizar a construção do formulário de login, veremos como utilizar as variáveis no CSS e permitir que o usuário escolha entre o tema claro e escuro. Parte 1 ✅ ua-cam.com/video/3q7cijUdI1I/v-deo.html Hey, quer fazer uma lista de tarefas utilizando o JavaScript? ✅ ua-cam.com/video/4CUa9R_N4eQ/v-deo.html #html #css #frontend
#Parte 1/2 - Formulário de login com HTML e CSS
Переглядів 221Рік тому
🟠 Formulário de login ▸ Nesse vídeo daremos início a construção de um formulário de login, começando por sua estrutura básica, e na parte 2 iremos finalizar aplicando a possibilidade do usuário escolher entre o tema claro e escuro. Parte 2 ✅ ua-cam.com/video/aO-4C340gGE/v-deo.html Hey, quer fazer uma lista de tarefas utilizando o JavaScript? ✅ ua-cam.com/video/4CUa9R_N4eQ/v-deo.html #html #css ...
O que você precisa saber sobre invocar funções no JavaScript
Переглядів 210Рік тому
🟡 Invocação de funções no JavaScript ▸ Nesse vídeo veremos três formas que podemos estar invocando funções no JavaScript e como o this se comporta em cada uma dessas formas. Esse conteúdo com certeza vai expandir seus conhecimentos sobre funções, então vem comigo e bora pro vídeo! Ah, e não deixe de conferir os vídeos: Vídeo iniciando com funções ✅ ua-cam.com/video/aO-4C340gGE/v-deo.html Vídeo ...
Domine a função de callback no JavaScript
Переглядів 998Рік тому
🟡 Função callback no JavaScript ▸ Nesse vídeo vamos entender passo a passo e na prática o que é uma função de callback no JavaScript. Vídeo iniciando com funções ✅ ua-cam.com/video/aO-4C340gGE/v-deo.html Vídeo avançando com funções ✅ ua-cam.com/video/Oedo9w_YsMo/v-deo.html Vídeo requisições HTTP ✅ ua-cam.com/video/wUj1Fqw64ac/v-deo.html Hey, quer fazer uma lista de tarefas utilizando o JavaScri...
Parte 2 - Aprenda funções do zero no JavaScript
Переглядів 290Рік тому
🟡Aprenda funções a partir do zero (Parte 2) ▸ Nesse vídeo vamos avançar com funções em JavaScript, veremos o que significa dizer que uma função no JavaScript é uma “cidadã de primeira classe”. Aprenda funções a partir do zero - parte 1 ✅ ua-cam.com/video/aO-4C340gGE/v-deo.html Hey, quer fazer uma lista de tarefas utilizando o JavaScript? ✅ ua-cam.com/video/4CUa9R_N4eQ/v-deo.html #javascript Doc...
Parte 1 - Aprenda funções do zero no JavaScript
Переглядів 580Рік тому
🟡Aprenda funções a partir do zero (Parte 1) ▸ Nesse vídeo vamos iniciar com funções em JavaScript, vamos aprender o básico, mas essencial para continuarmos evoluindo. Aprenda funções a partir do zero - parte 2 ✅ ua-cam.com/video/Oedo9w_YsMo/v-deo.html Hey, quer fazer uma lista de tarefas utilizando o JavaScript? ✅ ua-cam.com/video/4CUa9R_N4eQ/v-deo.html #javascript Documentação: developer.mozil...
Conheça os principais métodos para strings no Javascript
Переглядів 230Рік тому
🔵Conheça os principais métodos disponíveis para strings no Javascript ▸ Nesse vídeo veremos alguns dos principais métodos disponíveis que temos quando trabalhamos com strings e como eles nos podem ser muito úteis no nosso dia a dia como desenvolvedor. Vídeo iniciando com arrays ✅ ua-cam.com/video/cq93V8B1RuU/v-deo.html Hey, quer fazer uma lista de tarefas utilizando o JavaScript? ✅ ua-cam.com/v...
Avançando com Arrays no JavaScript
Переглядів 89Рік тому
#javascript 🔵 Avançando com Arrays no Javascript ▸ Se você ainda não domina arrays em JavaScript, espero começar a te ajudar a mudar isso! Os arrays, também conhecidos como vetores, são frequentemente utilizados por nós desenvolvedores e estão disponíveis em diversas linguagens de programação. Então pode ter certeza, você vai utilizar muito arrays, portanto saber manipulá-los é algo importantís...
Crie um jogo simples do zero no JavaScript
Переглядів 419Рік тому
Crie um jogo simples do zero no JavaScript
Laços de repetição - for, while, do while e forEach no JavaScript
Переглядів 4,9 тис.2 роки тому
Laços de repetição - for, while, do while e forEach no JavaScript
QuerySelector e QuerySelectorAll entendendo na prática e recuperando dados de páginas web
Переглядів 4472 роки тому
QuerySelector e QuerySelectorAll entendendo na prática e recuperando dados de páginas web
Utilizando Local Storage - Lista de tarefas HTML, CSS e JavaScript
Переглядів 2,8 тис.2 роки тому
Utilizando Local Storage - Lista de tarefas HTML, CSS e JavaScript
Utilizando Debugger - Lista de tarefas HTML, CSS e JavaScript
Переглядів 7042 роки тому
Utilizando Debugger - Lista de tarefas HTML, CSS e JavaScript
Parte 2/2 - Gerenciador de participantes BBB com Angular
Переглядів 1572 роки тому
Parte 2/2 - Gerenciador de participantes BBB com Angular
Parte 1/2 - Gerenciador de participantes BBB com Angular
Переглядів 1932 роки тому
Parte 1/2 - Gerenciador de participantes BBB com Angular
Parte 3/3 - Lista de tarefas com Angular
Переглядів 2132 роки тому
Parte 3/3 - Lista de tarefas com Angular
Parte 1/3 - Lista de tarefas com Angular
Переглядів 1,5 тис.2 роки тому
Parte 1/3 - Lista de tarefas com Angular
Parte 2/3 - Lista de tarefas com Angular
Переглядів 2842 роки тому
Parte 2/3 - Lista de tarefas com Angular
Que didática incrível, irmão! 👏
Cara, que vídeo fantástico! Parabéns pelo conteúdo!!!
Show demais. Tem como salvar as tarefas em local storage
Parabéns pelo conteudo, mt informativo
Ótima explicação, não deveria ter parado com os vídeos.
const numero = parseFloat(prompt(“Informe o número que quer ver a tabuada”)); for(let i = 1; i <=10; i++) { console.log(numero * i) }
otima aula!! ensina muito sobre organização de codigo e uso de debugger para entender o erro no seu codigo
Vlw obrigado preciso acabar um trabalho e preciso mostrar algo a mais ...
Muito bom! Por favor, trás mais conteúdos, :D
Que programa começa a programação amigo tou meio perdido pois estou começando nessa área
Muito bom, Douglas! +1 inscrito no canal, hahahahahah
Vc sabe como faço pra aplicar no Unbounce?
Aula TOp
Show
Top
Muito boa explicação!
Muito bom o conteúdo. Obrigadão.
Muito bom o video! Show! Mas estou com um problema, no meu caso adaptei o código para baixar um arquivo que tenho no meu servidor, o arquivo é renomeado da forma que deveria, porém ao baixar o arquivo tem 0 kbytes. Tem ideia do que pode estar ocorrendo?
Parabéns irmão pela didática, tinha uma dificuldade de entender a diferença entre while e for , não sabia quando usar qual , mas vc esclareceu de uma simples.
Ótimo video. Parabéns
eu fiz o passo a passo so que nao aparece no console
muuuito bem explicado
Excelente aula! Didática incrível, tudo muito bem explicado e exemplificado, uma aula completa.
Muito bem explicado, parabéns!
Funciona pra pdf ou so arquivo.json?
Olá professor, muitíssimo obrigado pelo conteúdo. Eu estou vendo a disponibilidade de fazer um projeto a um cliente. Ele precisa que o CEP, preencha os demais Campos: Rua, Bairro, Cidade e Estado. Também vai haverá validação de e-mail e CPF. Ele também precisará receber as informações do e-mail em formato PDF. Estou um pouco na dúvida de como realizar esse projeto, pós não sei em quanto tempo demoraria pra finalizar.
Oii, to assistindo essa aula 1 ano depois, no meu js, quando clico no array, ele tem mais algumas infos que no seu nao aparece, creio que por atualizacao. Esta como array.Foreach (element => { }); nao sei como preencher pra dar certo, pode me ajudar? Obrigada.
vlw pelo video, gostaria de saber como posso obter os dados de uma pagina que os carrega com javascript dinamico e assincrono?
Aulas muito boas parabens!
muito obrigado o/ @JallanBihppall
VOCE É UM GENIO, EU TENHO UM TRABALHO PRA ENTREGAR DAQ A 1 HORA E TU ME SALVOU PARABENS PELO CONTEUDO
e ai @icarocedraz4255, obrigado! Que bom que o conteúdo ajudou você!
Falae Douglas!!! Muito boa a sua aula professor! Ficarei aguardando o próximo video em que vc fará o refactor neste código! Vlw!
Suas aulas são ótimas!
Obrigado Biela!
Estou acompanhando o passo a passo do vídeo mais está dando um erro e eu já fiz e refiz linha a linha o erro esta a partir desse código aqui function adicionarTarefa(tarefa) { let li = criarTagLi(tarefa); listaTarefas.appendChild(li); inputNovaTarefa.value = ''; } function criarTagLi(tarefa){ let li = document.createElement('li') let span = document.createElement('span') span.classList.add('textoTarefa') span.innerHTML = tarefa.nome; let div = document.createElement('div') let btnEditar = document.createElement('button') btnEditar.classList.add('btnAcao') btnEditar.innerHTML = '<i class="fa fa-pencil"></i>' let btnExcluir = document.createElement('button') btnExcluir.classList.add('btnAcao') btnExcluir.innerHTML = '<i class="fa fa-trash"></i>' div.appendChild(btnEditar); div.appendChild(btnExcluir) li.appendChild(span) li.appendChild(div) } e o erro é o seguinte, a partir do momento que eu aperto ENTER ou o button para criar a nova tarefa e ela ser renderizada na tela da esse erro no console.log(' Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'. ') consegue me ajudar
Olá @kxven5254, consigo ajudar sim. Analisei o código e o que acontece é que dentro da função adicionarTarefa, na primeira linha " let li = criarTagLi(tarefa);" a função criarTagLi não está retornando nenhum valor, com isso a variável li fica com o valor undefined e ocorre o erro na linha abaixo no momento de fazer o appendChild. Para resolver esse problema na última linha da função criarTagLi, adicione: return li. as três últimas linhas da função criarTagLi ficam assim: li.appendChild(span) li.appendChild(div) return li; espero que tenha ajudado e bons estudos!
@@odouglasdev Muito obrigado pela ajuda, realmente esse era o erro, agora vou resolver outro por que ele cria mais o texto digitado no input não aparece no span, mais obrigado mesmo pela ajuda🙏
Já resolvi o erro e agora posso prosseguir com os vídeos, eu não percebi e o .value do inputNovaTarefa tinha outra função.
1:33 - como faz para selecionar os dois ao mesmo tempo pra trocar o ID?
control + D se voce aperta varias vezes seleciona todos os elementos se forem iguais
@@kxven5254 Obrigado amigo, Deus te abençoe!
boa!
onde eu encontro esse arquivo index.html ?
😂😂😂😂 eu com certeza sou uma anta é 0 quinto vídeo que assisto e não consigo entender AI MEU DEUS😂
Essa parte de funções pra quem está iniciando, é bem normal ter dificuldades. Inicialmente é crucial entender o básico, de como se declara uma função, como funciona os parâmetros, e funções com e sem retorno. Na descrição aqui desse vídeo tem dois vídeos do canal que explica essa parte inicial e mais avançada. Depois tente refazer esse exemplo do vídeo com calma e faça alterações também, vai ajudar na sua prática. Em resumo: callback é uma função passada por parâmetro, e pode ser executada dentro da função que a recebe, igual a função exibirResultado do vídeo. Logo logo aposto que tudo vai fazer sentido e esse conteúdo vai estar dominado o/ Bons estudos!
valeu irmão eu tenho fé que vou conseguir tive outras e conseguir. essa é só mais uma @@odouglasdev
Não está sozinha 😅
#sozinho, perdão
tmo junto
VOCê é muito bom irmão, eu façco curso no Alura cursos e sempre venho aqui buscar informções para complementar, mas você ensina muito melhor que muito melho que muitos!!!! Parabéns. Grande professor .
Que demais Gutierrez, obrigado! Fico feliz em poder contribuir um pouco com seus estudos!
Muito bom Douglas! Otima didática!
Obrigado 😃
ótimo conteúdo Douglas, obrigado por compartilhar 👍
Sou bem leigo. Estou quebrando a cabeça pra criar um conversor de TXT para XLSX, sendo que o usuário faz o upload do arquivo TXT e depois retorna o arquivo XLSX transformado. Seu vídeo foi o que mais se aproximou do que preciso. Sabe se é possível fazer isso em uma aplicação simples como essa do vídeo?
É possível sim, porém gerar um XLSX no browser pode ser bem mais trabalhoso caso opte por fazer do zero. Outra opção é estudar e utilizar um pacote npm como esse: www.npmjs.com/package/xlsx. Se a ideia for fazer algo sem utilizar algum pacote externo, para simplificar poderia pensar em gerar um arquivo CSV, que é algo mais simples e que vai conseguir abrir no Excel também.
Sensacional consegui finalizar este video sem nenhum erro, parabéns pela didatica! Vamos ao proximo!
que ótimo, é isso ai, bons estudos!
Parabéns!
Bom dia! já me convenceu! Obrigado!
Boa Noite! A primeira aula que senti prazer em aprender a programar, aula tranquila, vc tem boa didatica, sem rodeios, direto ao ponto, muito bom, continue assim.Obrigado!
Sensacional Josael, fico feliz em poder contribuir com seus estudos, sucesso!
Cara, muito bom! Finalmente consegui fazer meu projeto funcionar. Já estou inscrito, parece que tem muita coisa boa. Só uma coisa: não seria bom chamar um remove() no link após fazer o download, pra removê-lo do DOM?
Show de bola Douglas, obrigado pelo conteúdo, estou iniciando e foi de grande valor com certeza! Parabéns!!!
Obrigado Fabrício, bons estudos!
opa qual o nome dessa extensão que mostra o erro na linha?
Olá, a extensão se chama Error Lens. Aqui está o link: marketplace.visualstudio.com/items?itemName=usernamehw.errorlens
Douglas! Você nasceu para ensinar, essa com certeza é a sua missão na terra! Deus te conserve sempre assim! Parabéns!!!!!!!!
Top demais, tem como tu disponibilizar o arquivo jogo.js também?
Obrigado Silvio, claro, criei um link para o jogo.js contendo o código gist.githubusercontent.com/douglash93/88805f8308734f9ab34dc9732732fee9/raw/7787daa6f204df4e617115386513b4e47cfb83d7/jogo.js