Projeto JavaScript para iniciantes - Aprenda como criar um To Do List com HTML, CSS e JavaScript

Подписаться 125 тыс.

Просмотров 38 тыс.

50% 1

Vou te ajudar com Programação: bit.ly/3TsEZ2O
Aprenda a fazer um todo list com JavaScript, HTML e CSS.
Faça esse projeto para adicionar ao seu portfólio e conseguir seu primeiro emprego como Programador.
Código e Imagens: github.com/rod...
Curso de HTML: www.youtube.co...
Curso de CSS: www.youtube.co...
Curso de JavaScript:www.youtube.co...
VsCode: • DOMINE O VSCODE E AUME...
💰 - Quanto ganha um programador?
• QUANTO GANHA UM PROGRA...
🚀- Aprenda a fazer um formulário simples com HTML + CSS e monetize isso
• QUANTO GANHA UM PROGRA...
Inscreva-se no Canal: bit.ly/3h1xtJ5
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
Meus Links 👇👇
🔥 Todos os meus Links: rodolfomori.co...
🔴 Live toda Terça: go.rodolfomori...
📸 Insta: @rodolfomorii / rodolfomorii
🚀 Receba Dicas de Programação: go.rodolfomori...
‎‍👥 Fale com nossa equipe: go.rodolfomori...
‎‍🎓 Meu curso de Programação: rodolfomori.co...
📚 E-book gratuito - Aprenda Programação do ZERO: go.rodolfomori...
Criei este canal para ajudar você que quer sair do ZERO, iniciar sua jornada e se tornar um programador!
Se já é um programador e quer evoluir na carreira de programação, também está no lugar certo, aqui você vai encontrar conteúdos relevantes que vão te ajudar!

Опубликовано:

4 окт 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 200

@canaldevclub Год назад

PARTICIPE DO EVENTO: go.rodolfomori.com.br/evento

@KaahAg 4 месяца назад

Eu to chocada na qualidade desse vídeo, você foi gigante em passar esse conteúdo detalhadamente. Parabéns!!

@canaldevclub 4 месяца назад

Obrigado!! Tmjj

@lawisefortunato4995 18 дней назад

Rodolfo, que cara incrível. a didática está impecável e você ta super bem atualizado, peguei muitas dicas legais que jamais havia visto em outras aulas com outras pessoas. Parabéns!

@canaldevclub 15 дней назад

Muito obrigado, fico feliz em saber, Tmj

@carolfreitas_devjr Год назад

Melhor tutorial de To Do List que já vi. Parabéns pela didática!!!

@canaldevclub Год назад

Valeu man!

@mateusgabriel7601 Месяц назад

Muito bom o video melhor didática que já vi

@canaldevclub Месяц назад

Valeu mano

@debrinha5647 Год назад

Esse vídeo me ajudou tanto que não faz nem ideia. Consegui ver na prática MUITAAAS coisas que já tinha visto na faculdade porém fiquei boiando, entendia os conceitos porém não conseguia visualizar como utilizar na prática. Além disso, foi o meu primeiro projeto com começo, meio e fim e estou muito feliz por ter conseguido, mesmo que seguindo seus passos!! Tentava criar algo do zero sozinha, mas sempre empacava. Parabéns pela didática e pelo projeto, foi o melhor ToDo List que eu já vi 🙏

@canaldevclub Год назад

Vamos pra cima, vai dar bom

@HonoratoSinistro 5 дней назад

Top muito obriga, sou de angola e adoro os teus conteudos...

@canaldevclub 2 дня назад

Ah muito obg

@jacksonrodrigues1090 Год назад

Sempre com uma didática impecável! sou fã demais!

@Rodskt 10 месяцев назад

Muito obrigado, gostei da metodologia, bem descomplicada! :) Aguardo mais tutoriais de aplicações como esta!!!

@matheusrocha8037 4 месяца назад

Um dos melhores vídeos que já vi aqui no RU-vid. Parabéns, pela didática e pela dedicação pra fazer um conteúdo tão bem feito. No seu canal tem algum vídeo ensinando como posso fazer pra deixar o site disponível para qualquer pessoa? Parabéns de novo! ganhou mais um inscrito!

@Jmarcia724 11 месяцев назад

Vídeo muito bommmm e prático, para quem não tem noção de certos conceitos com os exemplos e explicação dada consegue perceber a funcionalidade. 🙌🔥🔥 Melhor tutorial de to do list que já vi 👋👋👋👋

@canaldevclub 10 месяцев назад

Muitoo obrigado! Tmjj 🚀

@johnatanchagas8243 Год назад

