Curso Online de JQuery - Completo

Neste curso você recapitulará o básico do JavaScript, a diferença entre API, Framework e Biblioteca, aprenderá a navegar pelos elementos do DOM e a incluir o jQuery em suas aplicações.

Por apenas:

10x de R$ 14,99

sem juros no cartão ou R$ 149,90 à vista

Adicionar ao carrinho

Ao final do curso, receba o certificado impresso em casa, sem custo adicional.

Curso com
certificado de 32 horas

Satisfação garantida

ou seu dinheiro de volta!

Sobre o curso

Sobre o curso de JQuery

Com a grande disseminação de dispositivos móveis com acesso à internet e com o crescente acesso à internet da população mundial a programação para a web está crescendo cada vez mais, com isso o conhecimento da trinca fundamental do desenvolvimento web está cada vez mais necessária e essencial para todos os tipos de desenvolvedores.

O jQuery é uma biblioteca poderosa para aqueles que não querem se aprofundar muito no uso do JavaScript ou para aqueles que não querem se preocupar com problemas cross-browser ou com padrões e normas de codificação.

E para começar o estudo do jQuery nada melhor do que entender sua estrutura, no curso mostramos de forma prática a estrutura principal da biblioteca, como a função jQuery() e seu apelido $() bem como a diferença entre os tipos de seletores.

A parte mais poderosa do jQuery é o fato de ele ter uma grande flexibilidade na hora de selecionar elementos no documento, possibilitando assim uma grande variedade de opções para encontra o elemento ou grupo de elementos desejados. Tendo isso em mente e sabendo que a seleção de elementos é a parte mais importante da biblioteca dedicamos uma parte do curso para explicar como selecionar elementos e como usar filtros para refinar as seleções.

Após aprender a selecionar e refinar a seleção com filtros será o momento de aprender a manipular os elementos do DOM, incluindo, editando e modificando os elementos, aprendo a incluir e modificar seus atributos e classes.

Para que seu aprendizado sobre a captura e manipulação de eventos seja completo você deve, além de aprender a teoria e a prática dos principais métodos do jQuery para eventos, aprender sobre a essência dos eventos no JavaScript e como eles funcionam quando não estamos usando o jQuery. Por esse motivo o curso traz informações completas sobre eventos.

Animações e eventos são sempre um assunto interessante e complexo, pois envolvem a iteração direta do usuário e o dispositivo que eles estão utilizando para exibir tais animações. O jQuery dispões de um grande número de métodos para trabalhar com animações e efeitos e neste curso você aprender com muitos exemplos a usar os principais, e alguns nem tão conhecidos, métodos para criação de efeitos e animações.

Mas não pense que o jQuery se restringi a somente a estes assuntos, ainda é mostrado no curso AJAX, plugins e algumas dicas para você tirar o máximo do jQuery.

Se você acha que o jQuery é ótimo, mas ele tem muito mais do que você necessita ou que seu projeto demanda existe uma alternativa. O Zepto é uma biblioteca que é baseada no jQuery, com métodos com nomenclatura e funções semelhantes, quando não iguais, com a vantagem de ser mais leve, pois além de não suportar versões antigas dos navegadores ele também não contempla alguns métodos mais complexos do jQuery. Esta biblioteca é mostrada de forma introdutória ao fim do curso de jQuery.

Conhecimentos adquiridos

No curso de jQuery Completo do TreinaWeb Cursos você recapitulará conceitos básico de JavaScript, como espaços, quebras de linha, comentários, ponto e vírgula opcional, variáveis, tipo de dados, conversão de tipos, aritmética, expressões, operadores, instruções, janelas, alertas, DOM, expressões regulares, objetos, herança e protótipos. Isso de uma forma rápida e leve, tendo em vista que o conhecimento de JavaScript é um pré-requisito para o curso, mas esta recapitulação é necessário para refrescar a memória sobre os principais temas relacionado ao JavaScript.

