Fale com a gente no WhatsApp Fale com a gente no WhatsApp
Fale com a gente no WhatsApp

JavaScript -  Aplicação de gerenciamento de tarefas integrada com API Projeto Prático JavaScript - Aplicação de gerenciamento de tarefas integrada com API

Aprenda como trabalhar com manipulação do DOM, objetos JavaScript e fazer conexão com uma API, através da criação de um projeto prático de To Do list

Curso com 05h04 de vídeos Categoria Desenvolvimento Front-end

Sobre o projeto

Compreender verdadeiramente uma linguagem de programação vai além da mera absorção teórica, a prática é essencial para consolidar esse conhecimento. É nesse contexto que criamos mais um projeto aqui na plataforma, utilizando JavaScript como ferramenta principal. Nesse projeto To Do list vamos aprender a trabalhar com manipulação do DOM, objetos JavaScript, fazer conexão com uma API, funções assíncronas e muito mais. E esse projeto não apenas oferece uma oportunidade para aplicar e aprimorar suas habilidades nessa linguagem tão amplamente empregada no mercado, mas também se revela como um valioso acréscimo ao seu portfólio, pronto para ser compartilhado e exibido em suas redes sociais.

Compreender verdadeiramente uma linguagem de programação vai além da mera absorção teórica, a prática é essencial para consolidar esse conhecimento. É nesse contexto que criamos mais um projeto aqui na plataforma, utilizando JavaScript como ferramenta principal. Nesse projeto To Do list vamos aprender a trabalhar com manipulação do DOM, objetos JavaScript, fazer conexão com uma API, funções assíncronas e muito mais. E esse projeto não apenas oferece uma oportunidade para aplicar e aprimorar suas habilidades nessa linguagem tão amplamente empregada no mercado, mas também se revela como um valioso acréscimo ao seu portfólio, pronto para ser compartilhado e exibido em suas redes sociais.

O que irá aprender?

Nesse projeto iremos trabalhar com JavaScript em toda parte lógica porém, dentre várias outras coisas, você aprenderá os tópicos abaixo

  • Manipulação do DOM;
  • Trabalhar com objetos JavaScript;
  • Obter dados de uma API;
  • JavaScript Módulos;
  • Funções assíncronas.

Para quem?

Esse curso é voltado a desenvolvedores que já conhecem os conceitos do JavaScript, mas ainda possuem dúvidas de como aplicá-los dentro de um projeto na prática e quer praticar o uso da linguagem.

Metodologia

  • Videoaulas
  • Texto e imagens
  • Início Imediato

Sobre o professor

Amauri Blanco Corrêa

Amauri Blanco Corrêa

Formado em Análise e Desenvolvimento de Sistemas pela Universidade Cruzeiro do Sul, uma pessoa extremamente curiosa e dedicada, ama tecnologia e sempre busca aprender e aperfeiçoar seus conhecimentos.

Atua há mais de 3 anos como desenvolvedor e instrutor Front-end. Eterno estudante do mundo da tecnologia.

Quais os pré-requisitos para esse curso?

Conteúdo programático

  1. Conhecendo o projeto e iniciando a sua estrutura

    Nessa aula vamos iniciar toda a estrutura do projeto, preparando ambiente, importando a fonte necessária e criando o HTML

    12 aulas
    • Apresentação do curso
    • O código-fonte deste projeto está no GitHub!
    • Conhecendo o projeto
    • Preparando ambiente e instalando Tw Dev Server
    • Adicionando font family
    • Criando o Header do projeto
    • Criando e estilizando o corpo do projeto
    • Adicionando títulos
    • Criando container dos cards
    • Criando estrutura dos cards
    • Estilizando card
    • Ajustando cor do status
  2. Iniciando com os scripts

    Nesta aula iniciaremos adicionando o JavaScript necessário para o funcionamento do projeto

    9 aulas
    • Iniciando com JavaScript
    • Iniciando evento de drag and drop
    • Finalizando evento de drag and drop
    • Recebendo dados da API
    • Apresentando dados
    • Ajustando função de renderização
    • Criando função para atualizar o status
    • Atualizando status a partir do drag and drop
    • Criando helper de requisições
  3. Adicionando novos itens

    Nessa aula iremos iniciar com toda a parte de novos itens

    8 aulas
    • Criando modal de novo item
    • Estilizando modal
    • Adicionando evento de abrir e fechar modal
    • Adicionando de criação de novo card
    • Fechando modal e listando card após criação
    • Ajustando scroll do container
    • Limpando cards container
    • Limpando campos de formulário
  4. Deletar item

    Nessa aula iremos implementar a lógica para que o usuário consiga deletar um item

    5 aulas
    • Criando função de deletar item
    • Criando modal de exclusão
    • Adicionando função para capturar o item a ser deletado
    • Deletando card
    • Testando evento de exclusão
  5. Finalizando o projeto

    Nessa nossa última aula vamos finalizar o projeto criando um snackbar para informar ao usuário de sucesso ou erro ao efetuar uma ação, também iremos adaptar nossa página para dispositivos mobile.

    3 aulas
    • Criando snackbar
    • Aplicando o snackbar nas funções
    • Finalizando projeto
