Ainda não tem acesso? Estude com a gente! Matricule-se
Ainda não tem acesso? Estude com a gente! Matricule-se

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

Nota

8.8

Nível

Intermediário

Última atualização

08/08/2017

Carga horária

12h

Iniciar Curso
Concluir Favoritar

Pré-requisitos:

Carreiras com esse curso:

Instrutores

  • instructor Guilherme Silveira

    Head de educação e fundador da Alura e Caelum. Participou dos mundiais de programação no Japão e Canadá. Faixa vermelha em taekwondo. Adora poomsae.

  • instructor Maurício Aniche

    Doutor em engenharia de software pela USP. Um dos idealizadores do Alura e atualmente pesquisador pela Delft University of Technology na Holanda. Pode ser encontrado em clubes de dança de salão.

Veja as últimas novidades do curso Veja as perguntas frequentes Fórum do curso

Conteúdo detalhado:

  1. Selecionando e manipulando elementos

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

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

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

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

    1. Criando um segundo carrinho
    2. Quando usar id e quando usar classe
    3. Auto acoplamento com a view
    4. Navegando com seletores baseados em elementos
    5. Laços com each
  2. Mais seletores

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

    1. Dando destaque aos produtos
    2. Evento de hover
    3. Alterando atributos de css
    4. Atributo de css ou classe?
    5. Eventos específicos
  4. Toggles e animações

    1. Mostrando e escondendo as propagandas
    2. Mostrando e escondendo com fadeIn e fadeOut
    3. Alterando visualização com toggle
    4. Alterando visualização com fadeToggle
    5. Usando classes para evitar duplicar código