Curso de jQuery: Manipulação dinâmica de conteúdo

6.776

Alunos neste curso

Faça esse curso e...

  • Modifique o DOM de maneira simples e elegante
  • Seletores de classe e id
  • Navegue entre os itens do DOM
  • Crie destaques através de animações

Conteúdo Detalhado

  1. Selecionando e manipulando elementos

    • Seletores de classe e id
    • Elemento único e array
    • Extraindo o conteúdo de um elemento: .text
    • Alterando o conteúdo de um elemento
    • Técnicas para alteração de valores na página
    • Executando código ao carregar a página
  2. Removendo itens e navegação em elementos

    • Executando funções no evento de clique
    • Evitando executar o comportamento padrão (preventDefault)
    • Navegando com parent
    • O auto acoplamento do parent
    • Seletor de tag
    • Navegando com closest
    • Removendo elementos
  3. Atualizando o preço na remoção

    • Navegando com prev
    • Auto acoplamento do prev
    • Navegando com siblings e find
  4. Extensões do CSS selector do jQuery

    • Implementando o undo
    • Escondendo elementos com hide
    • Extensões de seletores (hidden e visible)
    • Adicionando e removendo classes com addClass
    • Mostrando elementos com show
  5. Dois carrinhos, dois problemas: ids e classes

    • Criando um segundo carrinho
    • Quando usar id e quando usar classe
    • Auto acoplamento com a view
    • Navegando com seletores baseados em elementos
    • Laços com each
  6. Mais seletores

    • Seletores de cada n linhas (nth-child)
    • Elementos específicos (first e last)
    • Criando e adicionando tags com append
    • O problema da concatenação
    • O insertAfter
    • Atribuindo valores a atributos com attr
  7. Animações simples e eventos

    • Dando destaque aos produtos
    • Evento de hover
    • Alterando atributos de css
    • Atributo de css ou classe?
    • Eventos específicos
  8. Toggles e animações

    • Mostrando e escondendo as propagandas
    • Mostrando e escondendo com fadeIn e fadeOut
    • Alterando visualização com toggle
    • Alterando visualização com fadeToggle
    • Usando classes para evitar duplicar código

Veja o primeiro vídeo

Cursos relacionados

Cursos de jQuery em Front-end

Público alvo

Desenvolvedores que já conheçam o básico de javascript e jQuery

Nível de Dificuldade

Intermediário

Já é aluno?

Começar o Curso

Experiências de quem já estudou com a gente

Pietro Soares

em 29/12/2015

Muito bom, o instrutor explica bem cada passo.

jQuery: Manipulação dinâmica de conteúdo

Caique

em 30/12/2015

Ótimo curso, muito bem explicado.

jQuery: Manipulação dinâmica de conteúdo

Rodrigo da

em 28/12/2015

As explicações são sempre um um ótimo modo de exemplificar a documentação, bom sempre ver casos de uso real para estarmos preparados para os desafios que enfrentaremos no mercado de trabalho

jQuery: Manipulação dinâmica de conteúdo

Sabe quando você pode começar? Agora!

  • 844 cursos

    Cursos de programação, design, UX, agilidade, transformação digital, mobile, front-end, infraestrutura e mais.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • Todas as formações

    Guias de estudo completo para você iniciar em uma nova área de tecnologia

  • Projeto avaliado pelos instrutores

    Projeto práticos para entrega e avaliação dos professores da Alura com certificado de aprovação diferenciado

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

Premium

  • 844 cursos

    Cursos de programação, design, UX, agilidade, transformação digital, mobile, front-end, infraestrutura e mais.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • Todas as formações

    Guias de estudo completo para você iniciar em uma nova área de tecnologia

  • Projeto avaliado pelos instrutores

    Projeto práticos para entrega e avaliação dos professores da Alura com certificado de aprovação diferenciado

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

12X
R$75
à vista R$900
Matricule-se

Premium Plus

  • 844 cursos

    Cursos de programação, design, UX, agilidade, transformação digital, mobile, front-end, infraestrutura e mais.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • Todas as formações

    Guias de estudo completo para você iniciar em uma nova área de tecnologia

  • Projeto avaliado pelos instrutores

    Projeto práticos para entrega e avaliação dos professores da Alura com certificado de aprovação diferenciado

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

12X
R$100
à vista R$1.200
Matricule-se

Max

  • 844 cursos

    Cursos de programação, design, UX, agilidade, transformação digital, mobile, front-end, infraestrutura e mais.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • Todas as formações

    Guias de estudo completo para você iniciar em uma nova área de tecnologia

  • Projeto avaliado pelos instrutores

    Projeto práticos para entrega e avaliação dos professores da Alura com certificado de aprovação diferenciado

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

12X
R$120
à vista R$1.440
Matricule-se
Acesso por 1 ano
Estude 24h/dia onde e quando quiser
Novos cursos toda semana