Conhecer o site do desenvolvedor é algo indispensável para aproveitar o máximo da biblioteca, pensando nisso introduzimos no curso um capítulo inteiro sobre o assunto, mostrando como usar o site, suas principais funcionalidades, demos e muito mais.

A temática principal do curso é o fato de que você deve conhecer o que você está aprendendo, por este motivo você sempre será induzido ao longo do curso a compreender um determinado assunto antes de conhecer a aplicar os métodos jQuery para esse assunto. Então no início do aprendizado do jQuery você irá compreender como a função jQuery() e seu atalho $() funcionam e aprenderá o básico sobre os tipos de seletores.

Após criar a primeira parte do projeto, que tem a ver com baixar e incluir a biblioteca na aplicação e criar um formulário completo para os testes ao longo do curso você irá aprender um pouco mais sobre a diferença entre os seletores e os filtros. Após ter esses conceitos você irá aprender sobre a travessia do DOM do jQuery funciona. Aprenderá também a modificar o DOM, acessar e modificar classes CSS e atributos dos elementos e a interagir com um conjunto de elementos de um resultado.

Seguindo a lógica de se aprender a teoria e após isso aprender como fazer no jQuery você irá aprender um pouco mais sobre como os eventos funcionam e se propagam pela árvore de elementos do DOM, e em seguida irá aprender os principais métodos jQuery para manipulação e captura de eventos.

O mesmo acontece para as animações e efeitos, que serão explicados de forma teórica primeiramente de posteriormente os métodos jQuery serão explicados e exemplificados em detalhes.

AJAX é sempre um assunto complexo, então para uma melhor compreensão no curso iremos recapitular o que é o JSON, scripts http e mostrar como usar o método ajax() do jQuery com um exemplo simples, mas que irá mostrar o básico do uso do AJAX com jQuery.

O jQuery sozinho já é uma ferramenta poderosa para os desenvolvedores web, mas ele ainda pode ficar mais poderoso com o uso de plugins, no curso será mostrado como encontrar plugins no site do desenvolvedor e a lógica principal para o uso de plugins, como exemplo prático mostraremos como usar os plugins jQuery UI e o jQuery Mobile.

Para finalizar o curso com chave de ouro, mostraremos de forma prática e rápida como se criar um jogo usando o jQuery, depois mostraremos as melhores práticas para você tirar o máximo do jQuery e caso você queira uma solução mais leve e que ainda seja poderosa e prática você terá uma introdução ao Zepto que é uma biblioteca baseada no jQuery, mas que é mais leve e tão poderosa quanto.

Ficha técnica

Metodologia
Texto e imagens
Início imediato
Exemplos completos
Testes de aprendizado
Suporte incluso
Suporte incluso com instrutores especialistas.
Certificado incluso
Incluso! Receba o certificado impresso em casa (sem custo adicional)
Prazo de acesso
Enquanto não concluir, o curso não expira nunca! Após a conclusão acesse-o por mais 2 anos.
Ambiente do curso
Google Chrome
NetBeans 7.4 ou superior
jQuery 1.9.1 ou superior

Pré-requisitos

Os pré-requisitos não são obrigatórios, mas é altamente recomendado que você tenha conhecimentos equivalentes antes de ingressar no curso de JQuery Completo.

Conteúdo Programático
jQuery 0%
Pré-requisitos 0%
Ambiente de trabalho 1%
  • Google Chrome
  • NetBeans IDE
Criando um projeto no NetBeans 1%
Histórico 2%
  • jQuery e os Padrões Web
  • Vantagens de trabalhar com jQuery
  • Quem usa o jQuery
Introdução 3%
JavaScript o “pai” do jQuery 3%
Espaços, quebras de linha, comentários e ponto e vírgula opcional 3%
  • Variáveis, tipo de dados, conversão de tipos e aritmética
  • Expressões, operadores e instruções
Janelas e Alertas 4%
DOM 4%
Expressões Regulares 4%
Objetos, herança e protótipo 4%
  • Criando objetos
