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

[@canaldevclub]

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

[@carolfreitas_devjr]

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

[@canaldevclub]

Valeu man!

[@lawisefortunato4995]

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]

Muito obrigado, fico feliz em saber, Tmj

[@marlonprogamation]

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 }

[@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

[@LucasVinicius-p6y]

conseguiu evoluir? estou também da mesma maneira, sei como tudo funciona, mas n pratica não saio do lugar kkk

[@debrinha5647]

@@LucasVinicius-p6y consegui sim, mas só pondo a mão na massa mesmo kkkkk via muito vídeos sobre, assistia aulas.. mas logo já esquecia tudo Na prática, eu ia errando até aprender. O que me ajudou muito é criar um design prévio no Canva e depois tentar programar pra deixar igual. Ter um design pré estabelecido fez com que eu não desistisse até deixar pelo menos parecido kkkk sem um projeto prévio eu desistia fácil quando dava tudo errado ou ficava algo "feio"

[@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 ?

[@jacksonrodrigues1090]

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

[@devgustavotinti]

Que aula espetacular Rodolfo, meus parabéns 👏👏👏

[@tenditudo6455]

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]

Obrigado! Tmj

[@KaahAg]

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

[@canaldevclub]

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

[@StudyDev-if4mf]

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

[@canaldevclub]

Gratidão

[@marciabuienga]

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]

Muitoo obrigado! Tmjj 🚀

[@matheusrocha8037]

Um dos melhores vídeos que já vi aqui no KZbin. 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!

[@gabmitnick7718]

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]

Fico feliz em saber, tmjjj

[@renatafreitas6174]

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

[@canaldevclub]

Valeu!! Tmj 🚀

[@joiltonbandgroupsantos8385]

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

[@canaldevclub]

Obrigado pelo elogio

[@keliapriscila]

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]

Fico feliz em saber man! Tmjj

[@cryptosbrazil]

Muito bem explicado, parabéns estou acompanhando

[@canaldevclub]

Valeu man!

[@franciscoguerreiro6612]

Muita informação foi excelente, mas eu estando muito no principio fiquei muito trocado, com mais um tempo chegarei la, parabens

[@_lucasdecarvalho]

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

[@canaldevclub]

Que bom que ajudou

[@rodrigoazevedo430]

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

[@canaldevclub]

Fico feliz em saber man! Tmjjj

[@marsoliver6782]

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

[@canaldevclub]

Tmjjj man

[@nilsonsantos518]

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

[@iagooliveiramadara6931]

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

[@canaldevclub]

Que bom que ajudou

