Curso de JQuery Completo

Curso de

JQuery Completo

Aprenda a diferença entre API, Framework e Biblioteca, saiba navegar pelos elementos do DOM e como utilizar o jQuery em suas aplicações.

VEJA UMA AULA DE EXEMPLO

6x R$ 24,98

R$ 149,90 à vista

  • 32h

    Curso com certificado de 32 horas

  • Escolha o dispositivo que preferir PC, Tablet ou Smartphone.

  • Satisfação garantida ou seu dinheiro de volta!

Adquira este curso de forma avulsa

Informações sobre o curso

Sobre o curso

O jQuery é uma biblioteca poderosa que simplifica várias funções do JavaScript, adiciona novas funcionalidades e lida com problemas existentes entre diferentes navegadores.

Sem muita dificuldade é possível selecionar elementos no documento, manipular eventos ou criar animações e efeitos. Mas não pense que o jQuery se restringe somente a estes assuntos.

Por facilitar o desenvolvimento, o jQuery se tornou a biblioteca JavaScript mais usada de todos os tempos, e ainda ocupa esse lugar, mesmo com o JavaScript e outros frameworks possuindo várias das suas funcionalidades. Por isso ele é amplamente utilizado no desenvolvimento de sites e aplicações, sendo a principal escolha até de quem não é programador.

No curso será mostrado como você pode tirar o máximo do jQuery.

Conhecimentos adquiridos

Neste curso abordaremos tudo o que você precisa para aprender como o jQuery funciona. São vídeo aulas e apostilas que mostram os recursos deste framework. Também serão passados exercícios e exemplos para que você possa fixar, praticar e aplicar o conteúdo aprendido no seu dia a dia.

Dentre várias outras coisas, você irá aprender:

- Como a função jQuery() e seu atalho $() funcionam;

- Os tipos de seletores de elementos;

- Como modificar o DOM, classes CSS ou atributos dos elementos;

- Aplicar animações e efeitos;

- Trabalhar com eventos;

- Usar o método ajax();

- Usar e criar Plugins;

- E verá um projeto para fixar o aprendizado.

Para quem é esse curso?

Esse curso é destinado a estudantes e/ou desenvolvedores que já possuem conhecimento de JavaScript e querem otimizar suas aplicações, fazendo uso de uma biblioteca que facilita e acelera o desenvolvimento.

Quais os pré-requisitos para esse curso?

Os pré-requisitos não são obrigatórios, são apenas sugestões. Eles dão uma base de parte do conhecimento que é interessante ter para um bom aproveitamento nesse curso.

  1. Lógica Orientada a Objetos Completo
  2. JavaScript Básico
  3. JavaScript Intermediário
  4. JavaScript Avançado
  5. Google Chrome Developer Tools

Carga horária do curso

2h27

Curso com 2h27 horas de vídeos

32h

Curso com certificado de 32 horas

21

Curso com 21 exercícios de fixação

Ambiente do curso

  • Sublime Text 3.0.0 ou superior
  • Google Chrome
  • jQuery 3.2.1 ou superior
  • Node.js 8.1.2 ou superior

Metodologia

  • Vídeo-aulas
  • Texto e imagens
  • Início imediato
  • Exemplos práticos
  • Testes de aprendizado

Satisfação garantida ou seu dinheiro de volta!

Adquira este curso agora mesmo

Conteúdo programático Baixar esta ementa

1 - Conhecendo o jQuery

  1. Códigos, imagens, diagramas etc.

    O que é?
  2. Códigos, imagens, diagramas etc.

    API, Biblioteca e Framework
  3. Códigos, imagens, diagramas etc.

    Vantagens
  4. Códigos, imagens, diagramas etc.

    Quem Usa?
  5. Códigos, imagens, diagramas etc.

    Quando Usar?
  6. Códigos, imagens, diagramas etc.

    Site e Documentação
  7. 3 desafios.

    Exercícios

2 - Começando com o jQuery

  1. Códigos, imagens, diagramas etc.

    JSFiddle - Ambiente Online Visualizar
  2. Vídeoaula com duração de: 00:02:37

    Escrevendo código em um ambiente online Visualizar
  3. Códigos, imagens, diagramas etc.

    Inserindo o jQuery em nossa página
  4. Vídeoaula com duração de: 00:03:49

    Incluindo o jQuery em nossa página Visualizar
  5. Códigos, imagens, diagramas etc.

    O Primeiro Código
  6. Vídeoaula com duração de: 00:04:50

    Nosso primeiro código com jQuery Visualizar
  7. Códigos, imagens, diagramas etc.

    Ready? GO!
  8. Códigos, imagens, diagramas etc.

    $() e jQuery()
  9. Vídeoaula com duração de: 00:01:29

    Abrindo as Ferramentas de Desenvolvedor
  10. Códigos, imagens, diagramas etc.

    Inspecionador de Elementos e Console