Que aula meus amigos, muito boaaa, enxurrada de conteúdo JavaScript e com didática incrível! Parabéns prof. Rodolfo Mori

@canaldevclub Год назад

HAHHA TMJ

@rafaelflores5181 2 месяца назад

Muito bacana. Parabéns.

@canaldevclub 2 месяца назад

Tmjj

@gabmitnick7718 5 месяцев назад

Vídeo sensacional! Têm muita gente que ver a duração do vídeo e acaba não assistindo tudo, mas cara.. é tanta informação legal que você aprende, a princípio aprendi algo no JavaScript aqui que nem em cursos que fiz foi ensinado! Parabéns pelo conteúdo.

@canaldevclub 4 месяца назад

Fico feliz em saber, tmjjj

@JoséBarros-v6k 5 месяцев назад

Gostei muito. Assim é que se explica fácil de entender. Muito obrigado, um grande abraço de Portugal

@canaldevclub 5 месяцев назад

Valeuu, tmjj

@keliapriscila 9 месяцев назад

Boa tarde, tudo bem! Gostei bastante da aula e conseguir ir até o final. Muito obrigada pelo ensinamento! Que Deus te abençoe muito!

@canaldevclub 9 месяцев назад

Fico feliz em saber man! Tmjj

@rodrigoazevedo430 8 месяцев назад

Excelente aula, aprendi muito com sua aula, vou consegui fazer muita coisa com base nesse conhecimento, parabéns pela excelente didática!

@canaldevclub 8 месяцев назад

Fico feliz em saber man! Tmjjj

@joiltonbandgroupsantos8385 Год назад

que aula show de bola muito boa 👏👏👏👏👏👏didática maravilhosa bem explicada ! top ✍

@canaldevclub Год назад

Obrigado pelo elogio

@renatafreitas6174 10 месяцев назад

Rodrigo, conteúdo muito bom! Muito obrigada por compartilhar seu conhecimento. Entendi muita coisa com você! Parabéns pela didática.

@canaldevclub 10 месяцев назад

Valeu!! Tmj 🚀

@cryptosbrazil Год назад

Muito bem explicado, parabéns estou acompanhando

@canaldevclub Год назад

Valeu man!

@_lucasdecarvalho Год назад

Mano, essa aula explodiu minha mente, parabéns, ganhou mais um inscrito e um like 👏👏

@canaldevclub Год назад

Que bom que ajudou

@carlosfarias5386 Год назад

Fala meu querido, Rodolfo, Parabens pelo aulão, da primeira não consegui, mais dessa vez deu tudo certo

@nilsonsantos518 Год назад

Muito bom... parabéns professor.👏👏👏

@Sino12397 Год назад

Melhor video sobre to do list que ja vi até hj, parabéns pelo conteudo exelente! Aprendi muita coisa

@canaldevclub Год назад

Fico feliz em saber.. Obg

@StudyDev-if4mf 11 месяцев назад

Muito bom esse video, Rodolfo. Você é fera, Parabéns! Só gratidão pelo conteúdo.

@canaldevclub 10 месяцев назад

Gratidão

@gustavoevangelista-sy7vn 4 месяца назад

Ótima aula. Primeiro tutorial que consigo realmente seguir e fazer.

@canaldevclub 4 месяца назад

Fico feliz em saber, tmj

@pedrocfreitas Год назад

em nome de Jesus dessa vez quero entender.... já assisti 4 tutor de to do list e cada um faz um samba do piolho diferente. Eu já to endoidando tentando entender a lógica desse povo todo... E AGORA vamos lá pra mais esse tutor.

@canaldevclub Год назад

deu bom ?

@marsoliver6782 10 месяцев назад

show de bola! Demais mesmo! Valeu Rodolfão! 👍👍👍

@canaldevclub 10 месяцев назад

Tmjjj man

@jakenictor 5 месяцев назад

Incrível demais! Muito obrigado!

@canaldevclub 5 месяцев назад

Valeuu, tmjj

@emanuelgomes7939 10 месяцев назад

tive um professor num curso que eu fiz que ele possuía a melhor didática que eu já vi e encontrando teu canal hoje você me fez relembrar ele. Parabéns, mano!

@canaldevclub 10 месяцев назад

Obrigadoo man!!

@vitorpaes5439 Год назад

Parabéns pela didática! Aprendi muito nesse vídeo.

@canaldevclub Год назад

Valeu man

@iagooliveiramadara6931 Год назад

que vídeo incrível, vc é o melhor... fiz esse programa e implementei outras coisas tambem, muito obrigado.

