Transforme Suas Páginas Web com Interatividade Profissional e Máxima Eficiência no Desenvolvimento
Este curso foi projetado especialmente para quem quer aprender desde os fundamentos até recursos mais avançados, com explicações detalhadas e práticas que transformarão a maneira como você desenvolve interfaces e funcionalidades web.
O jQuery é como uma caixa de ferramentas para o JavaScript, proporcionando métodos e funcionalidades que tornam a manipulação de elementos, eventos e estilos muito mais simples. Ao longo deste curso, você aprenderá desde a introdução ao jQuery e seus seletores até a manipulação avançada de eventos, efeitos e animações.
Nas primeiras sessões, você será introduzido ao que é o jQuery, sua importância e como configurá-lo em projetos. Verá também como utilizar seletores e filtros para navegar e manipular o DOM de forma eficiente. À medida que o curso avança, você aprenderá a estilizar elementos dinamicamente, manipular formulários, trabalhar com AJAX para requisições assíncronas e até mesmo criar eventos personalizados.
Quando chegar às sessões finais, você estará pronto para desenvolver aplicações completas e funcionais, como menus interativos, sliders de imagens, chats em tempo real e até sistemas de avaliação. Este curso também inclui boas práticas e dicas para garantir que seu código seja limpo, organizado e eficiente.
Mas há mais! Este curso é dinâmico e inclui projetos práticos e desafiadores que o ajudarão a consolidar o conhecimento e aplicá-lo no mundo real. Cada aula foi cuidadosamente planejada para oferecer uma experiência de aprendizado sólida, onde teoria e prática se complementam.
Com dedicação e prática, você será capaz de criar projetos impressionantes e melhorar sua performance como desenvolvedor. Não espere mais! Invista no seu futuro e permita que o jQuery seja a ferramenta que abre novas portas para sua carreira no desenvolvimento web.
Estamos empolgados para começar esta jornada com você. Vamos transformar ideias em interfaces interativas e projetos em sucesso!
Sessão: Introdução ao jQuery | ||
---|---|---|
Apresentação da Sessão | 1 minuto | play_circle_filled |
O que é jQuery | 4 minutos | |
Vantagens de usar jQuery | 4 minutos | |
Preparando o Ambiente de Desenvolvimento | 17 minutos | play_circle_filled |
Verificando a Instalação do jQuery | 9 minutos | |
Estrutura e Sintaxe Básica do jQuery | 10 minutos | |
Explorando a Documentação do jQuery | 5 minutos | |
Comparação entre JavaScript Puro e jQuery | 7 minutos | |
Boas Práticas com jQuery | 7 minutos | |
Como Depurar Código com jQuery | 7 minutos | |
Projeto Prático – Primeiros Passos com jQuery | 7 minutos | |
Apresentação dos Exercícios | 1 minuto | |
Solução dos Exercícios | 17 minutos | |
Sessão: Seletores e Filtros | ||
Apresentação da Sessão | 1 minuto | |
Introdução aos Seletores em jQuery | 3 minutos | |
Seletores de ID e Class | 11 minutos | |
Seletores de Tag (Nome da Tag) | 12 minutos | |
Seletores Hierárquicos | 12 minutos | |
Seletores de Relacionamento (Irmãos) | 15 minutos | |
Introdução aos Filtros em jQuery | 5 minutos | |
O Filtro First e Last | 8 minutos | play_circle_filled |
O Filtro Eq() | 10 minutos | play_circle_filled |
O Filtro Not() | 13 minutos | |
Filtros Avançados em jQuery | 9 minutos | |
Apresentação dos Exercícios | 1 minuto | |
Solução dos Exercícios | 13 minutos | |
Sessão: Manipulação do DOM | ||
Apresentação da Sessão | 1 minuto | |
Introdução ao Document Object Model (DOM) | 4 minutos | |
Como o DOM é Estruturado | 6 minutos | |
Navegação no DOM com jQuery | 16 minutos | |
Métodos de Manipulação de Conteúdo - HTML() | 12 minutos | |
Métodos de Manipulação de Texto - Text() | 10 minutos | |
Manipulação de Valores com Val() | 21 minutos | |
Introdução a Atributos e Propriedades no DOM | 5 minutos | |
Alteração de Atributos com Attr() | 20 minutos | |
Manipulação de Propriedades com Prop() | 19 minutos | |
Removendo Atributos com RemoveAttr() | 14 minutos | |
Apresentação dos Exercícios | 1 minuto | |
Solução dos Exercícios | 14 minutos | |
Sessão: Manipulação de Estilos CSS | ||
Apresentação da Sessão | 1 minuto | |
Introdução à Manipulação de Estilos com jQuery | 4 minutos | |
Adicionando Classes com addClass() | 7 minutos | |
Removendo Classes com removeClass() | 5 minutos | |
Trabalhando com Várias Classes no addClass() | 10 minutos | |
Alterando Estilos com CSS() - Parte 1 | 10 minutos | |
Alterando Estilos com CSS() - Parte 2 | 15 minutos | |
Introdução ao toggleClass() | 4 minutos | |
Alternando Estilos Dinamicamente com toggleClass() | 11 minutos | |
Combinação de Métodos com addClass(), removeClass() e toggleClass() | 10 minutos | |
Boas Práticas na Manipulação de Estilos com jQuery | 8 minutos | |
Apresentação dos Exercícios | 1 minuto | |
Solução dos Exercícios | 15 minutos | |
Sessão: Eventos em jQuery | ||
Apresentação da Sessão | 1 minuto | |
O método On() e Seus Usos | 13 minutos | |
Manipulação de eventos comuns em Click, Hover, Focus e Blur | 8 minutos | |
Delegação de Eventos para Elementos Dinâmicos | 12 minutos | |
Captura de Eventos de Mouse em Mouseenter, Mouseleave e Mousemove | 10 minutos | |
Eventos de teclado em Keydown, Keyup e Keypress | 10 minutos | |
Manipulação de Múltiplos Eventos com On() | 11 minutos | |
Prevenindo o Comportamento Padrão de Eventos | 9 minutos | |
Parando a Propagação de Eventos com stopPropagation() | 9 minutos | |
Eventos Personalizados em jQuery | 13 minutos | |
Desfazendo Eventos com Off() | 11 minutos | |
Apresentação dos Exercícios | 1 minuto | |
Solução dos Exercícios | 13 minutos | |
Sessão: Efeitos e Animações | ||
Apresentação da Sessão | 1 minuto | |
Introdução aos Efeitos e Animações com jQuery | 4 minutos | |
Ocultando e Mostrando Elementos com Hide() e Show() | 9 minutos | |
Alternando entre Mostrar e Ocultar com Toggle() | 6 minutos | |
Efeitos de Transição com fadeIn() | 4 minutos | |
Efeitos de Desaparecimento com fadeOut() | 4 minutos | |
Criando Efeitos de Deslizamento com slideUp() | 8 minutos | |
Criando Efeitos de Deslizamento com slideDown() | 4 minutos | |
Animações Básicas com Animate() | 9 minutos | |
Criando Animações Complexas com Animate() | 16 minutos | |
Boas Práticas na Utilização de Efeitos e Animações em jQuery | 7 minutos | |
Apresentação dos Exercícios | 1 minuto | |
Solução dos Exercícios | 15 minutos | |
Sessão: Traversing (Percorrendo o DOM) | ||
Apresentação da Sessão | 1 minuto | |
Introdução ao Traversing e Métodos de Navegação no DOM | 3 minutos | |
Método Parent() - Navegando para o Pai | 9 minutos | |
Método Children() - Navegando para os Elementos Filhos | 7 minutos | |
Método Siblings() - Navegando para os Elementos Irmãos | 7 minutos | |
Método Next() - Selecionando o Próximo Elemento Adjacente | 6 minutos | |
Método Prev() - Selecionando o Elemento Anterior Adjacente | 6 minutos | |
Método Filter() - Filtrando Elementos com Base em Critérios | 9 minutos | |
Método Not() - Excluindo Elementos de uma Seleção | 11 minutos | |
Combinando Métodos de Traversing para Navegação Avançada | 9 minutos | |
Boas Práticas e Performance ao Percorrer o DOM | 5 minutos | |
Apresentação dos Exercícios | 1 minuto | |
Solução dos Exercícios | 23 minutos | |
Sessão: Manipulação de Conteúdo | ||
Apresentação da Sessão | 1 minuto | |
Introdução à Manipulação de Conteúdo no DOM | 2 minutos | |
Adicionando Elementos ao Final com Append() | 12 minutos | |
Adicionando Elementos ao Início com Prepend() | 12 minutos | |
Adicionando Elementos Depois com After() | 16 minutos | |
Adicionando Elementos Antes com Before() | 9 minutos | |
Substituindo Elementos com replaceWith() | 16 minutos | |
Removendo Elementos do DOM com Remove() | 12 minutos | |
Removendo Apenas o Conteúdo com Empty() | 12 minutos | |
Combinando Métodos de Manipulação | 11 minutos | |
Boas Práticas na Manipulação de Conteúdo | 7 minutos | |
Apresentação dos Exercícios | 1 minuto | |
Solução dos Exercícios | 24 minutos | |
Sessão: Manipulação de Formulários | ||
Apresentação da Sessão | 1 minuto | |
Introdução à Manipulação de Formulários com jQuery | 17 minutos | |
Capturando Valores com Val() | 8 minutos | |
Capturando Valores com Serialize() | 9 minutos | |
Validação de Campos em Formulários | 13 minutos | |
Validação Avançada de Campos | 15 minutos | |
Manipulação de Checkboxes | 10 minutos | |
Manipulação de Radio Buttons | 8 minutos | |
Manipulação de Campos Select (Dropdown) | 7 minutos | |
Submissão de Formulários com jQuery | 10 minutos | |
Boas Práticas na Manipulação de Formulários | 5 minutos | |
Apresentação dos Exercícios | 1 minuto | |
Solução dos Exercícios | 21 minutos | |
Sessão: Trabalhando com AJAX | ||
Apresentação da Sessão | 1 minuto | |
Introdução ao AJAX com jQuery | 4 minutos | |
Como Funciona o AJAX no jQuery | 12 minutos | |
Usando Get() para Requisições Simples | 8 minutos | |
Enviando Dados com Post() | 9 minutos | |
O Poder do Ajax() para Requisições Personalizadas | 13 minutos | |
Tratamento de Respostas JSON | 6 minutos | |
Trabalhando com Respostas em XML | 11 minutos | |
Lidando com Erros em Requisições AJAX | 5 minutos | |
Carregamento de Dados em Tempo Real | 10 minutos | |
Boas Práticas e Segurança no Uso de AJAX | 5 minutos | |
Apresentação dos Exercícios | 1 minuto | |
Solução dos Exercícios | 16 minutos | |
Sessão: Manipulação Avançada de Eventos | ||
Apresentação da Sessão | 1 minuto | |
Introdução à Manipulação de Eventos | 4 minutos | |
Prevenindo o Comportamento Padrão com preventDefault() | 9 minutos | |
Aplicação do preventDefault() em Formulários | 14 minutos | |
Interrompendo a Propagação de Eventos com stopPropagation() | 10 minutos | |
Combinando preventDefault() e stopPropagation() | 9 minutos | |
Métodos de Disparo de Eventos - Introdução ao Trigger() | 12 minutos | |
Aplicações do Trigger() para Interatividade | 13 minutos | |
Utilizando triggerHandler() para Disparos de Eventos sem Propagação | 6 minutos | |
Combinando Trigger() e triggerHandler() em Casos Reais | 14 minutos | |
Boas Práticas e Performance em Manipulação de Eventos Avançada | 5 minutos | |
Apresentação dos Exercícios | 1 minuto | |
Solução dos Exercícios | 21 minutos | |
Sessão: Projetos Web | ||
Apresentação da Sessão | 1 minuto | |
Criando um Menu de Navegação Responsivo | 10 minutos | |
Galeria de Imagens com Efeitos de Transição | 17 minutos | |
Formulário de Contato com Validação em Tempo Real | 15 minutos | |
To-Do List Interativa | 11 minutos | |
Slider de Imagens Interativo | 12 minutos | |
Sistema de Avaliação com Estrelas (Rating System) | 13 minutos | |
Criando uma Modal de Imagem | 9 minutos | |
Chat em Tempo Real com jQuery e AJAX | 13 minutos | |
Carregamento de Conteúdo Dinâmico com Scroll Infinito | 12 minutos | |
Cronômetro com jQuery | 13 minutos | |
Sessão: Encerramento | ||
Encerramento | 1 minuto |
Sessão: Introdução ao jQuery | ||
---|---|---|
Exercícios | 125.04 KB | arrow_downward |
Material de Apoio | 6.73 KB | |
Sessão: Seletores e Filtros | ||
Exercícios | 125.51 KB | |
Material de Apoio | 12.74 KB | |
Sessão: Manipulação do DOM | ||
Exercícios | 124.54 KB | |
Material de Apoio | 1.36 MB | |
Sessão: Manipulação de Estilos CSS | ||
Exercícios | 128.48 KB | |
Material de Apoio | 14.13 KB | |
Sessão: Eventos em jQuery | ||
Exercícios | 98.20 KB | |
Material de Apoio | 15.64 KB | |
Sessão: Efeitos e Animações | ||
Exercícios | 107.06 KB | |
Material de Apoio | 13.34 KB | |
Sessão: Traversing (Percorrendo o DOM) | ||
Exercícios | 109.30 KB | |
Material de Apoio | 13.24 KB | |
Sessão: Manipulação de Conteúdo | ||
Exercícios | 109.47 KB | |
Material de Apoio | 205.18 KB | |
Sessão: Manipulação de Formulários | ||
Exercícios | 101.87 KB | |
Material de Apoio | 18.15 KB | |
Sessão: Trabalhando com AJAX | ||
Exercícios | 124.29 KB | |
Material de Apoio | 16.42 KB | |
Sessão: Manipulação Avançada de Eventos | ||
Exercícios | 133.39 KB | |
Material de Apoio | 2.55 MB | |
Sessão: Projetos Web | ||
Material de Apoio | 1.67 MB | |
Sessão: Encerramento |