Consultando e configurando objetos 5%
API, framework ou biblioteca? 5%
  • API
  • Vantagens:
Framework 6%
  • Benefícios
Bibliotecas 6%
  • Vantagens:
  • Onde o jQuery entra nisso tudo?
DOM - Document Object Model 7%
Obtendo e inserindo o jQuery na aplicação 7%
O primeiro exemplo com jQuery 7%
Entendendo o exemplo 8%
  • A ordem dos fatores altera o produto
Antes de usar, entenda! 8%
  • Usar a função $() ou jQuery()?
Seletores 9%
  • Seletor com XPath
Seletores id e class 9%
Projeto final – Parte I: O formulário 9%
  • Criando o HTML
Inserindo o CSS 10%
O site do desenvolvedor é nosso amigo 10%
A documentação da API 10%
Quer plugins? Aqui é o lugar para procurar 10%
Aprender a selecionar é essencial 11%
  • Seletores
  • Filtros
Como usar tudo isso a meu favor? 11%
Manipulando a página web 12%
Travessia jQuery 12%
Criação de elementos na função jQuery ($()) 12%
.html() 12%
.text() 12%
.append() 13%
.prepend() 13%
  • .appendTo()
.prependTo() 13%
.after() 14%
  • .insertAfter()
.before() 14%
  • .insertBefore()
.wrap() 15%
.unwrap() 15%
  • .wrapAll
.wrapInner() 15%
  • .remove()
.detach() 16%
.replaceWith() 16%
  • .replaceAll()
.empty() 16%
  • .clone()
Acessando e modificando CSS e atributos 17%
  • .attr()
.removeAttr() 17%
.prop() 18%
.removeProp() 18%
.addClass() 18%
  • .removeClass()
.toggleClass() 18%
  • .hasClass()
.val() 19%
.data() 19%
.removeData() 19%
.css() 20%
.offset() 20%
.height() 20%
.width() 20%
jQuery 0%
Pré-requisitos 0%
Ambiente de trabalho 1%
  • Google Chrome
  • NetBeans IDE
Criando um projeto no NetBeans 1%
Histórico 2%
  • jQuery e os Padrões Web
  • Vantagens de trabalhar com jQuery
  • Quem usa o jQuery
Introdução 3%
JavaScript o “pai” do jQuery 3%
Espaços, quebras de linha, comentários e ponto e vírgula opcional 3%
  • Variáveis, tipo de dados, conversão de tipos e aritmética
  • Expressões, operadores e instruções
Janelas e Alertas 4%
DOM 4%
Expressões Regulares 4%
Objetos, herança e protótipo 4%
  • Criando objetos
Consultando e configurando objetos 5%
API, framework ou biblioteca? 5%
  • API
  • Vantagens:
Framework 6%
  • Benefícios
Bibliotecas 6%
  • Vantagens:
  • Onde o jQuery entra nisso tudo?
DOM - Document Object Model 7%
Obtendo e inserindo o jQuery na aplicação 7%
O primeiro exemplo com jQuery 7%
Entendendo o exemplo 8%
  • A ordem dos fatores altera o produto
Antes de usar, entenda! 8%
  • Usar a função $() ou jQuery()?
Seletores 9%
  • Seletor com XPath
Seletores id e class 9%
Projeto final – Parte I: O formulário 9%
  • Criando o HTML
Inserindo o CSS 10%
O site do desenvolvedor é nosso amigo 10%
A documentação da API 10%
Quer plugins? Aqui é o lugar para procurar 10%
Aprender a selecionar é essencial 11%
  • Seletores
  • Filtros
Como usar tudo isso a meu favor? 11%
Manipulando a página web 12%
Travessia jQuery 12%
Criação de elementos na função jQuery ($()) 12%
.html() 12%
.text() 12%
.append() 13%
.prepend() 13%
  • .appendTo()
.prependTo() 13%
.after() 14%
  • .insertAfter()