@canaldevclub Год назад

Que bom que ajudou

@sergiodev8119 Год назад

@rodolfomori te admiro muito e lhe acompanho a algum tempo pois graças a você decidi mudar de carreira e venho aprendendo muito com suas lives Deus o abençoe sempre e um parabéns pra sua equipe que faz toda diferença

@canaldevclub Год назад

Valeu man

@hugolopes2318 26 дней назад

Sensacional aprendi bastante fixei muitas ideias vlws ❤

@canaldevclub 22 дня назад

Fico feliz em saber

@matheusfuriatto5925 4 месяца назад

adorei a didática !

@canaldevclub 4 месяца назад

Valeuu, tmjj

@tenditudo6455 7 месяцев назад

Algum tempo atrás assisti uns 2 videos seu e nao curti.... sempre pulava quando o youtube recomendava. E hoje iniciou automático esse video, E POSSO DIZER: QUE VIDEO PERFEITO. Parabéns ganhou um seguidor e um like. 🎉🎉

@canaldevclub 7 месяцев назад

Obrigado! Tmj

@SPFC-TRICOLOR633 8 месяцев назад

Excelente aula, muito bem explicado, parabéns!!!

@canaldevclub 8 месяцев назад

Valeuu, tmjj

@professorwagnerlobo1467 Год назад

Mestre… tu é muito bom. Muito. Sério. Assisti teu vídeo agora e nunca vi uma didática tão fod@. Parabéns, meu nobre! Você tem o dom. Digo isso porque sou professor há mais de 15 anos. Parabéns Mais um inscrito e seguidor

@canaldevclub Год назад

Opa, valeu Professor. Ganhei meu dia com seu comentário!

@trabalhoonline-cb9ll 2 месяца назад

Primeira aula que realmente consegui fazer e deu certo o codigo. Obg foi incrível!!!!

@canaldevclub 2 месяца назад

Boaaa! Tmj

@Everaldobass Год назад

Excelente conteúdo, obrigado por compartilhar.

@canaldevclub Год назад

Eu que agradeço

@adrianoborg Год назад

Parabéns, Foi uma aula muito Boa. Obrigado por compartilhar esse conhecimento.

@canaldevclub Год назад

Valeu man, fico feliz em ajudar

@joelson091 Год назад

Excelente explicação Fiz a aplicação do início ao fim, foi um grande aprendizado pra mim. Muito obrigado

@canaldevclub Год назад

Que bom que ajudou

@TioValler Год назад

Meu video favorito a partir de agora, obrigado meu querido !

@canaldevclub Год назад

Eu que agradeço HAHHA

@rogermaciel9076 Год назад

Muito bem explicado! Parabéns!

@canaldevclub Год назад

Obrigado 😃

@ProfJorgeNavarro 11 месяцев назад

Cara fui jogado para uma disciplina no final do ano nem sabia o que fazer com os alunos, teu video foi foda parabéns

@canaldevclub 11 месяцев назад

TMJ man!

@allanleite1986 10 месяцев назад

No futuro eu espero conseguir criar meus próprios projetos sozinho... Muita boa a aula! Parabéns!!!

@canaldevclub 10 месяцев назад

Booa man, vai conseguir sim. Bora pra cima 🚀

@RobertoTadeuBalilla Год назад

Consegui fazer!! Confesso que precisei de ajuda do suporte em determinado momento, mas valeu cada segundo essa aula!! Muito obrigado!

@wevertoncosta4883 Год назад

Adorei o resultado. Dicas valiosas nessa aula!!

@canaldevclub Год назад

Valeu José

@ivoabdoralgomesjunior9690 10 месяцев назад

Muito bem explanado. Parabéns!

@canaldevclub 10 месяцев назад

Obrigado man, tmjj

@JulioCesar-kp3sx Год назад

MUITO BOM CARA, PARABÉNS PELO CONTEÚDO !

@canaldevclub Год назад

Eu agradeço

@lukassauro Год назад

Amando esse vídeo, e essa música de fundo perfeita!! Amo estudar escutando lofi

@canaldevclub Год назад

Show man! TMJ

@trindade8314 11 месяцев назад

Aula sensacional Rodolfo, obrigado!

@canaldevclub 11 месяцев назад

Obrigado man, tmjj 🚀

@JanaTannus 10 месяцев назад

Muito boa didática!Parabéns!

@canaldevclub 10 месяцев назад

Valeuuu

@quizitocristiano1526 Год назад

Rodolfo você é um ótimo professor eu aprendi muitas coisas com você eu acho isso muito incrível

@canaldevclub Год назад