Download da ementa

Utilizada e amada por milhares! Veja mais opiniões reais

  • Bom, já tinha um conhecimento em programação C#, resolvi fazer o básico só por fazer e me surpreendi, vi muitas coisas novas, entendi melhor vários conceitos, enfim, estou a caminho do intermediário e recomento é um ótimo curso.

    Depoimento - Roberto
    C# (C Sharp) Básico
    Roberto Itaquaquecetuba / SP
  • Ótimo curso para iniciação a linguagem de C#. Tive uma certa familiaridade pois já conhecia JAVA, sendo assim fez com que muitos conceitos acabaram sendo reforçados e fixados. Em relação aos vídeos as aulas são muito didáticas e dinâmicas, e isso é ótimo.

    Depoimento - Caio
    C# (C Sharp) Básico
    Caio São Gonçalo / RJ
  • Esse curso para mim foi um desafio que eu recebi na empresa que eu trabalho, me fizerem uma proposta para eu aprender e me certificar em C# .NET em 90 dias. Esse curso foi minha salvação! Agora vamos para o Intermediário e por fim o Avançado!!! Agradeço...

    Depoimento - David
    C# (C Sharp) Básico
    David Fortaleza / CE
  • Antes de começar o curso eu já possuía um conhecimento mediano sobre C# e mesmo no módulo básico vi funcionalidades que ainda não conhecia. Ótimos métodos de aprendizagem, simples e eficaz. Recomendado.

    Depoimento - Carlos
    C# (C Sharp) Básico
    Carlos Poços de Caldas / MG
  • Ótimo curso! Realmente bastante esclarecedor e didático. O conteúdo é bem completo, abrangendo diversos assuntos de forma dinâmica e complementar, o que ajuda, e muito, no aprendizado e na visão de aplicabilidade. Além de todo o ambiente e dos recursos disponíveis tornarem o estudo mais amigável e menos cansativo.

    Depoimento - Dimitrius
    C# (C Sharp) Básico
    Dimitrius Três Corações / MG
  • O curso TreinaWeb - C# Básico me serviu para abrir muitas portas e me dar conhecimento além do que eu já vi em sala de aula. Quero dizer também, que gostei muito da didática do curso, pois acho que a aprendizagem só fica 'redondinha' quando vimos a prática, logo após a teoria! Recomendei o curso e o site da TreinaWeb para todos os meus amigos e conhecidos... Estou aguardando ansiosamente para começar o curso C# Intermediário e espero que possa ter uma experiencia tão boa quanto eu tive neste curso!

    Depoimento - Rodrigo
    C# (C Sharp) Básico
    Rodrigo Presidente Prudente / SP
  • Gostei muito do curso, ele abriu minha mente para o Visual Studio e o C#, deixando bem claro os usos das ferramentas. Assim como me ajudou a revisar de forma bem pratica os principais conceitos de Programação Orientada a Objetos. Recomendo.

    Depoimento - William
    C# (C Sharp) Básico
    William Poços de Caldas / MG
  • Já fui e paguei caro por um curso de C# que não me instruiu em nada, pois não tinha o conhecimento básico. Aí arrisquei no TreinaWeb, pois sempre tive preconceito com cursos assim... a distancia. Sempre achei que presencial com uma pessoa ali do seu lado era a melhor forma... estava enganado... Ótimo curso, didática excelente. E vamos agora para o Intermediário. Vlw equipe do TreinaWeb

    Depoimento - Leonardo
    C# (C Sharp) Básico
    Leonardo Nilópolis / RJ
  • Curso Excelente, otimos professores, explicação muito boa...ja estou adquirindo o proximo curso c# avançado. Indico para qualquer um e garanto um dos melhores curso que ja fiz. Parabens a toda equipe.

    Depoimento - Fabrício
    C# (C Sharp) Básico
    Fabrício Cariacica / ES

Plano de acesso total!

Tenha um ano de acesso completo a todos os cursos da plataforma, incluindo novos lançamentos, mentoria de carreira e suporte direto com os professores!

Um ano de acesso completo

Contrate agora e tenha acesso ilimitado a todo o nosso portfólio. Isso inclui:

  • 1 ano de acesso a todos os cursos
  • Cursos novos toda semana
  • Suporte direto com professores
  • Aplicativos para Android e iOS
  • Plano de carreira personalizado
  • Certificados digitais inclusos
  • Suporte com SLA de 4 horas úteis
  • Acesso offline através dos apps
R$ 129,00 ECONOMIZE R$ 960,00
12x R$ 49,00 sem juros, no cartão de crédito
Matricule-se agora
Garantia incondicional de satisfação
Garantia incondicional de satisfação

Confiamos tanto nos resultados dos nossos cursos, que criamos uma garantia incondicional de satisfação para você, que são 7 dias de teste!