.before() 14%
  • .insertBefore()
.wrap() 15%
.unwrap() 15%
  • .wrapAll
.wrapInner() 15%
  • .remove()
.detach() 16%
.replaceWith() 16%
  • .replaceAll()
.empty() 16%
  • .clone()
Acessando e modificando CSS e atributos 17%
  • .attr()
.removeAttr() 17%
.prop() 18%
.removeProp() 18%
.addClass() 18%
  • .removeClass()
.toggleClass() 18%
  • .hasClass()
.val() 19%
.data() 19%
.removeData() 19%
.css() 20%
.offset() 20%
.height() 20%
.width() 20%
.css() 20%
.offset() 20%
.height() 20%
.width() 20%
.innerHeight() 21%
  • .innerWidth()
.outerHeight() 21%
  • .outerWidth()
Afetando conjunto de resultados 21%
  • .map()
.each() 22%
  • O que você precisa saber sobre eventos
Introdução 22%
Como fazer no jQuery? 23%
  • E no JavaScript?
  • IE8 e anteriores também podem?
Adicionando manipuladores de eventos em múltiplos elementos 23%
Compreendendo o modelo de eventos do navegador 24%
  • Captura de eventos e “borbulhamento”
A propagação de eventos 24%
Manipulação de eventos com jQuery 24%
  • O arquivo de testes
O objeto Event 25%
  • O construtor jQuery.Event
  • Propriedades de Event
Métodos para anexar manipuladores de evento 25%
  • .bind()
  • Parâmetros
  • Valor de retorno
  • Descrição
  • Eventos múltiplos
  • Manipuladores de eventos
  • O objeto Event
.unbind() 27%
  • Parâmetros
  • Valor retornado
  • Descrição
  • Usando namespaces
  • Usando o objeto Event
.on() 29%
  • Parâmetros
  • Valor de retorno
  • Descrição
  • Eventos diretos e delegados
  • O manipulador de eventos e o seu ambiente
  • Passando dados para o manipulador
.off() 30%
  • Parâmetros
  • Valor de retorno
  • Descrição
.delegate() 31%
  • Parâmetros
  • Valor retornado
  • Descrição
.undelegate() 32%
  • Parâmetros
  • Valor retornado
  • Descrição
.one() 33%
  • Parâmetros
  • Valor retornado
  • Descrição
.trigger() 34%
  • Parâmetros
  • Valor retornado
  • Descrição
.triggerHandler() 35%
  • Parâmetros
  • Valor de retorno
  • Descrição
.live() 36%
  • Parâmetros
  • Valor de retorno
  • Descrição
.die() 37%
  • Parâmetros
  • Valor de retorno
  • Descrição
Métodos de evento de carregamento da página 38%
Métodos para eventos de mouse 41%
  • .click()
  • Parâmetros
  • Valor de retorno
  • Descrição
.dblclick() 42%
  • Parâmetros
  • Valor de retorno
  • Descrição
.focusout() 43%
  • Parâmetros
  • Valor de retorno
  • Descrição
  • .hover()
  • Parâmetros
  • Valor de retorno
  • Descrição
.mousedown() 44%
  • Parâmetros
  • Valor de retorno
  • Descrição
.mouseenter() 45%
  • Parâmetros
  • Valor de retorno
  • Descrição
.mouseleave() 46%
  • Parâmetros
  • Valor de retorno
  • Descrição
.mousemove() 47%
  • Parâmetros
  • Valor de retorno
  • Descrição
.mouseout() 48%
  • Parâmetros
  • Valor de retorno
  • Descrição
  • .mouseover()
  • Parâmetros
  • Valor de retorno
  • Descrição
.mouseup() 50%
  • Parâmetros
  • Valor de retorno
  • Descrição
.toggle() 51%
  • Parâmetros
  • Valor de retorno
  • Descrição
Exemplo prático 52%
Métodos para eventos de formulário 52%
  • .blur()
  • Parâmetros
  • Valor de retorno
  • Descrição