3 - Seleção de Elementos

  1. Códigos, imagens, diagramas etc.

    O que é DOM? Visualizar
  2. Códigos, imagens, diagramas etc.

    Os Seletores de Elementos Visualizar
  3. Códigos, imagens, diagramas etc.

    Armazenando Elementos e Encadeando Métodos
  4. Vídeoaula com duração de: 00:05:52

    Selecionando Elementos e Encadeando Funções Visualizar
  5. Códigos, imagens, diagramas etc.

    Funções Auxiliares para Seleção de Elementos
  6. Vídeoaula com duração de: 00:09:56

    Filtrando Elementos
  7. Códigos, imagens, diagramas etc.

    Selecionando Irmãos
  8. Vídeoaula com duração de: 00:05:18

    Trabalhando com Elementos Irmãos
  9. Códigos, imagens, diagramas etc.

    Pais e Filhos
  10. Vídeoaula com duração de: 00:06:46

    Trabalhando com Pais e Filhos
  11. 3 desafios.

    Exercícios

4 - Manipulando Elementos

  1. Códigos, imagens, diagramas etc.

    Manipulação de Elementos com jQuery
  2. Códigos, imagens, diagramas etc.

    Atributos vs Propriedades
  3. Códigos, imagens, diagramas etc.

    Alterando Atributos e Propriedades
  4. Vídeoaula com duração de: 00:02:56

    Modificando Atributos e Propriedades
  5. Códigos, imagens, diagramas etc.

    Trabalhando com o conteúdo dos Elementos
  6. Vídeoaula com duração de: 00:03:17

    Alterando o conteúdo dos elementos
  7. Códigos, imagens, diagramas etc.

    Criando Elementos
  8. Vídeoaula com duração de: 00:04:38

    Criando Novos Elementos
  9. Códigos, imagens, diagramas etc.

    Novos Elementos Filhos
  10. Vídeoaula com duração de: 00:04:21

    Criando Elementos Filhos
  11. Códigos, imagens, diagramas etc.

    Novos Elementos Irmãos
  12. Vídeoaula com duração de: 00:02:30

    Criando Elementos Irmãos
  13. Códigos, imagens, diagramas etc.

    Novos Elementos Pais
  14. Vídeoaula com duração de: 00:04:52

    Criando Elementos Pais
  15. Códigos, imagens, diagramas etc.

    Removendo Elementos
  16. Vídeoaula com duração de: 00:02:51

    Removendo Elementos
  17. Códigos, imagens, diagramas etc.

    Substituindo Elementos
  18. Vídeoaula com duração de: 00:02:29

    Substituindo e Clonando Elementos
  19. Códigos, imagens, diagramas etc.

    Clonando Elementos
  20. 3 desafios.

    Exercícios

5 - Eventos

  1. Códigos, imagens, diagramas etc.

    O que são Eventos?
  2. Vídeoaula com duração de: 00:06:05

    Trabalhando com Eventos
  3. Códigos, imagens, diagramas etc.

    Navegador
  4. Códigos, imagens, diagramas etc.

    Formulário
  5. Códigos, imagens, diagramas etc.

    Teclado
  6. Códigos, imagens, diagramas etc.

    Mouse
  7. Códigos, imagens, diagramas etc.

    Anexando Eventos
  8. Códigos, imagens, diagramas etc.

    Namespaces
  9. Códigos, imagens, diagramas etc.

    Conhecendo o Objeto Event
  10. Códigos, imagens, diagramas etc.

    Simulando Eventos
  11. Vídeoaula com duração de: 00:03:17

    Fazendo Simulação de Eventos
  12. 3 desafios.

    Exercícios

6 - Efeitos e Animações

  1. Códigos, imagens, diagramas etc.

    Trabalhando com Efeitos e Animações Visualizar
  2. Códigos, imagens, diagramas etc.

    Estilizando Elementos
  3. Vídeoaula com duração de: 00:04:44

    Alterando o estilo e as classes dos elementos
  4. Códigos, imagens, diagramas etc.

    Trabalhando com Classes CSS
  5. Códigos, imagens, diagramas etc.

    Dimensões dos Elementos
  6. Códigos, imagens, diagramas etc.

    Funções Básicas
  7. Vídeoaula com duração de: 00:03:43

    Funções de Animação Visualizar
  8. Códigos, imagens, diagramas etc.

    Fading
  9. Códigos, imagens, diagramas etc.

    Sliding
  10. Vídeoaula com duração de: 00:10:30

    Criando Animações
  11. Códigos, imagens, diagramas etc.

    Customizando Animações
  12. 3 desafios.

    Exercícios