Muito Obrigado!

@leandrolemes3342 9 месяцев назад

muito bom, parabéns, ótima didática

@canaldevclub 9 месяцев назад

Obrigadoo man, tmjj

@vivianezzt Год назад

poxa que didática excelente!

@canaldevclub Год назад

Obrigado 😃

@camilamaximo1367 10 месяцев назад

MUITO BOM ! conteúdo massa.

@canaldevclub 10 месяцев назад

Valeuu!

@mayconrocha8723 4 месяца назад

Sensacional!

@canaldevclub 4 месяца назад

Valeuu, tmj

@marlonprogamation 7 месяцев назад

para adicionarem o Alerta de Tarefa Vazia, faça o seguinte. NA FUNÇÃO JÁ CRIADA (adicionarNovaTarefa), FAÇA AS SEGUINTES ALTERAÇÕES: function adicionarNovaTarefa(){ // Verificar se o campo de entrada está vazio if (input.value.trim() === ' ') { alert("Por favor, insira uma tarefa antes de adicionar!"); return; // Retorna para evitar adicionar uma tarefa vazia à lista } // Adicionar a nova tarefa à lista minhaListaDeItens.push({ tarefa: input.value, concluida: false }); input.value = ''; // Limpar o campo de entrada mostrarTarefas(); // Atualizar a exibição das tarefas na lista }

@gabrielssimao 10 месяцев назад

Graça a voce ja estou asquirindo mais conhecimento eu decidir me tornar um full stack pelo jeito escolhido certo a linguagem javascript eu desde pequeno mexo com pc estava endividar entre full stack ou desenvolvedor mobile

@canaldevclub 10 месяцев назад

Fico feliz em saber man, tmjjj

@josielmaia9762 Год назад

Vamos lá

@cleverssonhames1867 11 месяцев назад

Tutorial super clarooo e muito bacana

@canaldevclub 11 месяцев назад

Valeuu man, tmjj

@atrativapropaganda8183 Год назад

Professor, que top... Adorei o tutorial... Na verdade, oq eu estava atrás mesmo, era de uma forma de editar o cabeçalho e o rodapé do site uma única vez, e essa edição atualizar automáticamente em todas as páginas do site... Essa video aula me abriu muito a mente pra isso... Obg

@canaldevclub Год назад

Que bom que ajudou

@antoniocammartins 2 месяца назад

Consegui fazer tudo certo, mas vou assistir ao video mais umas veses. Obrigada

@canaldevclub 2 месяца назад

Booa

@josileychiara8964 Год назад

Show...que aplicação linda

@canaldevclub Год назад

Valeu Josi

@erlonbarbosasena121 Год назад

Fera demais parabens!

@canaldevclub Год назад

Valeu man

@Rafael11piraju Год назад

top demais vou participar do evento :D

@Talis080 Год назад

Parabéns! prof.Rodolfo pela explicação bem detalhada de cada linha de código e oque ela faz, aula bem didática e facil de aprender. Se possivel gostaria de ver esse mesmo projeto só que agora com React, desde já agradeço. Vlw!

@canaldevclub Год назад

Obrigado pelo elogio. Valeu man! Anotado a dica!

@gabrielangelo6891 Год назад

Você faz programação ficar fácil kkkk bom dmais seu conteúdo

@canaldevclub Год назад

Valeu Gabriel. TMJ

@erikacristina2864 Год назад

Rodolfo do céu, agora vi o quanto sou crua na programação. demorei pakas, isso porque estava seguindo o vídeo. JS deu uma bugada na minha mente. Mas como prometi para mim mesma, não vou desistir. Antes de ir para o módulo carreira, queria me aprofundar um pouco mais. Fazendo esses projetos dá pra praticar bem os conceitos. Valeu!

@canaldevclub Год назад

Essa semana ta chegando módulo novo de JS pra vcs s2

@raimundomartins7234 Год назад

muito bom ainda adicionei um if para o input não ir vazio e um contador de caracteres para limitar a quantidade para nao quebrar e o contador mostrando quantos caracteres foi digitado e quantos ainda falta show😀👍

@canaldevclub Год назад

Parabéns man...Gostei de ver

@Anotaaibobao Год назад

Que canal bommmm

@canaldevclub Год назад

Valeu man!

@andersonmp5415 10 месяцев назад

Esse código me deu um norte... estou usando e modificando kkkkk mudei o input pra textarea, mudei as imagens para ícones. O que eu quero fazer é colocar valores de orçamentos prontos para enviar por Whatsapp. Quando clicar, quero que copie, pra poder colar no Whatsapp. Seria interessante vc fazer um vídeo também como criar categorias.

@canaldevclub 10 месяцев назад

Anotado, vou fazer!

@williammartins4248 Месяц назад

top rodolfão

@canaldevclub Месяц назад

Valeu irmão!

@douglasalves9239 Год назад

top mano! Parabéns pelo video

@canaldevclub Год назад

valeu man

@verdadetalks Год назад

Mano, muito boa a aula, aprendi muito 😊

@canaldevclub Год назад

Boa man

@Mach4dao Год назад

Ficou é massa, peguei a referencia como faz e fiz o meu kkkkk ta ficando top

@canaldevclub Год назад

Opa, que top!

@rafaelalavarenga7043 Год назад

Achei o o maximo, consegui ir até o final, excelente ditatica, só me deixou com a pulga atras da orelha no final pra tirar o adicionar vazio rs

@canaldevclub Год назад

Que ótimo!

@kelver3158 Год назад

Top🎉

@welligthonpaluchowski 11 месяцев назад

muito bom

@igorluyz_ Год назад

Brabo demais!!!!

@Roquitos Год назад

Salve mestre, consegui fazer o desafio de adicionar um if para verificar se o input está vazio

@investindoemativos8690 4 месяца назад

Em busca de transição de carreira e voltar ao mercado de trabalho!

@canaldevclub 4 месяца назад

Booa, isso ai. Aproveita e ja se inscreve rodolfomori.typeform.com/devclub-espera

@Striker-ES 9 месяцев назад

top demais

@frangofrito9806 Год назад

Faz um projeto com orientação a objetos

@canaldevclub Год назад

Opa. anotado!

@arnobiomata 11 месяцев назад

excelente!!! Caso eu criasse outra lista de itens como faria pra poder clicar num item e conseguir arrastar pra mover para a outra lista ? tipo um quadro do trello

@canaldevclub 11 месяцев назад

Ai é mais complexo rsrs vou anotar pra fazer um vídeo sobre isso!

@carloseduardograh5951 5 месяцев назад

Estou começando agora e por causa de uma " eu fiquei 40 min mechendo no js pra conseguir fazer aparecer o verde do botao check kkkkkkk :(

@SuzianeCostadeSouza 11 месяцев назад

Oi Rodolfo, obrigada pelo tutorial do projeto. Muito didático! Mesmo sem saber de alguns assuntos consegui fazer. Funcionou. Entretanto, ao digitar qualquer coisa na caixa "o que tenho que fazer", ele só aparece UNDEFINED, não grava a opção escrita. Poderia dar um help? Não encontrei como poderia fazer...

@canaldevclub 11 месяцев назад

Oi, me chama no insta, me manda um print por favor!

@edilsonjunior2328 Год назад

Simplesmente a melhor To Do List que já vi, parabéns pelo conteúdo! Rodolfo, como seria para colocar um alert e impedir que uma tarefa seja adicionada, caso esteja vazia? Confesso que tentei, mas travei nessa parte rsrs...fazendo isso o App vai ficar completo!!! Próximo passo vou tentar criar um botão para reiniciar toda a listagem. Obrigado pelo conteúdo F#d@ :D

@canaldevclub Год назад

Vaaaleu man!

@victorhugomartins2193 Год назад

mano, muito obrigado, esse video ficou muito bom bem explicado passo a passo e com direito a coach motivacional... amei eu tava querendo fazer a mesma coisa so que com um BD, como eu faria isso? pra usar por exemplo como um site com dominio pra 2 ou 3 pessoas usarem em conjunto?

@canaldevclub Год назад

Eu que agradeço. Com um DB seria um pouco mais complicado, mas aqui no canal tem vídeos de MongoDB e Node que podem te ajudar!

@th0m4sk4v1 8 месяцев назад

Mano, assisti uma hora de video que pareceram 15 minutos de tão prazeroso que é assistir na pratica kkkkkkk

@canaldevclub 8 месяцев назад

Fico feliz em saber man!! Tmjj

@codigodeev Год назад

Top

@Thiago-v5e Месяц назад

algeuem sabe onde estao as imagem

@M4rtim_Gamer Год назад

ta incrivel mas como eu fasso as minhas tarefas aparecerem para todo mundo

@gustavonery_ 11 месяцев назад

Banco de dados

@fabiolindeza17 9 месяцев назад

Rodolfo, tenho uma pergunta, no meu computador com o liveserver funciona tudo bem tudo perfeito. Quando dou up para o meu hosting e tento pôr a funcionar via internet já não funciona. Alguma ajuda por favor? Obrigado