[@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

[@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

[@carlosfarias5386]

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

[@emanuelgomes7939]

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]

Obrigadoo man!!

[@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

[@RobertoTadeuBalilla]

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

[@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!

[@JoséBarros-v6k]

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

[@canaldevclub]

Valeuu, tmjj

[@ProfJorgeNavarro]

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]

TMJ man!

[@trabalhoonline-cb9ll]

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

[@canaldevclub]

Boaaa! Tmj

[@mateusgabriel7601]

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

[@canaldevclub]

Valeu mano

[@jakenictor]

Incrível demais! Muito obrigado!

[@canaldevclub]

Valeuu, tmjj

[@gustavoevangelista-sy7vn]

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

[@canaldevclub]

Fico feliz em saber, tmj

[@wevertoncosta4883]

Adorei o resultado. Dicas valiosas nessa aula!!

[@canaldevclub]

Valeu José

[@vitorpaes5439]

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

[@canaldevclub]

Valeu man

[@rafaelflores5181]

Muito bacana. Parabéns.

[@canaldevclub]

Tmjj

[@TioValler]

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

[@canaldevclub]

Eu que agradeço HAHHA

[@ivoabdoralgomesjunior9690]

Muito bem explanado. Parabéns!

[@canaldevclub]

Obrigado man, tmjj

[@adrianapenas9690]

Muito boa aula, vlw Rodolfo! Sucesso na sua vida

[@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

[@SPFC-TRICOLOR633]

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

[@canaldevclub]

Valeuu, tmjj

[@JulioCesar-kp3sx]

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

[@canaldevclub]

Eu agradeço

[@allanleite1986]

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

[@canaldevclub]

Booa man, vai conseguir sim. Bora pra cima 🚀

[@lukassauro]

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

[@canaldevclub]

Show man! TMJ

[@leandrolemes3342]

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

[@canaldevclub]

Obrigadoo man, tmjj

[@HonoratoSinistro]

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

[@canaldevclub]

Ah muito obg

[@rogermaciel9076]

Muito bem explicado! Parabéns!

[@canaldevclub]

Obrigado 😃

[@jeannpaulo]

Ótimo vídeo, so faltou dizer que ali no 'novaLI', ao construir strings que contêm múltiplas linhas tem que usar a CRASE. e nao aspas.

[@trindade8314]

Aula sensacional Rodolfo, obrigado!

[@canaldevclub]

Obrigado man, tmjj 🚀

[@quizitocristiano1526]

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

[@canaldevclub]

Muito Obrigado!

[@hugolopes2318]

Sensacional aprendi bastante fixei muitas ideias vlws ❤

[@canaldevclub]

Fico feliz em saber

[@matheusfuriatto5925]

adorei a didática !

[@canaldevclub]

Valeuu, tmjj

[@JanaTannus]

Muito boa didática!Parabéns!

[@canaldevclub]

Valeuuu

[@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

[@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

[@camilamaximo1367]

MUITO BOM ! conteúdo massa.

[@canaldevclub]

Valeuu!

[@gabrielssimao]

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]

Fico feliz em saber man, tmjjj

[@antoniocammartins]

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

[@canaldevclub]

Booa

[@vivianezzt]

poxa que didática excelente!

[@canaldevclub]

Obrigado 😃

[@cleverssonhames1867]

Tutorial super clarooo e muito bacana

[@canaldevclub]

Valeuu man, tmjj

[@josielmaia9762]

Vamos lá

[@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!

[@Rafael11piraju]

top demais vou participar do evento :D

[@andersonmp5415]

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]

Anotado, vou fazer!

[@mayconrocha8723]

Sensacional!

[@canaldevclub]

Valeuu, tmj

[@josileychiara8964]

Show...que aplicação linda

[@canaldevclub]

Valeu Josi

[@gabrielangelo6891]

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

[@canaldevclub]

Valeu Gabriel. TMJ

[@erloneciacomputadores]

Fera demais parabens!

[@canaldevclub]

Valeu man

[@Rodskt]

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

[@Anotaaibobao]

Que canal bommmm

[@canaldevclub]

Valeu man!

[@Azevedo.comenta]

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!

[@douglasalves9239]

top mano! Parabéns pelo video

[@canaldevclub]

valeu man

[@fabiolindeza]

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

[@will1555]

Seria bom se você disser o que não funciona, tipo, se o programa nem abre, se não funciona só o armazenamento no localstorage, etc.

[@kelver3158]

Top🎉

[@arnobiomata]

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]

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

[@igorluyz_]

Brabo demais!!!!

[@SuzianeCostadeSouza]

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]

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

[@Striker-ES]

top demais

[@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!

[@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!

[@williammartins4248]

top rodolfão

[@canaldevclub]

Valeu irmão!

[@Roquitos]

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

[@vitones-09]

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!

[@eullerdiniz8597]

E aprender lógica de programação é uma boa ideia?

[@canaldevclub]

Com certeza. Inclusive tem vídeo no canal ajudando com isso!

[@investindoemativos8690]

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

[@canaldevclub]

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

[@th0m4sk4v1]

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

[@canaldevclub]

Fico feliz em saber man!! Tmjj

[@codigodeev]

Top

[@sergiodev8119]

top como sempre mas tenho uma duvida e no responsivo eu tenho que refazer no midia

[@canaldevclub]

Isso, no media. Aqui no canal tem um vídeo ensinando a fazer resposivo!

[@frangofrito9806]

Faz um projeto com orientação a objetos

[@canaldevclub]

Opa. anotado!

[@takecerto.oficial]

muito bom

[@LeagueWith8820]

Fala irmão tranquilo ? o projeto deu quase tudo certo aqui, as imagens de concluir tarefa e deleta tarefa não carregam vc poderia me ajudar ?

[@canaldevclub]

O que está dando ai ?

[@LeagueWith8820]

@@canaldevclub olá man, quando eu subir os site as minhas imagens começaram a não carregar(em especifico as img da validação da tarefa comcluida e a de excluir.

[@Thiago-v5e]

algeuem sabe onde estao as imagem