.change() 53%
  • Parâmetros
  • Valor de retorno
  • Descrição
.focus() 54%
  • Parâmetros
  • Valor de retorno
  • Descrição
.focusin() 55%
  • Parâmetros
  • Valor de retorno
  • Descrição
.select() 56%
  • Parâmetros
  • Valor de retorno
  • Descrição
.submit() 57%
  • Parâmetros
  • Valor de retorno
  • Descrição
  • Métodos para eventos de teclado
  • .keydown()
  • Parâmetros
  • Valor de retorno
  • Descrição
.keypress() 59%
  • Parâmetros
  • Valor de retorno
  • Descrição
.keyup() 60%
.keyup() 60%
  • Parâmetros
  • Valor de retorno
  • Descrição
Métodos para eventos de navegador 61%
  • .error()
  • Parâmetros
  • Valor de retorno
  • Descrição
.resize() 62%
  • Parâmetros
  • Valor de retorno
  • Descrição
  • .scroll()
  • Parâmetros
  • Valor de retorno
  • Descrição
Projeto Final – Parte II: Manipulando uma página Web 64%
  • Check-list de atividades
Mudando a página inicial 64%
Atribuindo eventos aos elementos 65%
Animações e Efeitos 65%
Easings 65%
  • .hide()
  • Parâmetros
  • Valor de retorno
  • Descrição
.show() 66%
  • Parâmetros
  • Valor de retorno
  • Descrição
.toggle() 67%
  • Parâmetros para a primeira sintaxe
  • Parâmetros para a segunda sintaxe
  • Valor de retorno
  • Descrição
  • .slideDown()
  • Parâmetros
  • Valor de retorno
  • Descrição
.slideUp() 69%
  • Parâmetros
  • Valor de retorno
  • Descrição
.slideToggle() 70%
  • Parâmetros
  • Valor de retorno
  • Descrição
.fadeIn() 71%
  • Parâmetros
  • Valor de retorno
  • Descrição
.fadeOut() 72%
  • Parâmetros
  • Valor de retorno
  • Descrição
.fadeTo() 73%
  • Parâmetros
  • Valor de retorno
  • Descrição
.animate() 74%
  • Parâmetros para a primeira sintaxe
  • Parâmetros para a segunda sintaxe
  • Valor de retorno
  • Descrição
.stop() 75%
  • Parâmetros para a primeira versão
  • Parâmetros para a segunda versão
  • Valor de retorno
  • Descrição
  • Mais exemplos
  • Parâmetros
  • Valor de retorno
  • Descrição
.queue() 77%
  • Parâmetros para a primeira sintaxe
  • Parâmetros para a segunda sintaxe
  • Parâmetros para a terceira sintaxe
  • Valor de Retorno
  • Descrição
  • Mais exemplos
.dequeue() 79%
  • Parâmetros
  • Valor retornado
  • Descrição
.clearQueue() 79%
  • Parâmetros
  • Valor de retorno
  • Descrição
Projeto final – Parte III: Criando um banner e menus 80%
Projeto final – Parte III: Criando um banner e menus 80%
Criando o banner 81%
Criando o menu superior 81%
Criando uma página diferente 81%
Introdução a AJAX com jQuery 81%
  • JSON
Analisando JSON em JavaScript 82%
Recapitulando scripts HTTP 82%
  • Criando os arquivos para testes
Instalando o XAMPP 82%
Criando o projeto no NetBeans IDE 83%
Usando XMLHttpRequest 83%
JSON 83%
Ajax com jQuery 83%
Um exemplo prático 84%
Projeto final – Parte IV: Atualizando o conteúdo com Ajax 84%
  • Criando o ambiente de testes
Os arquivos HTML e CSS 84%
Inserindo o código jQuery 85%
Introdução a Plugins 85%
  • Encontrando plugins e ajuda
Como usar um plugin 85%
  • Efetuando o download e inserindo a referência ao plugin
