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 |