7 - Utilidades

  1. Códigos, imagens, diagramas etc.

    contains()
  2. Códigos, imagens, diagramas etc.

    each() e map()
  3. Códigos, imagens, diagramas etc.

    merge()
  4. Códigos, imagens, diagramas etc.

    trim()
  5. Códigos, imagens, diagramas etc.

    data() e removeData()
  6. Códigos, imagens, diagramas etc.

    extend()

8 - Requisições AJAX

  1. Códigos, imagens, diagramas etc.

    O que é AJAX?
  2. Códigos, imagens, diagramas etc.

    O Antigo Objeto XHR
  3. Códigos, imagens, diagramas etc.

    A função “ajax()”
  4. Vídeoaula com duração de: 00:05:53

    Fazendo Requisições AJAX
  5. Códigos, imagens, diagramas etc.

    Configurando Requisições
  6. Códigos, imagens, diagramas etc.

    Elementos reagindo ao Ajax
  7. Vídeoaula com duração de: 00:03:17

    Anexando Eventos de AJAX em Elementos
  8. 3 desafios.

    Exercícios

9 - Plugins

  1. Códigos, imagens, diagramas etc.

    O que são Plugins?
  2. Códigos, imagens, diagramas etc.

    Procurando por Plugins
  3. Códigos, imagens, diagramas etc.

    Usando Plugins
  4. Códigos, imagens, diagramas etc.

    Criando Plugins
  5. Vídeoaula com duração de: 00:06:36

    Criando nosso próprio Plugin
  6. 3 desafios.

    Exercícios

10 - Projeto

  1. Códigos, imagens, diagramas etc.

    Preparando o Ambiente
  2. Vídeoaula com duração de: 00:22:11

    Começando um projeto com JavaScript Puro
  3. Vídeoaula com duração de: 00:12:51

    Simplificando nosso código com jQuery

11 - Conclusão

  1. Depoimento / Brinde

Adquira este curso agora mesmo

Vantagens de estudar no Treinaweb

Início imediato! Não é necessário aguardar a formação de turmas.

Defina o horário que quiser e estude de onde estiver.

Após o curso, você ainda tem 2 anos para revisar o conteúdo.

Assim que finalizar, receba o certificado em casa, sem custo adicional.

Escolha o dispositivo que preferir: PC, Tablet ou Smartphone.

Se surgir alguma dúvida, basta perguntar aos nossos instrutores.

Satisfação garantida ou seu dinheiro de volta.

32h

Curso com certificado de 32 horas

O que os alunos dizem?

O curso é show de bola.. Muito completo! Muito bem elaborado! O vídeos são bem gravados, bem explicativos, com ótima qualidade de vídeo e áudio. Parabéns ao pessoal da Treinaweb. Farei novos cursos. obrigado e abraço a todos... Fábio

Adquira este curso de forma avulsa

Curso de JQuery Completo

JQuery Completo

6x R$ 24,98

R$ 149,90 à vista

ou acesse todos os cursos com um dos nossos planos de acesso total

20% OFF
1 ano
De 12x R$99
12x 79 reais
ou por R$ 948,00 à vista
  • 1 ano de acesso a todos os cursos
  • Cursos novos toda semana
  • Certificados digitais
  • Suporte com SLA de 4 horas úteis
    Suporte exclusivo, feito diretamente por nossos professores. SLA = Tempo médio para resposta.
  • Lançamentos e atualizações
  • Plano de estudos individual
    Plano de estudos desenvolvido junto a um professor orientador
Matricule-se
20% OFF
3 anos
De 12x R$199
12x 159 reais
ou por R$ 1.908,00 à vista
  • 3 anos de acesso a todos os cursos
  • Cursos novos toda semana
  • Certificados digitais
  • Suporte com SLA de 4 horas úteis
    Suporte exclusivo, feito diretamente por nossos professores. SLA = Tempo médio para resposta.
  • Lançamentos e atualizações
  • Plano de estudos individual
    Plano de estudos desenvolvido junto a um professor orientador
Matricule-se
20% OFF
5 anos
De 12x R$249
12x 199 reais
ou por R$ 2.388,00 à vista
  • 5 anos de acesso a todos os cursos
  • Cursos novos toda semana
  • Certificados digitais
  • Suporte com SLA de 4 horas úteis
    Suporte exclusivo, feito diretamente por nossos professores. SLA = Tempo médio para resposta.
  • Lançamentos e atualizações
  • Plano de estudos individual
    Plano de estudos desenvolvido junto a um professor orientador
Matricule-se

Cursos relacionados