Uso simples do plugin 86%
Especificando os parâmetros do plugin 86%
Introdução a jQuery UI 86%
  • Baixando e inserindo jQuery no código
Navegando pelo site 87%
  • Exemplo
Introdução ao jQuery Mobile 87%
  • Simplicidade e flexibilidade gerais
  • Aprimoramento progressivo e degradação suave
  • Suporte para toque e outros métodos de entrada
  • Acessibilidade
  • Leve e modular
  • Temas
  • Suporte ao navegador
Estrutura de uma página do jQuery Mobile 89%
  • Páginas únicas, páginas múltiplas e vinculação de páginas
  • Eventos e métodos suportados
  • Eventos
Inicializando o jQuery Mobile 90%
  • Substituindo os valores padrão do jQuery Mobile (PROTO)
  • Métodos
  • Widgets e atributos HTML5 data-*
Diálogos 91%
  • listview
Formulários 91%
  • Transições de página
Temas e ThemeRoller 92%
Introdução ao desenvolvimento de games com jQuery 92%
  • Resumo do projeto
  • Por que é importante aprender isso?
  • Os objetivos
  • Criando a estrutura de arquivos e pastas
Criar o código HTML 93%
Criar um código wrapper para definição das variáveis 93%
Dividir uma imagem em pedaços 94%
Embaralhar as peças do quebra-cabeça 94%
Iniciar e parar o cronômetro 94%
Tornar as peças do quebra-cabeça arrastáveis 94%
  • Missão Cumprida
Obtendo o máximo de jQuery 95%
  • $() é o mesmo que jQuery()
Salvando seleções em variáveis 95%
  • Adicionar conteúdo o menor número de vezes possível
Otimizando os Seletores 96%
Manipulação de DOM eficiente 96%
Use a versão mais recente, mas tenha atenção 96%
  • Sempre que possível não utilize o jQuery
Encadeamento de métodos? Sim, por favor! 97%
  • O que é o DRY (Don’t Repeat Yourself)?
  • Como medir a performance da sua aplicação?
  • Já ouviu falar de “Zepto”?
  • Por que gostar do Zepto
Zepto não é perfeito, mas ainda vale a pena 98%
  • Compatibilidade
  • Principais diferenças
Explorando a API 98%
  • Modificando o conteúdo HTML de um recipiente
  • Anexar um elemento a um Contêiner
  • Eventos
  • AJAX
  • Animações
  • Considerações finais
Conclusão 100%
Baixar PDF
Depoimentos
  • Aluno sem Foto

    Curso bem abrangente, aborda termos avançados, todos os exemplos são bem completos e de facil compreeensão.

    Robson Fernandes Simeoni de Campinas - SP sobre o curso de JQuery - Completo

  • Aluno sem Foto

    Achei muito interessante. Aborda os temas de forma fácil, rapida e objetiva.

    Filipe dos Santos Bittencourt Vieira de Vitória - ES sobre o curso de JQuery - Completo

  • Aluno sem Foto

    Gostei muito do formato, do ambiente (facilidade de navegação) e de como o curso foi divido. Parabéns pelo trabalho!!

    Renato Pereira de Almeida de Brasília - DF sobre o curso de JQuery - Completo

  • Foto do aluno

    Excelente curso. Realmente completo. Aborda todo o escopo para criação de um game em 2D. Ótima didática também. Recomendo

    Thiago Rossi Silvestrini de São José do Rio Preto - SP sobre o curso de Desenv. de Jogos 2D com Unity - Completo

Cursos relacionados

Aproveite as vantagens e comece a estudar agora!

  • 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.

Por apenas:

10x de R$ 14,99

sem juros no cartão ou R$ 149,90 à vista

Adicionar ao carrinho

Formas de pagamento

Aceitamos praticamente todas as formas de pagamento. Parcele em até 10x sem juros no cartão de crédito.

Encontre-nos nas redes sociais

Receba lançamentos e promoções

Site Seguro